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
Filed under: coding, design by
web-designer
1 Comment so far
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
Filed under: coding, design by
web-designer
No Comments yet
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
Filed under: coding, design by
web-designer
1 Comment so far