Professional WordPress Theme Development from Scratch
4.5 (162 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.
1,215 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Professional WordPress Theme Development from Scratch to your Wishlist.

Add to Wishlist

Professional WordPress Theme Development from Scratch

Create Amazing WordPress Themes from Scratch / 4 Complete Projects Included / 25 PSD Files / Advanced Topics Covered
Bestselling
4.5 (162 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.
1,215 students enrolled
Last updated 4/2017
English
Current price: $10 Original price: $200 Discount: 95% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 25 hours on-demand video
  • 2 Articles
  • 23 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
Requirements
  • A Code Editor (There´s a video where i show you 4 alternatives that arefree)
  • A Local Server (I´m gonna be using MAMP but WAMP or BITNAMI are free and work great!! )
  • Photoshop CS6 (if you don't have Photoshop don't worry i'll be including all the files that you need in the course materials)
  • 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

COURSE UPDATE APRIL 2017:

I added 90 new videos ( a new complete theme ) that makes this course perfect for the 2017 year in WordPress Theme Development.

We're building a Complete Restaurant Theme, some of the features of this theme are:

  • Mobile First with a Custom Grid
  • Reservation Module as part of the Theme
  • Includes Custom Post Types and Advanced Custom Fields

Plus many more..

COURSE UPDATE DECEMBER 2016:

17 New Videos, PHP Basics :) if you want to learn WordPress then you should know at least the basics of PHP, and in this course you will find 17 videos that will teach you PHP the right way!

COURSE UPDATE AUGUST 2016:

35 new Videos had been added to this course where you will learn how to develop a WordPress Theme using Twitter Bootstrap

======================================

                  COURSE DESCRIPTION

======================================

Start creating your own CUSTOM WordPress Themes from scratch with this 100% practical course.

We will build 4 projects, adding more functionality and complexity: 

  • A Restaurant WebSite: Includes Advanced Custom Fields, Custom Post Types, Mobile First CSS, advanced jQuery integration with some practical examples, how to write secure themes in WordPress
  • A City Blog Website: You will Learn the basics of WordPress Theme Development in this project.
  • A Travel Agency Website: In this project you will learn how to use WordPress starter themes, Advanced Custom Fields, Widgets API and Custom Post Types.
  • A Blog: In this project you will learn how to integrate Twitter Bootstrap to create amazing responsive WordPress themes.

WordPress powers 25% of the websites in the world, knowing WordPress Theme Development is a key skill this days, you will be able to develop your own themes by the end of this course.

25 Hours of content full of tips, tricks and techniques for WordPress theme development in one course (The same techniques that i use in my , Plus:

  • 3 Complete Projects will be developed
  • 26 PSD files to Convert into WordPress templates included
  • Understand what are Custom Post Types, Custom Fields and how to use the Widgets API
  • You can ask me anything about WordPress Theme Development using the Udemy Panel


Who is the target audience?
  • 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!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
297 Lectures
25:12:20
+
What we´re going to build in this course
11 Lectures 39:06

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 First 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

Let´s see what you will be capable of doing when you finish this course

Preview 03:51

We need some images for this course, let´s review them. If you have your own images, you can use them!

Image Files for this Course
01:10

Here´s the link for some of the images that i will be using in this course, credits to the authors and owners of this images, remember that you can use your own images or download this ones. They all share Creative Commons Attribution 2.0 Generic Licence, so this is the links to the original author.

Image Links
00:14

Let´s review the tools that you will need for this course, a Local Server, a Code Editor, WordPress and of course Photoshop!

Preview 01:04
+
PHP: The Basics - Up And Running with PHP
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 - Restaurant WordPress Theme
21 Lectures 01:49:58

Let's install WordPress in a local server

Installing WordPress Locally
06:27

WordPress has a really simple file structure, let's review it and create a new file

Getting Familiar with the WordPress files structure and creating the theme
04:09

You only need 2 files to create a WordPress Theme, style.css and index.php

Adding the first files to our Theme
04:53

Let's get familiar with the WordPress Theme Hierarchy

Reviewing the Template Hierarchy in WordPress
04:51

Let's create the Pages for this website

Creating Our Pages and some Adjustments
03:25

Let's create a header and footer.php files

Creating the Header and Footer Files
04:31

The functions.php is the file that contains all the functionality related to your theme 

Creating a functions file
07:55

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Adding Normalize.css to our theme
03:31

Let's add our logo to the header.php

Adding the Logo into the header.php
05:25

In this video we're adding the main menu to our Theme

Creating a Menu in WordPress
04:21

Now that we successfully created the menu, it's time to print it into the header

Printing the menu in our theme
03:46

Yo can create as many menus as you want, in this video we're adding the social menu

Creating a Social Menu
04:49

Let's print the Social Menu in our website

Printing the Social Menu
04:22

Let's add some global styles that we will re use in this example

Writing some CSS for global styling
04:44

Let's add some CSS to our header

Styling the Header
07:54

Let's add font awesome to our theme

Adding Font Awesome to show some amazing icons!
02:29

Let's print our Icons into the social menu

Printing the icons in our Social Networks Menu
08:13

Let's add some CSS to our Main Navigation

Styling the Main Navigation
06:32

Let's make our menu Responsive with some CSS

Making our Menu Responsive
07:03

Let's add jQuery into our Theme

Adding jQuery to our WordPress Theme
05:13

Let's write a small jQuery function that will show and hide the responsive menu

Using jQuery to show / hide the mobile menu
05:25
+
First Project: Restaurant Theme - Working with the About Us Template
17 Lectures 01:19:35

Let's add 2 google fonts into our theme

Adding Google Fonts into our theme
05:05

The loop is really powerful, it will help you to display any content in WordPress

Creating our first Loop
05:31

Let's print the featured image

Printing the Feature Image and adding some HTML
02:36

Let's print the featured image as a background

Printing The feature image as background
01:56

Let's add some CSS to our hero image

Styling the Background Image
08:10

Let's add some CSS to the main content 


Styling the Main Content for Pages
03:03

Let's add a theme that will be used for the About Us Page

Adding an About Us Template
04:21

Let's install Advanced Custom Fields!

Adding Advanced Custom Fields
04:50

Let's register some fields with ACF

Creating the Fields with Advanced Custom Fields
03:37

Let's populate our fields

Adding Information to our newly added fields
02:42

Let's print the fields that we created earlier

Printing our fields and registering new image sizes
09:39

Let's style the last part of the About Us page

Styling the Bottom Section from the About Us Template
07:25

Let's add a small javascript code to detect the size of an image in our site

Adding a javascript function to detect the size of images
06:13

Let's finish the JS code!

Finishing our JavaScript code
02:16

Let's give the final touches to the bottom section of our site

Finishing the Bottom section with some CSS
01:59

Let's start working with the footer of our theme

Working with the Footer
04:06

Let's style the footer

Styling the Footer
06:06
+
First Project: Restaurant Theme - Working with the Menu Page
10 Lectures 54:54

You can name your themes with almost any name (no special characters allowed) so let's create a new template file for the Menu

Creating a our-menu.php Template File
02:42

Let's add some basic information to this page

Adding the Basic Information
01:40

Let's create a new custom post type (gist included in the files)

Adding a New Custom Post Type for the Menu
05:42

Let's register some fields in our new custom post type!

Adding Fields with Advanced Custom Fields to our Post Type
03:01

Let's populate our custom post type with some posts

Loading the Menu Entries in our new Custom Post Type
06:15

Let's Query the Database with a WP_Query

Creating a Custom Query in WordPress
07:05

Let's review what we have learn  so far

Some Quiz
1 question

Let's finish the Loop

Finishing our Custom Loop
06:55

Let's create a simple grid for this theme that we can re use for future pages

Adding a Custom CSS Grid
05:45

Let's style the specialties

Styling the Menu Page with CSS
07:05

Let's create a single template for our custom post type

Working with the Single Specialty Template
08:44
+
First Project: Restaurant Theme - Working with the Blog Template
11 Lectures 01:14:37

Let's start working with the Blog Template

Working with the index.php file
07:15

Let's add some blog posts to display in the blog page

Adding Blog Posts to have some data to work with
03:24

Let's print all the content that we need in the blog page

Printing the loop for the blog page
07:25

Let's add some CSS for the blog page

Styling the Blog Page
12:18

In this video we're creating the sidebar file

Working with the Sidebar
02:25

Let's create a Widget Zone and Add some Widgets

Adding Widgets into our sidebar
06:37

Let's add some CSS in our sidebar

Styling the Sidebar
08:09

Let's work with the Single Post Template for this project

Working with Single Posts Templates
05:55

Let's print a comment form!

Printing and Styling the Comment Form
08:05

In this video i'm gonna show you how to print the single file

Printing the Comments in the Single File
06:42

Let's add some CSS to our Comments!

Styling the Comments with CSS
06:22
+
First Project: Restaurant Theme - Working with the Gallery Page
3 Lectures 19:10

Let's add a Gallery with WordPress

Creating a Gallery
02:04

Let's add a jQuery library for our gallery

Adding a jQuery Library to interact with our Gallery
07:27

Let's adjust the size of the thumbnails

Adjusting the Thumb Sizes for our Theme
09:39
+
First Project: Restaurant Theme - Working with the Reservation Form
6 Lectures 48:50

Let's add a new template for the reservations or contact page

Creating the Reservation Template
05:26

Let's add some styles to our Form

Styling the Reservation Form with CSS
09:49

Let's create a new table in our database for the submissions

Creating a new Database table to save the Submissions
11:15

Let's write some code to insert data from the form

Inserting data from the Contact Form to the database
10:54

The users should never be trusted, that's why sanitizing and escaping data is really important

Security Functions to Sanitize and Escape Data in WordPress
03:34

Let's sanitize the input from the users

Sanitizing our Data before submission and Redirecting once the form is submitted
07:52
+
First Project: Restaurant Theme - Adding Option Pages to your Theme
3 Lectures 18:58

Let's add a new option page in our backend

Adding a New Page in the Backend
06:28

Let's add a submenu page!

Adding a SubMenu Page
03:13

Let's write a small piece of code that will print the submissions from the users

Printing the Form Submissions into the WordPress Backend
09:17
+
First Project: Restaurant Theme - Building the Front Page
10 Lectures 01:05:42

Let's start working with the front page of this website!

Printing the Site Description in the hero image
05:49

Let's small some small fixes to our hero image in the front page

Styling the Hero Image
06:06

Let's add a Query that will display 3 random posts from the specialties post type

Printing 3 Items from the menu into the home page
05:27

Let's finish the loop for this section!

Finishing the Loop for the menu
04:15

Let's add some CSS for the specialties!

Styling the Specialities section in the front page
12:23

Let's continue the homepage, in this video we're building the fresh  ingredients section

Working with the Ingredients section of the homepage
07:55

Let's add some CSS for the ingredients section

Styling the Ingredients Section with CSS
06:36

Let's print the gallery in the front page

Printing the Gallery in the HomePage
02:37

Let's re use the reservation form from the previous code

Printing the Reservation Form
05:26

Let's style the reservation form for the home page

Styling the Reservation form with CSS
09:08
16 More Sections
About the Instructor
Juan Pablo De la torre Valdez
4.6 Average rating
2,409 Reviews
8,952 Students
17 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.