<?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>Tutorial Lounge &#187; Wordpress Tutorial</title>
	<atom:link href="http://www.tutoriallounge.com/tag/wordpress-tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutoriallounge.com</link>
	<description>Learn step by step!</description>
	<lastBuildDate>Mon, 06 Feb 2012 09:38:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Free Bloopress WordPress Theme Design Tutorial with Source (PSD/xHTML/CSS/WordPress)</title>
		<link>http://www.tutoriallounge.com/2009/05/free-bloopress-wordpress-theme-design-tutorial-with-source-psdxhtmlcsswordpress/</link>
		<comments>http://www.tutoriallounge.com/2009/05/free-bloopress-wordpress-theme-design-tutorial-with-source-psdxhtmlcsswordpress/#comments</comments>
		<pubDate>Sun, 31 May 2009 13:42:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[Free WP Theme]]></category>
		<category><![CDATA[PSD to Wordpress]]></category>
		<category><![CDATA[Wordpress Tutorial]]></category>

		<guid isPermaLink="false">http://www.tutoriallounge.com/?p=860</guid>
		<description><![CDATA[Let’s start you have your website built and coded into CSS/XHTML and you want to change it over to a WordPress Theme. Initially let me explain a few things. Wordpress works in a quite undemanding manner but it may seem perplexing if you are totally new to the concept. WordPress relies on PHP to call.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-869" title="source-xhtml-psd-css-wordpress" src="http://www.tutoriallounge.com/wp-content/uploads/source-xhtml-psd-css-wordpress.jpg" alt="source-xhtml-psd-css-wordpress" width="500" height="448" /><br />
<br />
Let’s start you have your website built and coded into CSS/XHTML and you want to change it over to a WordPress Theme. Initially let me explain a few things.<br />
Wordpress works in a quite undemanding manner but it may seem perplexing if you are totally new to the concept. WordPress relies on PHP to call on dissimilar parts of your content from the database management system it stands on. If you view my code to my site you will notice i use PHP to call some aspects of my page. Once you get ongoing its pretty easy although sympathetic of CSS/PHP/XHTML is necessary and will guide you through the setup of a full working WordPress theme.<span id="more-860"></span></p>
<h3>Bloopress WordPress Theme</h3>
<p>now today we offering a big deal in &#8220;free Bloopress WordPress Theme&#8221; which will a complete solution of a great blogging website, even you can compete other famous blogs too after use this theme, hope you leave your comments too.</p>
<p><a rel="attachment wp-att-1911" href="http://www.tutoriallounge.com/?attachment_id=1911" target="_blank"><img class="alignnone size-full wp-image-1911" title="01" src="http://www.dzinepress.com/wp-content/uploads/2009/05/01.jpg" alt="01" width="500" height="448" /></a></p>
<p></p>
<h4><a href="http://www.hv-designs.co.uk/freebies/bloopress.zip" target="_blank"><span style="text-decoration: underline;">Download Source File</span></a></h4>
<h3><span style="text-decoration: underline;">Site To WordPress Tutorial</span></h3>
<p>Now you should already have your site intended and coded into CSS/XHTML before attempting this tutorial, initially create a new folder on your desktop, name this folder what ever you want (e.g my theme). Now open up notepad don’t type something just go to “file &gt; save as” and save it has style.css then go to “file &gt; save as” again and save it as index.php. Now believe it or not but these are the only 2 files you actually need for a WordPress theme.<br />
Open up your style sheet to your website, highlight it all then Copy/Paste into the blank “style.css” file you just created.<br />
Now copy/paste this bit of code into the top of your style.css file.<br />
/*<br />
Theme Name: Replace with your Theme’s name.<br />
Theme URI: Your Theme’s URI<br />
Description: A brief description.<br />
Version: 1.0<br />
Author: You<br />
Author URI: Your website address.<br />
*/<br />
Change the lines of code in red to outfit your needs. These few lines of code are what WordPress uses to describe it as a wordpress theme/template.</p>
<h4><a href="http://hv-designs.co.uk/2007/10/10/site-to-wordpress-tutorial/" target="_blank"><span style="text-decoration: underline;">View Complete Section</span></a></h4>
<h3>Photoshop PSD to CSS to WordPress Pt.3</h3>
<p>Hello welcome to part 3 of the Photoshop PSD to CSS to WORDPRESS Tutorial, in this part of the tutorial we’ll be converting our CSS template into a working WordPress theme. You can download the theme for free using the button below you can also down all 3 tutorials in PDF format.</p>
<p>Before we start converting our theme over to WordPress you might want to download and install “xamp” this will allow you to run wordpress on your local hard drive saving on bandwidth and internet load times. Your also leaving to need a theme by “elliot jay stocks” called “starkers”.</p>
<p>The theme is a totally naked theme, its been stripped of all its CSS and HTML, essentially giving you a blank WordPress canvas to work on, its perfect for WordPress developers to start from. The theme uses files from wordpress 2.6.2. But this doesn’t mean its not going to work with the newest wordpress software, i started with the precise same theme to build my website and that’s running in wordpress 2.7. If your thinking “bummer i wanted threaded comments” well you can easily grab a 2.7 comments file and replace it. Hopefully “elliot jay stocks” will liberate a naked 2.7 theme soon. Any way lets press on once you’ve downloaded the “stalkers theme” extract it to your desktop, rename the stalkers theme folder to “mywordpress”, you can also change the screenshot if you wish.</p>
<p><img class="alignnone size-full wp-image-864" title="119" src="http://www.tutoriallounge.com/wp-content/uploads/119.jpg" alt="119" width="500" height="325" /></p>
<p></p>
<p>In your stalkers theme there is a folder called “style” inside this folder are some supplementary CSS files for IE hacks, typography and reset files. You don’t really need this folder so if you want to you can delete it, but keep it by all means if you wish to keep it. Open up the “style.css” file in the main “mywordpress” theme directory. Once its open you’ll be greeted with this.</p>
<p>Save your .CSS file when you load up the theme in wordpress under the appreance tab you’l now see this.</p>
<p><img class="alignnone size-full wp-image-865" title="215" src="http://www.tutoriallounge.com/wp-content/uploads/215.jpg" alt="215" width="500" height="261" /></p>
<p></p>
<p>All the content we add now will be pasted in underneath the body tag. Copy your images folder from your CSS templates directory and paste it into the themes directory. Open up your index.html file from your CSS template. Copy everything from the opening “container DIV” to the ending “navigation DIV”. Paste it underneath the body tag. Save your header.php file, if you check the theme in your browser it should look like this.</p>
<p><img class="alignnone size-full wp-image-866" title="38" src="http://www.tutoriallounge.com/wp-content/uploads/38.jpg" alt="38" width="500" height="351" /></p>
<p></p>
<h4><a href="http://www.hv-designs.co.uk/tutorials/mywordpress_pt3/tutorial_PDF.zip" target="_blank">Download PDF Source</a></h4>
<h4><a href="http://www.hv-designs.co.uk/tutorials/mywordpress_pt3/mywordpress_WP.zip" target="_blank">Download WP Source</a></h4>
<h2 style="text-align: center;"><a href="http://hv-designs.co.uk/2009/03/31/psd-to-css-to-wordpress-pt3/" target="_blank"><span style="text-decoration: underline;">View Complete Tutorial</span></a></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.tutoriallounge.com/2009/05/free-bloopress-wordpress-theme-design-tutorial-with-source-psdxhtmlcsswordpress/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

