WordPress Theme Development Tutorial – Underscores Starter Theme

WordPress Theme Development Tutorial – Underscores Starter Theme

In this video, I’m going to demonstrate WordPress Theme Development Tutorial with the Underscores Starter Theme.

Table of Contents:

3:17 First Look at the Files

3:48 Style.css File

5:53 Index.php file

7:38 The Loop

12:28 Sidebar.php file

13:12 Header.php file

19:21 Footer.php file

21:28 Content.php file

22:30 Template-Tags.php file

26:07 Comments.php file

26:44 Developer Code Reference Website

31:07 Functions.php file

38:13 Page.php file

38:47 Content-Page.php file

39:27 404.php file

39:56 Archive.php file

40:27 Search.php file

40:44 Content-Search.php file

42:30 Custom-Header.php file

44:00 Extras.php file

46:25 Theme Handbook

I chose to demonstrate this using the Underscores Starter Theme for WordPress because it’s actively maintained and will be kept up to date which means you won’t be learning outdated code.

This video is meant for people new to WordPress Theme Development. I will walk you through the various files, folders and give you a general sense of what the code is doing.

You will need a few tools and resources to help you along the way.

Developing your first WordPress theme can be a task that can take months just to get started. That’s why I created this video that will give you a tremendous head start by introducing you to a starter theme developed by the WordPress Team from Automattic.

The Underscores Starter theme provides you with the base files, folders and code you need to get started. It is also actively maintained and free to use on your projects.

These are a few of what the Underscores Theme provides you to get you started with WordPress Theme Development.

A just right amount of lean, well-commented, modern, HTML5 templates
A helpful 404 template.

An optional sample custom header implementation in inc/custom-header.php

Custom template tags in inc/template-tags.php that keep your templates clean and neat and prevent code duplication

Some small tweaks in inc/extras.php that can improve your theming experience.

A script at js/navigation.js that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry.

2 sample CSS layouts in layouts/: A sidebar on the right side of your content and a sidebar on the left side of your content.

Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground.

The GPL license in license.txt. Use it to make something cool.

If you want to keep it simple, head over to and generate your _s based theme from there. You just input the name of the theme you want to create, click the “Generate” button, and you get your ready-to-awesomize starter theme.

Domain Name & Hosting

Premium WordPress Theme

$99 off Realtors IDX Setup Fee

Don’t forget to Subscribe and follow us @

Leave a Comment

Your email address will not be published.

Scroll to Top