<?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>savecraig.com &#187; WordPress</title>
	<atom:link href="http://savecraig.com/blog/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://savecraig.com/blog</link>
	<description></description>
	<lastBuildDate>Sat, 26 Feb 2011 16:24:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Customizing A WordPress Theme for Designers</title>
		<link>http://savecraig.com/blog/webdesign/customizing-a-wordpress-theme-for-designers/</link>
		<comments>http://savecraig.com/blog/webdesign/customizing-a-wordpress-theme-for-designers/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 15:37:57 +0000</pubDate>
		<dc:creator>craig</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://savecraig.com/blog/?p=6</guid>
		<description><![CDATA[I&#8217;m not a programmer, I&#8217;ve tried coding but coding and I don&#8217;t mix. I wanted to learn to use WordPress as a Content Management System so I set up this blog to learn the WordPress basics.
Customizing a theme was a lot easier than I had thought. You don&#8217;t have to know PHP to customize a [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m not a programmer, I&#8217;ve tried coding but coding and I don&#8217;t mix. I wanted to learn to use WordPress as a Content Management System so I set up this blog to learn the WordPress basics.</p>
<p>Customizing a theme was a lot easier than I had thought. You don&#8217;t have to know PHP to customize a theme, a working knowledge of HTML and CSS is a must though.</p>
<p><strong>Step 1: Install WordPress</strong></p>
<p>Go to <a href="http://www.wordpress.org" target="_blank">WordPress.org</a>, download and <a href="http://codex.wordpress.org/Getting_Started_with_WordPress#Installation" target="_blank">install WordPress</a> or check if your webhost has WordPress avaialble for download like mine.</p>
<p><strong><img class="aligncenter size-full wp-image-12" title="fantastico-wordpress" src="http://savecraig.com/blog/wp-content/uploads/2009/07/fantastico-wordpress.png" alt="fantastico-wordpress" width="394" height="264" /></strong></p>
<p><strong>Step 2: Copy the default theme</strong></p>
<p>Using an FTP program like <a href="http://filezilla-project.org/download.php" target="_blank">Filezilla</a> go to the wp-content/themes directory. Make a copy of the default directory and rename it. I named mine craig, very original I know.<img class="aligncenter size-full wp-image-15" title="2-ftp-screen" src="http://savecraig.com/blog/wp-content/uploads/2009/07/2-ftp-screen.png" alt="2-ftp-screen" width="331" height="321" /></p>
<p><strong>Step 3: Customizing the theme</strong></p>
<p>All the files needed to display your blog are now located in the new directory. There are a lot of files but it&#8217;s easy to figure out. There are four basic files, the header, footer, index and sidebar.<br />
<img class="aligncenter size-full wp-image-16" title="layout" src="http://savecraig.com/blog/wp-content/uploads/2009/07/layout.png" alt="layout" width="308" height="405" /></p>
<p>WordPress pulls the individual php files to make the blog.<br />
I edited the header file and added in my own HTML and attached my style sheet. I deleted a lot of the PHP code that displayed the name of the blog since I want the header to have the same navagation as the rest of my site.</p>
<p><img class="aligncenter size-full wp-image-19" title="code-screenshot"src="http://savecraig.com/blog/wp-content/uploads/2009/07/code-screenshot.png" alt="code-screenshot" width="630" height="270" /></p>
<p>Same with the footer, I deleted some of the PHP code, added in my own HTML and attached my style sheet again.</p>
<p><img class="aligncenter size-full wp-image-20" title="footer-screen"src="http://savecraig.com/blog/wp-content/uploads/2009/07/footer-screen.png" alt="footer-screen" width="683" height="305" /></p>
<p>The index.php page is where your entry will be displayed again, I added some HTML attached my stylesheet and moved the PHP code for the sidebar so it would be inside my site wrapper.</p>
<p><img class="aligncenter size-full wp-image-22" title="index-1" src="http://savecraig.com/blog/wp-content/uploads/2009/07/index-1.png" alt="index-1" width="679" height="224" /></p>
<p><img class="aligncenter size-full wp-image-21" title="index-2" src="http://savecraig.com/blog/wp-content/uploads/2009/07/index-2.png" alt="index-2" width="318" height="184" /></p>
<p>Once you&#8217;ve edited the four files above you have a basic blog, I found attaching my style sheet to the rest of the PHP files helps them look like the rest of the site.</p>
<p>If you&#8217;re trying to learn WordPress install it on your own site and play around with the files, it helped me learn a lot.</p>
]]></content:encoded>
			<wfw:commentRss>http://savecraig.com/blog/webdesign/customizing-a-wordpress-theme-for-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

