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 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.
Bloopress Wordpress Theme
now today we offering a big deal in “free Bloopress Wordpress Theme” 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.
Download Source File
Site To Wordpress Tutorial
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 > save as” and save it has style.css then go to “file > 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.
Open up your style sheet to your website, highlight it all then Copy/Paste into the blank “style.css” file you just created.
Now copy/paste this bit of code into the top of your style.css file.
/*
Theme Name: Replace with your Theme’s name.
Theme URI: Your Theme’s URI
Description: A brief description.
Version: 1.0
Author: You
Author URI: Your website address.
*/
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.
View Complete Section
Photoshop PSD to CSS to Wordpress Pt.3
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.
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”.
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.
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.
Save your .CSS file when you load up the theme in wordpress under the appreance tab you’l now see this.
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.
Download PDF Source
Download WP Source
View Complete Tutorial
Related posts:
- 20+ Tutorials for Create your own Wordpress Themes We’re listing some of great creative free Wordpress themes...
- Corporate Business Website Design Tutorial (Free PSD file) In this Corporate Business Website Design Tutorial you will...
- How To Create Floral Theme Typography Using Photoshop and Illustrator Few weeks ago I stumbled on a very beautiful...
Related posts brought to you by Yet Another Related Posts Plugin.
June 8th, 2009 at 3:56 pm
Wow! I always wanted to write something like that for my site. Can I use part of it for my blog?
July 5th, 2009 at 4:05 pm
Finally found the info I needed thanks to your great blog, thanks! ^^
July 21st, 2009 at 2:51 am
Your article is very useful.
July 23rd, 2009 at 11:50 am
You Made Some Good Points There. I Did a Search on the Topic and Found Most People Will Agree with Your Words. Thank You!
December 9th, 2009 at 10:27 pm
lets try this
http://www.psd2wordpress.co.uk
thanks
December 13th, 2009 at 11:44 am
realy love this blog post,can i bookmark you site,
)
January 25th, 2010 at 12:37 am
I love this one. Did you add it to STCFX ? I think they are allowing free theme submission.
March 16th, 2010 at 4:19 pm
nice but I come across this blog looking for totally other things. I think that this page has visibility for a word that I’m sure doesn’t seem to be appropriate to the content I’m reading here