The Complete Guide to Building Premium WordPress Themes
4.6 (363 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,847 students enrolled

The Complete Guide to Building Premium WordPress Themes

Create a Premium Wordpress Theme From Scratch. Learn All About WordPress Theme Development. Get Approved On Themeforest.
Bestseller
4.6 (363 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,847 students enrolled
Created by Ali Alaa
Last updated 5/2019
English
English
Current price: $135.99 Original price: $194.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 17.5 hours on-demand video
  • 10 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to code and create premium WordPress themes that pass the themeforest review.
  • Use NPM/Yarn and Gulp to create a workflow for an efficient and a reusable Wordpress theme.
  • Discover all core aspects for creating a WordPress theme.
  • Learn how to create a secure and translation ready WordPress theme.
  • Learn How to make your theme customizable with WordPress's Customizer API.
  • Write Javascript using the latest ES6+ versions.
  • Create custom WordPress widgets and integrate them with Customizer.
  • Create custom post types and custom taxonomies.
  • Learn about shortcodes and how to create them.
  • Learn how your WordPress website can be more accessible.
  • Create basic plugins and learn how to properly include them in your theme.
  • Make your theme modifiable with child themes.
  • Understand how things work in WordPress in a deeper way by digging into the source code.
  • Create themes that are compatible with the new editor 'Gutenberg'
Course content
Expand all 125 lectures 17:47:12
+ How To Create Wordpress Themes - Course Code & Contact Info
1 lecture 00:17
How To Create Wordpress Themes - Course Code & Contact Info
00:17
+ How To Build A Premium Wordpress Theme - Setting Up a Local Server and WordPress
5 lectures 19:28

In this lecture, you will learn about WordPress server requirements and install MAMP to run WordPress locally.

Preview 04:25

In this lecture, we will install a fresh copy of WordPress on our local server.

Installing a New WordPress Website
04:33

You will learn how to start a new WordPress theme.

First Steps to Creating a Theme
05:28
Quick Note
00:08

In this lecture we will install some plugins that will help us during the theme development. We will also import dummy data to work with.

Setting Up Development Environment
04:54
+ Getting Started with WordPress
7 lectures 01:21:57
Template Files & Template Tags
07:17
Coding the Loop
12:44
Understanding the Loop
15:35
Template Hierarchy
03:23
Functions in WordPress
08:15
Validation, Sanitization & Escaping
13:27
Internationalization & Localization
21:16
+ Automating Development Workflow with NPM and Gulp
14 lectures 02:12:22
Introduction to NPM & Gulp
04:22
Setting Up NPM & Gulp
12:12
Development vs Production in Gulp Tasks
04:48
Creating A Gulp Task For Styles
15:20
Creating A Gulp Task For Styles cont.
11:12
Compressing Images & Copying Files
09:53
Cleaning Files & Serializing Tasks
11:12
Webpack Update Note
01:00
Creating A Gulp Task For JavaScript
17:40
Creating A Gulp Task For JavaScript cont.
07:42
Adding JavaScript Plugins The Right Way
11:46
Improving The Tasks With Browsersync
10:44
Bundling Files For Production
08:37
Creating a Replaceable Placeholder Prefix
05:54
+ Action Hooks, Filter Hooks & Child Themes
4 lectures 36:52
Creating Custom Action Hooks
06:13
WordPress Core Actions
10:45
Core & Custom Filter Hooks
06:32
Creating Child Themes
13:22
+ Sidebars & Template Parts
7 lectures 01:17:11
Quick Note
00:15
Adding CSS Stylesheets Using The ITCSS Architecture
08:11
Including The CSS Styles In Our HTML
08:04
Creating Sidebars For Widgets
11:39
Creating Sidebars Dynamically
18:36
Organizing Your Templates With get_template_part()
15:21
Coding The Header & The Search Form
15:05
+ Navigation Menus
6 lectures 58:25
Registering & Displaying Navigation Menus
11:06
Styling & Filtering The Navigation Menu
10:51
Creating A Mega Menu
05:02
Adding The JavaScript For Menu Accessibility
14:06
Improving Accessibility With Skip Links
03:45
+ Adding Theme Options Using The Customizer API
11 lectures 01:46:03
WordPress Customizer Overview
08:45
Creating Our First Theme Option
10:32
Custom Sanitization For Theme Options
04:01
Using postMessage For Better Customizer Updates
12:06
Creating An Option For Footer Background
11:29
Creating An Option For Footer Columns
08:57
Creating An Option For The Logo
05:19
Creating A Color Picker Option & Adding Inline CSS In WordPress
12:00
Improving The Accent Colour Preview With JavaScript
04:00
Passing Variables From PHP to JavaScript To Avoid Repetition
18:49
+ User Roles & capabilities And Nonces For Security
3 lectures 27:11
User Roles & capabilities Overview
07:42
Custom Delete Post Link Only For Permitted Users
11:45
Using Nonces To Verify Users' Intention
07:44
+ Metadata, Custom Fields & Bundling Plugins With Your Theme
7 lectures 01:23:04
Introduction To Metadata & Custom Fields
09:24
Adding Metaboxes & Custom Fields
15:49
Securing Metaboxes & Adding More Fields
14:11
Creating A Simple Plugin
09:28
Moving The Metaboxes Code To Our Plugin
10:24
Bundling Plugins With Your Theme Using TGMPA
19:41
Adding A New Gulp Task To Copy Plugins
04:07
Requirements
  • You should have a good understanding of general programming concepts
  • You should be familiar with HTML, CSS (SASS), Javascript and PHP basics.
  • Any code editor you are comfortable with, I will use VS Code in this code.
  • A local server like MAMP, WAMP, XAMPP, Laragon or any other software you are familiar with. I will use MAMP through out this course.
  • NodeJS and NPM or Yarn installed on your machine.
Description

Build A Premium Wordpress Theme : Create Wordpress Themes : How To Create A Premium Wordpress Theme From Scratch For Themeforest

In this course, you will learn everything you will need to create premium WordPress themes that are guaranteed to get accepted on marketplaces like themeforest.

Become a WordPress themes expert and make money online by publishing your themes!

  • Understand WordPress concepts in more depth and learn how things work behind the scenes.

  • Create a secure Wordpress theme that is guaranteed to pass themeforest's security review.

  • Learn how to make your theme translatable.

  • Explore  some advanced JavaScript workflows that will help you automate regular tasks like minifying CSS.

  • Understand WordPress's actions and filters.

  • Make your themes modifiable by understanding child themes.

  • Add powerful options to your theme using the powerful WordPress Customizer API.

  • Make your theme compatible with the new WordPress editor 'Gutenberg'

  • Explore web accessibility and get some tips on how to make your theme more accessible.

  • Create WordPress plugins that will supplement your theme.

  • Learn everything about WordPress functionalities like: sidebars, navigation menus, custom fields, shortcodes, post formats, custom post types, custom taxonomies, custom widgets and more.

Take your WordPress knowledge to the next level

Are you looking to code premium WordPress themes that will pass the coding standards review on websites like themeforest?

Do you have great designs or you work with a designer and you have HTML/CSS/JS/PHP knowledge and you want to convert your designs into great WordPress themes?

Do you have some WordPress knowledge and you want to expand your knowledge and get deeper into the word of WordPress and be able to sell themes online?

Then this course is for you!

This course is the essence of my experience with submitting themes to themeforest. In these lectures, I will share everything I know about creating WordPress themes. After completing the course you will be able to create themes coded to match WordPress's and Themeforest's coding and security standards. You should have no problems passing themeforest's code review as long as you have a great design!


This is not a Design/CSS/HTML/PHP course!!! If you are looking for that, I am sure you will find a lot of other resources. In this course I will just focus on WordPress functionality. I will load some prewritten basic CSS I did for the theme that we will create, the goal is just to create WordPress functionality and understand WordPress in more depth. I will however teach you how to organize your CSS, compile SASS and minify your files automatically. Also you should have some basic PHP knowledge. I will not teach you PHP from scratch here, so if you are interested in taking this course, I suggest taking a beginners PHP course first!

Who is the target audience?

  • Developers who have HTML/CSS/JS/PHP knowledge and wish to create professional WordPress themes from scratch.

  • WordPress developers who want to take their WordPress knowledge to the next level.

  • WordPress developers looking to create premium themes that get approved on websites like themeforest.

  • Anyone interested in learning advanced WordPress and Javascript concepts.

#wordpresstheme #createpremiumwordpresstheme #buildwordpressthemes

Who this course is for:
  • Developers who have HTML/CSS/JS/PHP knowledge and wish to create professional WordPress themes from scratch.
  • WordPress developers who want to take their WordPress knowledge to the next level.
  • WordPress developers looking to create premium themes that get approved on websites like themeforest.
  • Anyone interested in learning advanced WordPress and Javascript concepts.