Monday, March 22, 2010

Free Bloopress Wordpress Theme Design Tutorial with Source (PSD ...

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.

Many bloggers have experimented with autoposting, Wp Robot is one of the best autoblogging solutions available....easy to use and keeps your blogs fresh!

Wordpress Info found on www.tutoriallounge.com

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.

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.

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.

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.

Read More About Wordpress...

2 comments:

  1. This guide really helped me built a great wordpress theme design for my business. I recommend it to anyone who thinks that he can make a great wordpress theme design by himself. It's really possible! Now I'm going to learn how to make a custom landing page.

    ReplyDelete