The whole process of WordPress theme creation (7): making sidebar.php

I introduced you to "The whole process of WordPress theme production (6): Making footer.php". This article continues to introduce to you how to make sidebar.php. Let's take a look at it together~

After making header.php and footer.php, today we will make sidebar.php. Because the sidebar is so customizable, the content in this section is difficult and difficult for me to explain, and some content will be omitted!

As a common sidebar for each page, we still extract the sidebar from index.php and put it in sidebar.php just like we did in making header.php and footer.php. OK, now create a new file sidebar.php in your theme directory Aurelius, extract the code from index.php, and put it into sidebar.php:

Catagories

So who are we?
Philosophy
History
Jobs
Staff
Clients

Archives

January 2010
December 2009
Novemeber 2009
October 2009
September 2009
August 2009


 

Then use a text editor to open index.php and archive .php, page.php and single.php, delete the above similar code and change it to:

Okay, now open your blog homepage and see if the theme we made can still work normally. At present, our sidebar is still a static code. Everyone may know that in the WordPress backend - Appearance - Widgets, you can drag the columns you want to the sidebar, but our theme does not currently support this function. . Now let me make the complete sidebar together.

In order to adapt to the WordPress program, we need to make some fine-tuning to sidebar.php, download the new style sheet style.css, and replace the style.css in the Aurelius directory

Start sidebar.php To make, we will place 4 columns in the sidebar. In the initial state, that is, when you do not place any widgets in the sidebar, the four columns from top to bottom are category directory, latest article, tag cloud, and article monthly archive. Now delete all the code in sidebar.php and change it to:

分类目录





最新文章

' . get_the_title() . '';
}
$post = $posts[0];
?>



标签云



文章存档





 

Then click here to download functions.php and put it under the theme directory Aurelius. At this time, your sidebar can work normally in WordPress Backend - Appearance - Widgets, you can now drag widgets to the sidebar normally.

Okay, sidebar.php has been successfully created. This section doesn’t talk much about theory. The key is that I don’t know how to express these things. Even if I say it, you may not understand it very well.

Recommended learning: "WordPress Tutorial"

The above is the detailed content of The whole process of WordPress theme creation (7): making sidebar.php. For more information, please follow other related articles on the PHP Chinese website!