Home Tutorials Theme Development Lesson #1: An intro to WordPress theme creation for the starters

Lesson #1: An intro to WordPress theme creation for the starters

Author

Date

Updated on

Category

Welcome to the first lesson of WordPress theme creation series. I will not teach you everything all at once. That will be confusing and burdensome. Right now what I will show you is not a reference. It is meant to teach you one by one. If you want a reference manual for WordPress themes, then read WordPress.org’s documentation: Site Design and Layout.

This intro lesson covers:

  • Structure of a theme
  • Lingo / Terminology
  • Hierarchy

Structure of a WordPress theme

You will be surprised to know that every website’s theme has at least two files – index.php and style.css. The components of a theme are mentioned in its skeleton, i.e., index.php and how everything in a WordPress website should look like is mentioned within style.css. Here is the complete list of files:

  • index.php
  • style.css
  • header.php
  • sidebar.php
  • footer.php
  • home.php
  • single.php
  • page.php
  • attachment.php
  • category.php
  • archive.php
  • search.php
  • 404.php
  • comments.php
  • comments-popup.php
  • author.php
  • date.php
  • tag.php

Lingo

  • Template – A set of codes that can be used in multiple places without the need to write the same code repeatedly.
  • Template file – A file that contains one or more sets of codes (templates). Every web page is made up of template files. For example: index.php file, style.css file, sidebar.php, etc.
  • Theme – All the template files of WordPress created, collectively form a theme.
  • Post – Currently you are reading a post. To elaborate, it’s simply an entry of your blog. As in one page of a diary.
  • Page – A special type of post that is not organized by categories. It is separate from the rest of your posts. Note: In WordPress, page and Page are two different things. The letter p is case sensitive.

Hierarchy

The flowchart below simply shows what the WordPress system will mainly look for. Only six theme files are shown instead of the eighteen in the list because these are the main ones that you should create and focus on in the beginning. Further down this tutorial series, you will learn about the rest of the files.

main-hierarchy

I’ve indicated the level of importance of each file by its position. The top left one is most important. The bottom right one is least important.

Hierarchy or levels are important matters for theme templates. Suppose the archive.php file, which handles the look for archive pages, is missing. What will happen is that WordPress will point to the index.php.

What if the single.php template file–displays a single post–is also missing? Which template will WordPress look for? As expected it directs to index.php.

If you feel anything left in this introductory lesson or you have any question feel free to ask. Please do it through the comment form below. That way others looking for the same answers don’t have to repeat their questions.

Follow this WordPress Theme Tutorial Series from the beginning to create your very own dream website.

Lesson #2: WP Theme Layout and Template Files

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Recent posts

LawBlog WP Theme Review

Regardless of which area of law you practice, it’s imperative that you have proper online representation. You need to give your customers a feeling...

The Deeper Meaning and Purpose Behind Shapes in Web & Graphic Design

Sometimes in web design, a clean website is often the best choice for certain clients. Instead of elaborate backgrounds or too many aesthetic choices,...

How to Easily Design a Website Without Coding

Are you looking to build a website and you don’t know how to code? Online web design services are helpful to create website templates...

The importance of SSL Certificates as part of a web hosting package

Building a successful business requires trust, and gaining trust can be difficult especially when you run a business where it is taken for granted...

How Can Domain Name Extensions Influence Your Brand Name?

Are domain name extensions important in naming your brand? The shortest answer is "Yes." In today's online world, it is the first thing that...

Recent comments