Wordpress

Basic Components of a WordPress Theme – Starter Guide

Wordpress theme components
Written by Wamiq Ali

You might be familiar with the amazing CMS wordpress and with it’s power. You can write the stuff with it and can publish it to the internet with quite an ease. Most of the people out there are not developers and they don’t know that how a wordpress theme works. By working I mean to say that you basically don’t know that how the following things happen:

  • How layout of single post is designed and in which file in a wordpress theme!
  • How layout of page in the wordpress is designed through the wordpress theme!
  • How the sidebar is designed and coded in the wordpress theme.
  • How header is designed and coded in a wordpress theme.
  • How a footer works in a wordpress theme.

So there are many other components of the wordpress theme which should be known by any person so that he may be able to sort out any error in the output of a wordpress blog if any.

Wordpress theme components

Major and basic components of a WordPress Theme – Web Designer starter Guide:

If you want to be a good wordpress developer then it’s a good start for you since you should know that how a wordpress theme works. Listen you download a theme which is in .zip format and you think it some kind of zipped theme. But First do me a favor, unzip the file and get the basic contents of the theme.

After unzipping the file, you need to copy the folder and paste that into your local wordpress or online wordpress installation in the folder: wp-content/themes , Now you should open the folder and you will see the following .php file into the folder:

  1. header.php – The file which contains the coding for the head section of your theme
  2. sidebar.php – The file which controls the sidebar part of the wordpress blog.
  3. single.php – The file which is dedicated to the post layout and comments!
  4. page.php – The file which is dedicated to the layout of a page published through wordpress.
  5. footer.php – The file which controls the way footer appears in the front end of the site and many other files..
  6. category.php – Controls the post loop for the category page.
  7. comment.php – Controls the comments layout for the WordPress site output.
  8. functions.php – Used to hook certain functions in your wordpress input as well as output.
  9. Style.css – Used to control the way using which your site appears using CSS.

More advanced components can also be added through these files, Like page template, post-type single files, error_404 page (Which controls the layout of the 404 not found error). Thus, Now you get that any changes made to the above files which make the respective change in the theme area. Simple! Hope I helped to get a basic knowledge on how the WordPress theme components work.

About the author

Wamiq Ali

Programmer, Blogger and an Entrepreneur trying to make this web a better place by making others learn for free.

Leave a Comment