4.44 out of 5
4.44
847 reviews on Udemy

Professional WordPress Theme & Plugin Development

Learn how to create your own WordPress Themes & Plugins with code from Scratch, Create Amazing Dynamic WordPress Sites!
Instructor:
Juan Pablo De la torre Valdez
5,384 students enrolled
English [Auto]
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

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!

What we´re going to build in this course

1
What you're going to learn in this course & why learn how to code for WordPress!

Let's see a quick intro to WordPress!

2
The first project - A website for a Gym

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

3
Tour of the Second Theme - A Restaurant Theme

Let's review the first final project!

4
Photoshop and Image Files for the Second Project

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

5
A Preview of the Third Theme

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!

6
Second Theme - Reviewing the Photoshop Files

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

7
A Preview of the Third Theme

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!

8
Third Theme - Reviewing the Photoshop Files

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

9
A Preview of the Fourth Theme

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

PHP: The Basics - Up And Running with PHP (If you know PHP you can skip this)

1
Your First PHP Code

Let's create our first PHP File


2
Printing Values in PHP

Let's see how you can print values with PHP 

3
Creating Variables in PHP

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

4
Conditionals in PHP

Let's make or code smarter with conditionals in PHP 

5
Arrays in PHP

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

6
Associative Arrays in PHP and Concatenation

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

7
var_dump, print_r and pre in PHP

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

8
PHP in HTML or HTML in PHP?

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

9
For loop in PHP

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

10
The foreach loop

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

11
The While loop

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

12
PHP Functions - Standard Functions

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

13
PHP Functions - User-defined functions

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

14
PHP Functions - Functions with arguments

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

15
Template Tags in PHP and WordPress - Example

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

16
PHP Functions - Functions that return values

Let's review the functions that return values 

17
Math & Numbers in PHP + Some Examples

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

Our First Project - Gym Website

1
What we're building in the next chapters

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

2
The Finished Code & Plugins

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

3
Local by Flywheel
4
Creating the WordPress site with Local by Flywheel

Let's create our first project

5
Creating our theme

In this video we're going to create our theme

6
The WordPress Template Hierarchy

Let's review the WordPress Theme Hierarchy

7
The WordPress Loop and Template Tags

Let's see how to write the WordPress Loop!

Gym Website - Developing the Header and Footer

1
First steps with the header (DOWNLOAD FILES FROM HERE)
2
Adding the rest of the markup in the header

Let's add the rest of the HTML!

3
How to create a new menu in WordPress

Let's see how to add a navigation menu!

4
How to display a menu in WordPress

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

5
Adding a CSS Stylesheet

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

6
Adding Google Fonts into our theme
7
How to add the main Stylesheet
8
Adding the main CSS tags and selectors
9
Adding some CSS to style the Header
10
Adding the CSS for the main nav
11
Working with the Footer
12
Adding the CSS for the Footer
13
Creating a responsive navigation
14
CSS for the Responsive Nav

Gym Website - The Pages Template

1
The Page Template
2
Adding some Image Sizes
3
Finishing the page template

Gym Website - Building the About Us Page

1
Adding a Second Page Template
2
CSS for the Main Content and Sidebar
3
How to create a Widget Zone
4
Adding the sidebar
5
Refactoring the Code for the Pages

Gym Website - Building a Plugin for the Classes

1
Post Types in WordPress
2
Adding the Plugin
3
Installing Advanced Custom fields
4
Adding the Classes
5
Building a Queries file
6
Introducing WP_Query to create custom queries from the database
7
Displaying the results from the WP_Query
8
Displaying the Rest of the Content
9
First steps with the CSS
10
Finishing the CSS for the classes
11
Building the Single Class Template
12
Finishing the single classes template

Gym Website - The Widgets API in depth

1
Building a Plugin for the Widgets
2
Adding WP_Query into our Widget
3
Displaying the information
4
CSS for the widget
5
Advanced functionality in our widget
6
Finishing our widget

Gym Website - Building the Gallery

1
Disable Gutenberg
2
Adding a Gallery Template
3
Getting the images from the gallery
4
Adding the Logic for the gallery
5
Adding a Lightbox effect in our images
6
CSS for the gallery

Gym Website - Building the Blog

1
Creating the template
2
Adding the blog entries
3
Displaying extra information in the front end
4
CSS for the blog
5
Working with the single page

Gym Website - Building the Categories & Author Templates

1
Adding the author template
2
Refactoring our code
3
Printing the Categories
4
Adding the Category Template

Gym Website - Working with the Contact Us Section

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.4
4.4 out of 5
847 Ratings

Detailed Rating

Stars 5
499
Stars 4
227
Stars 3
66
Stars 2
15
Stars 1
40
545881c5e553312663dca243aeda8d57
30-Day Money-Back Guarantee

Includes

35 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion