<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Red Yellow &#187; johnny ball</title>
	<atom:link href="http://redyellow.co.uk/tag/johnny-ball/feed/" rel="self" type="application/rss+xml" />
	<link>http://redyellow.co.uk</link>
	<description>Sport, Mobiles, Development and did I mention Sport?</description>
	<lastBuildDate>Thu, 29 Jul 2010 12:57:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The 2 minute guide to creating a WordPress theme</title>
		<link>http://redyellow.co.uk/the-2-minute-guide-to-creating-a-wordpress-theme/</link>
		<comments>http://redyellow.co.uk/the-2-minute-guide-to-creating-a-wordpress-theme/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 20:45:18 +0000</pubDate>
		<dc:creator>Rich Gubby</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[johnny ball]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[tony hart]]></category>

		<guid isPermaLink="false">http://redyellow.co.uk/?p=45</guid>
		<description><![CDATA[How hard is it to create a WordPress theme? Armed with a ready supply of tea, a well stocked iTunes library and a kick-ass design from Ryan DC, my mission, if I chose to accept it, was to find out &#8230; I&#8217;ve already written a plugin about how to mobilize your WordPress blog, (you can [...]


Related posts:<ol><li><a href='http://redyellow.co.uk/wordpress-on-load-balanced-servers/' rel='bookmark' title='Permanent Link: WordPress on Load Balanced Servers'>WordPress on Load Balanced Servers</a></li>
<li><a href='http://redyellow.co.uk/new-look-for-summer/' rel='bookmark' title='Permanent Link: new look for summer!'>new look for summer!</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>How hard is it to create a WordPress theme?</p>
<p>Armed with a ready supply of tea, a well stocked iTunes library and a kick-ass design from <a href="http://ryandc.co.uk">Ryan DC</a>, my mission, if I chose to accept it, was to find out &#8230;</p>
<p><span id="more-45"></span><img class="size-full wp-image-167 alignright" title="tonyhart" src="http://redyellow.co.uk/wp-content/uploads/2009/06/tonyhart.jpg" alt="tonyhart" width="53" height="70" />I&#8217;ve already written a plugin about how to mobilize your WordPress blog, (you can find the homepage <a href="http://wordpress.org/extend/plugins/wapple-architect/">here</a>), but this is all about making it look pretty on web. No serious coding here, it&#8217;s all about the design, complete with crayons and colouring-in books &#8211; a bit more <a href="http://www.tonyhart.co.uk/">Tony Hart</a> than <a href="http://www.w3.org/People/Berners-Lee/">Tim Berners-Lee</a>.</p>
<h3>So what&#8217;s the first step?</h3>
<p>Copy and paste. No, seriously -  copy the default theme and paste it into a new folder. Then make a few changes to the stylesheet comments at the top and you&#8217;re ready to begin. Activate it in the &#8220;Appearance&#8221; tab and you can start to work on it.</p>
<p>If you stick to the conventions in your new theme and don&#8217;t change the names you won&#8217;t go far wrong. Infact, if you do change the names of the files, I&#8217;m not even sure if things will work. Anyway, the main files you&#8217;ll be wanting to change are style.css, header.php (your header) and maybe a few of index.php (main home page), single.php (post pages) and archives.php (archives and search results).</p>
<p>Change some CSS, create new images and delete old ones. Amend class names if you want, add ID&#8217;s, take them away. It&#8217;s up to you. I tried to stick to what was already there but you can do whatever you like. Use <a href="http://www.firefox.com">Firefox</a> to look at your theme and install <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a>, you&#8217;ll be glad you did.</p>
<p>And that&#8217;s pretty much it. The CSS in my new template is not a million miles away from the default but references all the imagery and colours that were in the new design.</p>
<p><img class="alignleft size-full wp-image-166" title="johnnyball" src="http://redyellow.co.uk/wp-content/uploads/2009/06/johnnyball.jpg" alt="johnnyball" width="93" height="68" />You don&#8217;t have to be a rocket scientist to create a new theme. You don&#8217;t even have to be <a href="http://www.johnnyball.co.uk/html/AboutJBpage.htm">Johnny Ball</a> -  you just need a couple of hours and a little bit of CSS wizardry at your disposal. I&#8217;m now thinking that I could put a few more dynamic elements into the theme &#8211; maybe have a sun appear in the mornings and a moon at night. That would be cooler than robots.</p>
<p>If you want to see what my first attempt looks like, head over to <a href="http://richholdsworth.com">http://richholdsworth.com</a> and let me know what you think. And if you&#8217;ve got any interesting ideas for templates and making them a bit more fun, get in touch and I&#8217;ll see what I can do.</p>
<img src="http://redyellow.co.uk/?ak_action=api_record_view&id=45&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://redyellow.co.uk/wordpress-on-load-balanced-servers/' rel='bookmark' title='Permanent Link: WordPress on Load Balanced Servers'>WordPress on Load Balanced Servers</a></li>
<li><a href='http://redyellow.co.uk/new-look-for-summer/' rel='bookmark' title='Permanent Link: new look for summer!'>new look for summer!</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://redyellow.co.uk/the-2-minute-guide-to-creating-a-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<custom_fields><aktt_notify_twitter>no</aktt_notify_twitter></custom_fields>	</item>
	</channel>
</rss>
