Professional WordPress Theme & Plugin Development
4.4 (857 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.
5,441 students enrolled

Professional WordPress Theme & Plugin Development

Learn how to create your own WordPress Themes & Plugins with code from Scratch, Create Amazing Dynamic WordPress Sites!
Bestseller
4.4 (857 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.
5,441 students enrolled
Last updated 10/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 34.5 hours on-demand video
  • 1 article
  • 138 downloadable resources
  • 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
  • Create a WordPress Theme with Twitter Bootstrap
  • Create 4 Different WordPress Themes
  • Convert 26 PSD files into WordPress Templates
  • Learn how to transform any PSD file into a WordPress Theme
  • Learn Good Practices in WordPress Theme Development
  • Learn some advanced Features like Custom fields and Custom Post Types
  • Understand WordPress Theme Development
  • Create Mobile First WordPress Themes
  • Learn how to Write Secure WordPress Code
  • Learn how to create Options Pages in WordPress
Course content
Expand all 403 lectures 34:45:25
+ What we´re going to build in this course
9 lectures 44:08

This is going to be the first project, let's take a look!

Preview 07:11

Let's review the first final project!

Preview 08:02

In this video you will find the files for the first Theme

Photoshop and Image Files for the Second Project
03:55

Let´s take a look at the very first WordPress Theme that we´re gonna build in this course, hope you´re excited for this one!

Preview 05:06

Are you excited for this course? let´s review the Photoshop Files for the first theme that we´re gonna build!

Second Theme - Reviewing the Photoshop Files
02:53

The Second theme is a most advanced theme, in this video i´m gonna showcase some functionality that this theme has, so you can start developing this kind of websites when you finish this course!

Preview 05:47

In this video let´s review the Photoshop Files for our Second Theme

Third Theme - Reviewing the Photoshop Files
03:52

Here's the 3rd Project for this Course, it will be a Theme using Twitter Bootstrap

Preview 03:12
+ PHP: The Basics - Up And Running with PHP (If you know PHP you can skip this)
17 lectures 01:26:11

Let's create our first PHP File


Preview 07:13

Let's see how you can print values with PHP 

Preview 02:53

Creating variables in PHP is really easy, let's see some examples

Creating Variables in PHP
03:57

Let's make or code smarter with conditionals in PHP 

Conditionals in PHP
06:33

An array is a collection of items, they're really powerful and really easy to create and manage

Arrays in PHP
06:14

An Associative Array is more readable than indexed array, let's see some examples!

Associative Arrays in PHP and Concatenation
03:48

When working with arrays, var_dump, print_r and pre will be your best friends, let's see some examples

var_dump, print_r and pre in PHP
03:59

There're 2 styles when writing PHP Code, PHP in HTML or HTML in PHP

PHP in HTML or HTML in PHP?
02:50

Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, first the For Loop

For loop in PHP
04:26

Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, let's continue with the foreach loop

The foreach loop
03:44

Loops are great and they're everywhere in PHP, let's review the 3 most populars for WordPress development, the last one but most popular in WordPress, the While loop

The While loop
03:20

Every language has a lot of built in functions, let's review some of them in PHP

PHP Functions - Standard Functions
06:37

If a function doesn't exist, you can create your own, let's see how you can create a function in PHP and then Call It

PHP Functions - User-defined functions
03:46

Let's see how you can pass arguments into functions to make them more powerful

PHP Functions - Functions with arguments
03:17

In WordPress there're a lot of Template Tags, which are functions that print content, they look magical, but let's recreate a small example of what's behind this Template Tags

Template Tags in PHP and WordPress - Example
03:59

Let's review the functions that return values 

PHP Functions - Functions that return values
06:42

Yeah, not everyone loves math, but let's see some examples of Math, Numbers and PHP!

Math & Numbers in PHP + Some Examples
12:53
+ Our First Project - Gym Website
7 lectures 28:00

Let's review what we're building in this chapters!

What we're building in the next chapters
07:11

Here you can download the finished code in case you run into any problem

The Finished Code & Plugins
00:57
Local by Flywheel
02:43

Let's create our first project

Creating the WordPress site with Local by Flywheel
04:18

In this video we're going to create our theme

Creating our theme
05:17

Let's review the WordPress Theme Hierarchy

The WordPress Template Hierarchy
03:01

Let's see how to write the WordPress Loop!

The WordPress Loop and Template Tags
04:33
+ Gym Website - Developing the Header and Footer
14 lectures 01:21:47
First steps with the header (DOWNLOAD FILES FROM HERE)
05:18

Let's add the rest of the HTML!

Adding the rest of the markup in the header
02:12

Let's see how to add a navigation menu!

How to create a new menu in WordPress
06:43

Second step is to render the menu, let's see how!

How to display a menu in WordPress
05:27

Let's add the CSS file to add our styles!

Adding a CSS Stylesheet
05:49
Adding Google Fonts into our theme
03:02
How to add the main Stylesheet
04:42
Adding the main CSS tags and selectors
07:22
Adding some CSS to style the Header
06:53
Adding the CSS for the main nav
06:09
Working with the Footer
04:30
Adding the CSS for the Footer
08:01
Creating a responsive navigation
09:12
CSS for the Responsive Nav
06:27
+ Gym Website - The Pages Template
3 lectures 19:06
The Page Template
07:08
Adding some Image Sizes
06:24
Finishing the page template
05:34
+ Gym Website - Building the About Us Page
5 lectures 16:58
Adding a Second Page Template
03:13
CSS for the Main Content and Sidebar
03:30
How to create a Widget Zone
03:44
Adding the sidebar
03:20
Refactoring the Code for the Pages
03:11
+ Gym Website - Building a Plugin for the Classes
12 lectures 59:10
Post Types in WordPress
01:45
Adding the Plugin
09:00
Installing Advanced Custom fields
06:25
Adding the Classes
03:11
Building a Queries file
05:04
Introducing WP_Query to create custom queries from the database
05:14
Displaying the results from the WP_Query
03:02
Displaying the Rest of the Content
04:14
First steps with the CSS
07:40
Finishing the CSS for the classes
05:47
Building the Single Class Template
03:04
Finishing the single classes template
04:44
+ Gym Website - The Widgets API in depth
6 lectures 31:00
Building a Plugin for the Widgets
07:55
Adding WP_Query into our Widget
04:05
Displaying the information
03:26
CSS for the widget
06:56
Advanced functionality in our widget
05:07
Finishing our widget
03:31
+ Gym Website - Building the Gallery
6 lectures 33:20
Disable Gutenberg
03:24
Adding a Gallery Template
03:08
Getting the images from the gallery
07:01
Adding the Logic for the gallery
02:20
Adding a Lightbox effect in our images
07:01
CSS for the gallery
10:26
+ Gym Website - Building the Blog
5 lectures 20:58
Creating the template
02:34
Adding the blog entries
05:24
Displaying extra information in the front end
08:37
CSS for the blog
02:51
Working with the single page
01:32
Requirements
  • A Code Editor (There´s a video where i'm gonna show 4 different free editors)
  • A Local Server (I´m gonna be using MAMP but LOCAL, WAMP or BITNAMI are free and work great!! )
  • 26 PSD Files already Included (if you don't have Photoshop don't worry i'll be including all the files)
  • Images for this course already included + Content and Other materials to develop Amazing WordPress Themes
Description

Welcome to the only course on Udemy that teaches you how to build complete Websites, Themes & Plugins from scratch!

WordPress is great if you want to build Dynamic Websites that use HTML, CSS, PHP & JavaScript, do you have a few experiences with these technologies and you're looking for a course to build something from the real world? this course is for you!

Who this course is for:
  • Don't be afraid to code, i will guide you and help you in all the process :)
  • if you have basic HTML & CSS experience and you want to create dynamic sites, this course is for you!
  • Previous WordPress Theme Development experience isn´t required, i assume this is your first WordPress Theme
  • If you´re trying to Learn Custom Post Types, Custom Fields, Widgets API, create a REAL WORLD PROJECT this course is for YOU!
  • If you wan to create mobile first, CSS3 Compatible WordPress Theme this course is for you
  • If you learn best by building real world projects this course is for you, we're building 4 COMPLETE PROJECTS!