Complete WordPress Theme Developer Course With Bootstrap
4.3 (330 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,537 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Complete WordPress Theme Developer Course With Bootstrap to your Wishlist.

Add to Wishlist

Complete WordPress Theme Developer Course With Bootstrap

Build fully functioning modern WordPress themes including page builders, responsive and the WordPress REST API.
4.3 (330 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,537 students enrolled
Last updated 8/2017
English [Auto-generated]
Current price: $10 Original price: $150 Discount: 93% off
30-Day Money-Back Guarantee
  • 26.5 hours on-demand video
  • 81 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • How to sell your themes to other webmasters
  • Develop a complete theme from scratch using concepts presented in this course
  • Know how to set up the exact development environment perfect for theme development.
  • Learn how to identify their theme to the WordPress system
  • Build important theme features including the header, footer and sidebar
  • Add important information to blog posts including permalinks, author information and publish date
  • Develop custom templates which include multi-column templates with sidebars and full page templates
  • Create a search form and search results page
  • Create dedicated categories & tags page and to recognize the difference between both
  • Create a tag cloud
  • Add theme support for featured images, HTML5, menus and more
  • Create menus and theme locations for those menus
  • Distribute custom post types
  • Work with the WordPress customizer
  • Build customizer sections, controls, panels and settings
  • Include page builders with the TGM Activation plugin
  • Recognize coding best practices and how to use the Theme Check plugin to inspect a theme before submitting to the WP review team
  • Build child themes
  • Use version control and know the importance of it
  • Create special templates
  • Use the WP REST API to quickly display posts without loading the web browser.
View Curriculum
  • Basics of PHP
  • A basic working knowledge of WordPress
  • Comfort of working with text editors

If you ever wanted to build a complete WordPress theme, this course is perfect for you. Not only  do we provide over 20 hours of instruction building themes; we provide advanced topics that will make your theme more popular that also gets approved faster by the WordPress theme review team including:

  • Set up your ideal development environment including PHP, MySQL, and more
  • Build sections, panels, and controls for the WordPress customizer
  • WordPress coding best practices
  • Automatically recommend and/or require page builders with your theme
  • Use version control (the basics) to make sure your theme development is a smooth process
  • Create a theme that follows coding best practice and standards
  • Develop a complete theme from a static responsive theme from scratch
  • Make your theme compatible with WooCommerce
  • Display posts quickly with the WP REST API
  • How to earn revenue from your themes, how much to charge for your themes and which websites are the best marketplaces for your themes.
  • Package page builders and other plugins with your theme from WordPress, Guthub or in a separate director
  • Version control of your themes using Git and Github

COMING in MAY AND JUNE 2017: BOOTSTRAP-THEME-MANIA!...We will build a Bootstrap theme as part of all of the concepts taught in this course!

You can already see the Static Bootstrap theme in section 22. We are still creating that brand new theme, you can follow along. We upload videos for this new section a little at a time.

Who is the target audience?
  • This course is perfect for PHP developers interested in developing WordPress plugins
Curriculum For This Course
168 Lectures
An Overview of the Entire Course from Start To Finish
1 Lecture 03:02

From here you can start your journey to becoming an amazing WordPress theme developer and I present you with as many concepts and programming tools to work with today's modern WordPress theme.


The Plain Vanilla theme? Start in Section 2. Yes, we build a plain vanilla theme that is free of any efforts of HTML and CSS. Why? I want you to learn how to build very modern functional themes with ANY HTML and CSS.


The Professional-Looking Spore theme? Start at Section 18 - We build a professional looking theme by taking static HTML and CSS and put in all the WordPress code to turn it into a fully functional WordPress theme. However, you may not learn all of the bells and whistles that you would with the plain vanilla theme.

What is MY recommendation? I suggest you start with the plain vanilla theme. Yes, it is ugly, but you learn everything you need about WordPress theme development.

This lecture is the start of your journey toward becoming the best WordPress theme developer by today's standards and trends. Please start here and watch each video in sequence and you will be on your way to becoming ana amazing theme developer.

Preview 03:02
Setting Up Our Development Environment
7 Lectures 55:33

This lecture shows what tools are needed to use develop themes.

Preview 09:09

Downloading and Installing WordPress Onto Our Local Server

Since PHP is the open-source web development language behind WordPress, we show how to set it up for any development environment.,

Setting up our PHP Environment

All WordPress websites store data in their MySQL tables, so this lecture shows you how to set up and configure your database.

Creating a blank MySQL database

Developing a website and theme with no data is a challenge. This video shows you how to get temporary content for your posts and pages using the Shortcode Ultimate plugin.

Preview 06:15

If you have installed the Shortcodes Ultimate plugin from the last video, this project provides more practice adding temporary content to your posts and pages.

Project: Create 3 posts and pages with Dummy Content

One of the best plugins out there in the WordPress plugin repository for populating your website with fake content and images which includes options for taxonomies and users.

One Additional Plugin for Dummy Content
Identifying Our Theme To WordPress
5 Lectures 38:46

We want to create a theme that WordPress users can easily find and use in their theme selection screens. Make your theme stand out with the advice from this lecture.

Preview 09:54

This lecture shows where to place our theme files in the WordPress file structure.

Creating Our Theme Folder

The style.css file is the heart of your theme. Without it, WordPress would not display your theme in users.

Creating our First Theme File

Your theme's screenshot is important when identifying it to users. This lecture shows you everything from sizing your screenshot to naming it. Attached is a resource for your theme's screenshot. Open it in Adobe Photoshop and use measure its width and height as explained in the lecture.

Creating Our Theme's Screenshot

Learn the hierarchy of the category system.

Review of the Category Hierarchy Structure

Test your knowledge when it comes to identifying your theme to WordPress.

Identifying Your Theme To WordPress
5 questions
Building Our Theme Including a Zip File Of Our Completed Theme
7 Lectures 50:02

In order to start our journey to coding a theme, we need to build its skeleton which will make the complete structure of our theme and what people see when they visit any WordPress website using your theme. All themes start with HTML5 and CSS, so we will start with this technology and work PHP into our theme as we progress through each lecture.

Also available in the Resources section is the complete theme after all the following lectures are completed so you can check your work against the code entered into the videos.

Starting our WordPress theme with Simple HTML5 and Starting Index.html File

bloginfo() is the most powerful WordPress function. It allows developers to immediately pull up information including the directory of your theme, your site/blog title and more. In this lecture, I will explore the most important parameters that are accepted by bloginfo() and what is returned that has great value to themes and theme developers.

Introducing Bloginfo()

WordPress themes have a header that contains your HTML prolog section and can store anything from <HEAD> to <TITLE> to various HTML5 tags.

Creating Our Header

Your footer is the feet of your theme. Seriously, it contains valuable information needed for WordPress to perform certain functions as well as display the usual footer information like the copyright messages.

Creating Our Footer

The sidebar is famous in WordPress for its collection of widgets that users can add from the back end. Although most people recognize the sidebar as a simple column of HTML elements, sidebars can be added to any part of your theme.

Creating Our Sidebar

All WordPress themes use template tags and adding them to YOUR theme is essential. I explain where to add them and which ones to use. There are hundreds of template tags provided that allow theme developers to display necessary information from blog posts, pages, authors, etc.

Creating Custom Template Tags

We show a quick review of all the sections mentioned in this section and how to put them all together.

Review of the Sections That Help Build Our Theme

Test your knowledge of the files required to build your theme.

Building Our Theme
5 questions
Displaying Post and Pages
6 Lectures 38:38

Posts are the building blocks of any blog. They are simple articles and are the first thing that bloggers see when they write on their blogs from the WordPress back end, so coding the necessary pages is important.

Displaying Posts

Pages are like the brother of posts. They are similar to posts except they serve a different purpose. Pages act like web pages whereas posts are used to serve as articles written by bloggers.

Displaying Pages

In the last video, we left off where I was going to show you how to create a custom post type, which is necessary for the NEXT video. In the next video, we have a custom post type called "countries" for different countries.

Now, here in this special video, I give you 2 options on creating a custom post type:

  1. You can install the plugin that is demonstrated in this video where I show you in a very simple way how to create the countries custom post type.
  2. You can watch the detailed videos in section 11 of this course.

The details are in this 6-minute video.

Two Options On Creating A Custom Post Type For The Next Video

Displaying the permalink is important for SEO and links to any page or post. Since blog posts are dated, displaying the published date is a normal feature of blogs. In this lecture, we learn how to display both.

Adding Permalinks and Publish Dates

To vary our blog, sometimes a blogger wants to display a random post. We learn how to do that in this lecture.

Display Random Posts

Let's review how to display pages and posts and their different features. Also, I add a section to this review where we order the posts in ascending and descending order.

Review Plus Ordering Posts in Ascending and Descending Order

Look at the code and determine what it does.

Coding Quiz: Pages and Posts
5 questions
Building Our Theme's Inner Pages
8 Lectures 53:33

This is the first part in a 3 part lecture where we teach single.php: We start working with the inner page template that displays posts and learn how to display various types of data along with those posts.

Developing Our Posts Template (Part 1 of 3)

Part 2: We start working with the inner page template that displays posts and learn how to display various types of data along with those posts.

Developing Our Posts Template (Part 2 of 3)

Theme developers have options when displaying post data and pages. In this lecture, we present an alternative.

Alternative Way Of Displaying Post Content

We conclude our 3-part lecture in displaying WordPress posts.

Developing Our Posts Template (Part 3 of 3)

If your theme includes WordPress pages, this lecture teaches how to format and display pages.

Developing Our Default Page Template

Page templates can be formatted in various ways including, but not limited to:

  1. half-page with a right sidebar
  2. half-page with a left sidebar
  3. full page with no sidebar.

We teach you how to create those types of pages and how to display them in the templates menu.

Developing Variant Page Templates

Blog posts would not be complete without the ability for readers and subscribers to comment. We teach you how to add a comment template to your post pages.

Developing Our Comments Template

Let's review how to display posts and pages with this quick Powerpoint presentation.

Search Forms and Search Results
6 Lectures 55:48

Search results are the cornerstone of any website with lots of data. Instead of the usual HTML form, we tap into the WordPress-way of displaying a search form. We teach the default and simple way of creating a search form that can be added anywhere in your theme.

Displaying WordPress' Default Search Form

From the last lecture where we taught how to add a search form, this lecture picks up where it left off and shows you how to customize the search form to create an endless combination of forms.

Customizing Our Search Form

Search forms do not have use without search results. In this lecture, we start our template that allows us to display search results.

Starting Our Search Results Template

In this lecture, we teach you how to add search results with any keyword entered into the search form using the famous have_posts() loop.

Adding Our Search Results Loop

Since the featured image makes any WordPress post come alive and allows us to bread the post, we apply this trick to search results.

Add Featured Images To Search Results

For WordPress websites with multiple authors, this lecture shows how to add the author's name to search results.

Adding Authors To Search Results
Category and Tag Pages
5 Lectures 55:43

Known as taxonomy, categories and tags are excellent for organizing posts and pages. In this first lecture for this section, we explain how to set up the initial category template.

Developing Our Initial Category Template

Categories have a hierarchical structure and sometimes, you may need to display several categories and their children (subcategories) at the same time, so we teach you how to display the entire hierarchy here. 

Review of the Category Hierarchy Structure

WordPress has many wonderful conditional tags that themes can take advantage of. We teach you how to add the let WordPress decide if a post has a certain category and how to program for it.

Adding The Conditional Category Tag

Tags are the siblings of categories in the taxonomy family. As theme developers, we show you how to create a template to display them.

Developing Our Initial Tag Template

A collection of tags is known as a tag cloud. They are a group of hyperlinks formatted by size depending on how many posts use them. We teach you how display the tag cloud.

Creating a Tag Cloud
Adding Theme Support
4 Lectures 23:49

Theme support is important in helping WordPress admins do everything from:

  • displaying thumbnails (featured images)
  • custom fields
  • menus
  • and more

In this lecture, we teach you the basics of theme support.

What Is Theme Support

This function is the key to adding theme support and we show you how to use it completely to make your theme versatile. 

Tip: The more theme support your theme offers, the more popular it will be.

Overview of add_theme_support()

In today's world of web design, HTML5 is all the rage and WordPress offers HTML5 support with the information presented in this lecture.

Adding HTML 5 Markup Support

Learn how to add theme support only for the administrator.

Theme Support Only For The Admin
Menus and Theme Locations
6 Lectures 01:16:54

Theme locations are places in your templates where menus can be added. Learn how to add them in this lecture.

What Are Theme Locations?

In this video lecture, we create our first theme location.

Creating Our First Theme Location

Once our theme locations are completed, we can add our first menu.

Displaying Our Menu

Our themes are not limited to just one menu. In fact, the more, the better. 

Adding Our Other Menus

Menus have placeholders. We teach you in this lecture how to add them.

Menu Placeholders

Menus have the ability to contain submenus and we display them here.

Submenus and Menu Depth
12 More Sections
About the Instructor
Rob Percival
4.6 Average rating
79,962 Reviews
396,604 Students
22 Courses
Web Developer And Teacher

Hi! I'm Rob. I have a degree in Mathematics from Cambridge University and you might call me a bit of coding geek.

After building websites for friends and family for fun, I soon learned that web development was a very lucrative career choice. I gave up my successful (and sometimes stressful) job as a teacher to work part time and today, couldn't be happier.

I'm passionate about teaching kids to code, so every summer I run Code School in the beautiful city of Cambridge. I also run the popular web hosting and design service, Eco Web Hosting which leaves me free to share my secrets with people like you.

You wouldn't believe the freedom that being a web developer offers. Sign up and find out for yourself why so many people are taking and recommending this course. I genuinely believe it's the best on the market and if you don't agree, I'll happily refund your money.

Sign up to my courses and join me in this amazing adventure today.

Bruce Chamoff
4.2 Average rating
826 Reviews
22,766 Students
11 Courses
Web Developer of 20 Years and Songwriter of Over 40 Years

CEO of the Web Designer Mall, a one-stop shop for all web designers and web developers.

I have designed and developed over 1,000 websites in the past 20 years for companies of all sizes from small businesses to major Fortune 500 corporations. Being the owner of a prestigious online mall for web developers, I have programmed everything from WordPress to Drupal to Joomla to simple HTML5.

Involved in the WordPress Community. I am also a speaker at WordCamps in the United States. 

The Music, The Songwriting

I love writing, recording, and producing music, mainly my own originals. I play sax and piano and have over 150 songs. Yes, I should have gone for that record deal, but I still enjoy the process of making music!

Codestars by Rob Percival
4.6 Average rating
69,476 Reviews
350,117 Students
22 Courses
Teaching the Next Generation of Coders

Best-selling Udemy instructor Rob Percival wants to revolutionize the way people learn to code by making it simple, logical, fun and, above all, accessible.  But as just one man, Rob couldn’t create all the courses his students - more than half a million of them - wanted.  

That’s why Rob created Codestars.  Together, the instructors that make up the Codestars team create courses on all the topics that students want to learn in the way that students want to learn them: courses that are well-structured, super interactive, and easy to understand.  Codestars wants to make it as easy as possible for learners of all ages and levels to build functional websites and apps.