How to create wordpress theme from scratch, Lesson -5-: the sidebar

April 30
S

idebar is a narrow vertical column with a lot of information about your website. Most of wordpress themes has a sidebar, maybe one, maybe two, or one on each side. That depend on your preference. Today’s tutorial about how to create the sidebar of your wordpress theme, let’ begin….

 

Step *1: do the usual things, open xampp, your browser, index.php. under the closing tag of container, add a new div tag for sidebar to wrap everything in sidebar, and save.

<div class="sidebar">

</div>

But wait, there’s more


StumbleUpon.com Add us to your digg favorites Add us to your delicious favorites add us to your facebook favorites follow us on twitter Add us to your technorati favorites Add us to your wordpress favorites Add us to your reddit favorites follow me on yahoo meme

How to create a wordpress theme from scratch, Lesson -4-: postmeta and navigation

April 22
H

i, here we come again with another lesson on how to create your own theme for wordpress. Last lesson we talked about LOOP, this lesson we will add more codes to finish the posts part.

 

Here we go…

 

Step *1: well, I am not going to ask you to open xampp, index.php and your browser. You should know that…right??

Now this is the code we did it last time.

But wait, there’s more


StumbleUpon.com Add us to your digg favorites Add us to your delicious favorites add us to your facebook favorites follow us on twitter Add us to your technorati favorites Add us to your wordpress favorites Add us to your reddit favorites follow me on yahoo meme

How to create wordpress theme from scratch, Lesson -3-: the loop

April 15
T

he last lesson we created the first part of wordpress theme (the header). Today, I will talk about Loop. The Loop is used to display each of your posts, Using the Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within The Loop tags. Any HTML or PHP code placed in the Loop will be repeated on each post.

 

Let’s start… open xampp, index.php, open your browser and type http://localhost/wordpress.

 

Step *1: till now you should have this code between body tag

But wait, there’s more


StumbleUpon.com Add us to your digg favorites Add us to your delicious favorites add us to your facebook favorites follow us on twitter Add us to your technorati favorites Add us to your wordpress favorites Add us to your reddit favorites follow me on yahoo meme

How to create a WORDPRESS theme from scratch, lesson -2-: header template

April 7
N

ow we are continuing this tutorial ( how to create wordpress theme from scrtch). If you didn’t read my first lesson -1-, I highly recommended you to read it first. After lesson -1- we got index.php and style.css, one important thing before we begin, you should know what are the files we will create to have a wordpress theme. These are the important files to create a wordpress theme:

But wait, there’s more


StumbleUpon.com Add us to your digg favorites Add us to your delicious favorites add us to your facebook favorites follow us on twitter Add us to your technorati favorites Add us to your wordpress favorites Add us to your reddit favorites follow me on yahoo meme