How to create wordpress theme from scratch, lesson -11-: split the code part 1

June 22
S

plitting the code is the final step in this tutorial, this way you will have many separate files that when you joined them together you will get the index.php file again, in this lesson I will separate the (header.php, sidebar.php, and footer.php). and this will save a lot of time when I want to update something in any of these files.Let’s begin…

 

Step *1 : open index.php file, create a new file using any editor you  want and name it header.php. in index.php file, copy everything from the

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 -10-: styling wordpress theme with CSS part 4

June 13
F

inally, we reached the last part of styling wordpress theme using CSS, this time I will show you how to style the sidebar and the footer. Open style.css and let’s begin…

Step *1: type this code under .sidebar{} and save.


.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 5px 0 5px;
}

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 -9-: stylize wordpress theme with CSS part 3

June 4
T

oday I will styling the post area of our wordpress theme by using CSS. So, here we go now…

 

Step *1: open style.css file and type this code, and save. I prefer to type it under the body { } for organization.

h1{
font-family: Georgia, Sans-serif;
font-size: 20px;
padding: 0 0 10px 0;
}

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