Custom Wordpress Theme

1. The Blog Frontend

Here is Section II of the Complete WordPress Theme Guide family. Learn how to customize a WordPress theme in this section. While the Codex page provides very good documentation on how to make a theme, I find it too complex for a newbie. I' ll show you how to use the WordPress theme and how to transform a HTML templates into a design.

There is no PHP knowledge needed, but you will need Photoshop and CSS knowledge to make your own designs. Let's take a look at the WordPress standard theme and see how it's built before you do. Use the information from the standard theme to build a Photoshop mock-up of your blogs.

GlossyBlue, one of my free WordPress topics, is used here as an example. Please click here to get the demonstration. See the Photoshop image in a zipped format. When the PSD theme is complete, generate a HTML+CSS statical style sheet for each page. Use my GlossyBlue HTML stuff in the demonstration. zip to watch this step.

Unzip the zipped archive and take a look at the index. html, singles. html and page.html. I will use these HTML tags later in the tutorial and translate them into a topic. So why start by creating a HTML statefile? Normally I make an HTML document for each of the templates I need, test it in all web browser, verify both HTML and HTML markup, then all I have to do is crop and past the WordPress part.

This way I don't have to be worried about HTML or CSS errors during my theme creation time. When you choose the standard theme directory (wp-content/themes/default), you should see many many PHP scripts (called templates ) and a stylesheet. bss scriptsheet. In fact, when you view the title page, WordPress uses multiple templates to create the page (index. phi