jusupov.com

Computer Technology Blog

WordPress theme layout structures

with one comment

In our first part on how to create WordPress(WP) theme we’ve covered basic installation of WP and also got to know where are the theme files located.

Before we proceed any further let’s take a look into different WP layouts.

This one will be most common layout used among bloggers. It’s very basic layout, designing and customizing this kind of theme is much easier than the most.

This is what we call two column WP layout. Because you have two columns – Main and Sidebar.WordPress two column layout
It has a header, where we usually put our logo, blog name and tag lines. Also it’s a common practice to put navigation bar there as well.

Then a sidebar, its where we have blog categories, blogroll, may be some ads and things like that.

The main part is where we have our blog posts shown, it will contain posts with details like date published, author and if there are comments to the posts.

Lastly we have footer, usually people want to put some Copyright/Copyleft, site credits.

WordPress three column layoutWordPress three column layoutAlso we have another popular layout with three columns. This one can be in two variations, it differs from each other on the sidebars positions.

In the first layout, we can see that sidebars are kept at both sides, so that the main part(the part where you have your blog posts) is kept in the center.

And the second layout is where we like to have our sidebars on the right or the left side of the blog.

So these are more or less standard WP theme layouts you will see in the blogosphere. These types of layouts are common ones but of course there are other types.

So, I have covered basic WP layout types. My next blog post will be about WP theme files and their functions.

Please make sure you have the following:

  1. Working WordPress blog installed. It can be on your workstation(local webserver) or hosted in the internet.
  2. Basic HTML and CSS knowledge.
  3. Your favorite text editor. You can use Macromedia Dreamweaver or any kind of IDE tool at that point. As long as you are comfortable and can manipulate text.
  4. Graphical FTP client or knowledge of command line FTP.
  5. Covered my previous posts :)

If you have any other tips or suggestions please drop your comments, I really appreciate your feedback!

Reminder: This post is a 2nd post in a How to create WordPress Theme series. If you want to get updated make sure you subscribe to my RSS feed at http://www.jusupov.com/feed/

Written by Arstan

January 10th, 2008 at 10:06 pm

Posted in internet

One Response to 'WordPress theme layout structures'

Subscribe to comments with RSS or TrackBack to 'WordPress theme layout structures'.

  1. You have started a great series of posts. Look forward to the upcoming ones.

    Ades

    17 Jan 08 at 1:28 am

Leave a Reply

You must be logged in to post a comment.