Archives
- Newer posts
- April 2024
- November 2023
- October 2023
- August 2023
- May 2023
- February 2023
- October 2022
- August 2022
- July 2022
- May 2022
- April 2022
- March 2022
- February 2022
- June 2020
- March 2020
- February 2020
- January 2020
- December 2019
- November 2019
- October 2019
- September 2019
- August 2019
- July 2019
- June 2019
- May 2019
- April 2019
- March 2019
- February 2019
- January 2019
- December 2018
- November 2018
- October 2018
- September 2018
- August 2018
- July 2018
- June 2018
- May 2018
- April 2018
- March 2018
- February 2018
- January 2018
- December 2017
- November 2017
- October 2017
- September 2017
- August 2017
- July 2017
- June 2017
- May 2017
- April 2017
- March 2017
- February 2017
- January 2017
- August 2016
- June 2016
- April 2016
- March 2016
- February 2016
- January 2016
- July 2015
- June 2015
- Older posts
WordPress Theme Development
WordPress is open source and it is used to manage content. It even gives you free plugins for most of the features, you don’t even need to think about how to design your pages, WordPress gives you beautiful themes which can be installed and used for free. That’s why it is said that WordPress is free and priceless at the same time.
But what if we want to build our own WordPress theme? I’m not talking about a child theme, or modifying or adapting to an existing theme. I’m talking about a theme built from scratch.
Building a theme from scratch can be a pretty daunting task. It was for me as I have never worked with WordPress before. Building from scratch is a whole new world. But there are advantages of creating your own theme, such as:
• Instead of creating a website that is just a clone of an existing theme, you can create your own unique theme and make it look exactly like you want it.
• You get to learn how things work, such as how post title or featured image is displayed in WordPress.
• You can give your own CSS and HTML tags.
• You can create only features which your project needs.
• You don’t have to rely on plugins, and spend time in wondering why it’s not working with your inbuilt theme, mostly you don’t even need a plugin, you just need to find the right command or function to perform your task.
• Any modification or addition will be easier and faster as you will already know which CSS Style or function to modify.
In order to start building a WordPress theme from scratch, we need to understand the structure of a WordPress theme and have some basic knowledge about HTML, CSS, JavaScript and PHP.
To create and activate your theme, some basic steps are:
• Download WordPress to your local machine and unzip the files.
• All the work related to WordPress theme is done in wp_content directory only. Just make a new subfolder in the wp_content → Themes folder.
• To activate WordPress theme, the first file a theme has to have is a style.css. To let WordPress know what our theme name is, mention the name of the theme at the top of the file. Many more optional comments such as description, author name can be added.
• We need to add function.php and index.php files before we can actually activate our theme.
• After all the necessary files have been added, you can activate your theme.
You can create many more files such as header.php, footer.php, home.php, single.php, comments.php etc based on how you want your theme layout. Header.php is used to show header section, single.php is used when you want to show single post information. To know which template to use for which section, you need to know the template file hierarchy. Template is selected based on the order specified in the hierarchy, if WordPress cannot find the file with the matching name; it will skip to the next file in the hierarchy. If any template file is not found, index.php will be used.
You can add header or footer section to any file simply by calling them using the template tags such as get_header(), get_footer(), get_sidebar(), etc. Based on the layout of your website, specific data such as title, description or featured image of the post or custom post type can be displayed anywhere you want it.
There are many files in a WordPress theme, understanding those files is the key to understanding WordPress theme development. Once you understand the platform, everything starts to fall in place, it will be less of hacking the theme and more of crafting and learning.