Advanced WordPress Gutenberg Blocks, Post Types & Taxonomies
4.1 (215 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.
1,744 students enrolled

Advanced WordPress Gutenberg Blocks, Post Types & Taxonomies

The Most Advanced & Hands on WordPress Course, Create +10 Different Projects w/ Gutenberg, Post Types, Taxonomies & More
4.1 (215 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.
1,744 students enrolled
Last updated 6/2019
English
English [Auto-generated]
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
  • 13.5 hours on-demand video
  • 11 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 your own Gutenberg Blocks
  • Add CMB2 into your theme or plugin to develop really advanced WordPress Sites
  • Understand what Taxonomies, Metaboxes and Custom Post Types are
  • Understand the Shortcode API, WP Ajax & more with practical Examples
  • Use the WP REST API and WP Ajax
  • Create WordPress Plugins!
  • Develop more advanced and complex WordPress sites
  • Leverage your CSS3, jQuery, PHP and JavaScript with WordPress Development
Course content
Expand all 157 lectures 13:20:35
+ Course Introduction and First Steps
8 lectures 40:34

Let's review the finals projects for this course

Preview 07:00

Let's review the Gutenberg Blocks included in this course!

Preview 07:06

Let's install WordPress locally, i will be using MAMP for this video

Installing WordPress locally
03:35

Let's see the Code Snippets for this Course

Code Snippets for this course
01:57
How to Load the different versions for this course
04:07

In the course materials you will find all the files that are need to complete successfully this course

The Images and Files for this Course
01:13

In this video i'm gonna show you how to add some packages that will help you when developing plugins, themes and custom functionality for your site

Atom Packages for WordPress Development (my favorites)
07:32

Checkout Flywheel, this amazing tool will help you to develop WordPress sites with ease!

Local by Flywheeel
08:04
+ Introduction to Custom Post Types
9 lectures 35:18

Let's see a small introduction about Custom Post Types

What are Custom Post Types?
02:51

Let's create a simple plugin for our Custom Post Types

Preview 03:14

In this video let's add our first Custom Post Type to the porject

Preview 03:36

Let's create a more advanced custom post type, with all the functionality 

Creating an Advanced Custom Post Type
10:00

Let's create a second post type, in this case one called Events

Adding Another Custom Post Type for Events
03:27

Let's create a Custom Post Type with Custom Post Type UI, a more visual tool that will make this easier

Custom Post Type UI Plugin: Creating CPT from the Admin
03:32

There's another tool that you can use which is free, Generate WP, let's see how this works :)

GenerateWP to Create Custom Post Types
05:22

Let's add some new posts to our newly created Custom Post Type - Recipes 

Adding A Post to our New Custom Post type
01:44

It's time to load the second version for this project, this will contain all the Recipes in the Recipes Post Type!

Importing the Second Version for this Site
01:32
+ Introduction to Taxonomies
10 lectures 29:07

Let's continue our learning, and now let's see what taxonomies are

Preview 03:37

Let's create a basic Taxonomy for this project!

Preview 04:04

It's time to work with advanced Taxonomies, and let's see how this is done!

Creating an Advanced Taxonomy
04:08

Let's add a Taxonomy for Course, that will be helpful for our projects

Creating a Taxonomy for Course
02:06

Let's add another Taxonomy for mood, this is one is going to be a non hierarchical

Creating a Taxonomy for Mood
01:48

Let's continue adding more taxonomies, in this video let's add a Price Range Taxonomy

Creating a Taxonomy for Price Range with Custom Post Type UI
02:28

Let's see how you can create a Taxonomy with GenerateWP

Creating a Taxonomy with GenerateWP
03:06

Let's see how you can add some Terms to your Taxonomies

Adding Terms to our Taxonomies
03:09

Now that you have created the terms, it's time to assign those into the Posts Recipes

Applying Terms to Recipes
02:36

Let's load the third and final version for this project from the Website Versions

Loading the Third Version for this Project
02:05
+ Wrapping up Everything in Our Theme
6 lectures 28:25

Let's see how you can create custom templates for the single posts that you add in a Custom Post Type

Preview 02:57

In this video let's see how you can print the Taxonomy Terms that are associated to a post

Preview 06:29

Let's see how you can create an Archive Template for all the Taxonomies

Creating a Taxonomy Archive Template
04:56

In this video let's see how you can create an Taxonomy Term Template

Creating an Archive Template for a Specific Term
06:21

We added more than 20 recipes, but they're not showing in the homepage, let's write a small function that will print the recipes in the index of our site.

Printing Custom Post Types in the Index Page
03:33

Let's use a small condition that will identify when a posts, belongs to a custom post type (or post type)

Identifying Custom Post Types
04:09
+ Example with Taxonomies and Custom Post Types
7 lectures 42:07

I found always easier to learn something new when i know the direction, so let's preview the final project for this chapter

Preview 01:19

Let's add a menu of taxonomy terms in this video

Preview 05:03

In this video let's see how you can make a WP_Query for posts that have a Taxonomy

How to Query the Taxonomies?
05:39

Let's write a small function that we can use all the times that we need, this way the code is only written once, but you can use all the times that you need to

Creating a Function to Query the Custom Post Type and Taxonomy
08:04

Let's finish our function and print the final results

Finishing up our Function and Printing the Results
07:10

Let's continue working, and it's time to add some jQuery to our example!

Adding some jQuery to our Example
07:22

Time to finish our first example, but first let's add some CSS to make this look great!

Finishing up our example with some CSS
07:30
+ Advanced Example with Taxonomies and Custom Post Types
6 lectures 33:49

Let's continue practicing what we have learned, this is the preview of the second project!

Preview 01:36

Let's add a small function that we can use with WP Ajax

Creating a Function to use with WP Ajax
06:56

Let's pass the posts information from the function that we wrote to javascript with Ajax

Passing data with WP Ajax
04:53

Let's create a JavaScript for our recipes

Building a JavaScript Template
08:21

For our example we need the time of the user, but if you use PHP this will retrieve the time of the server, so let's get the user time with JavaScript instead

Getting the user time with JavaScript
08:00

Let's finish our example with some CSS

Finishing up our Example
04:03
+ Working with Metaboxes
7 lectures 37:45

With metaboxes you can add more content to a post, so let's see a small introduction before we get our hands dirty with the code

What are the Metaboxes?
01:59

Let's create a small plugin for our metaboxes

Creating a Plugin for Metaboxes
02:42

It's time to add the metabox Zone, or the place that will contain our Metaboxes for this chapter

Adding the Metabox Zone
03:02

Let's add some fields to our newly created Metabox Zone

Adding Fields to our Metabox
05:53

Let's save the data that we are adding to the Fields into the database

Saving Metabox Fields to the Database
09:12

Now that we have some information into our Metaboxes, it's time to print that our in our Theme

Printing Metabox Fields in our Theme
06:04

Let's add some Styling to our Fields in our Theme

Styling the Metabox Information in our Theme
08:53
+ Practicing Metaboxes: Building a Upcoming and Past Events Plugin
9 lectures 01:02:09

CMB2 is a really cool plugin, they have more than 30 different fields that you can use in your projects!

Downloading CMB2 and Creating a Plugin
02:50

Let's see all the field types that're available in CMB2 

Checking all Field Types Available in CMB2
03:34

Let's link the CMB2 Files in our plugin

Calling the CMB2 Files in our Plugin
04:48

Let's see how you can add some Fields to our Metaboxes

Adding Fields to our Metaboxes
06:20

Let's add some Events to our Events Post Type

Adding Events
05:21

Let's see how you can Query the Metaboxes and Fields

Quering Metaboxes and Fields
11:15

Let's print all the Fields to our Theme

Printing all the Fields
12:31

Let's see how you can create a Past Events Function

Printing Past Events
03:54

Let's finish our example with CSS

Finishing our Plugin with some CSS
11:36
+ Advanced Taxonomy Filter with Filterizr w/ Masonry effect
10 lectures 40:53

Let's see the finished project so you will understand some of the decisions that we're making in this section

Preview 02:02

In this video we're going to add the Filterizr Library into our theme

Adding Filterizr to our Theme
03:22

Let's add the page and page template that will contain this search filter

Adding the Page and Page Template
03:00

Let's create the main menu for our example

Printing the Taxonomy Terms
04:49

Let's add a WP_Query that will print all the entries into our page

Printing the Posts
02:18

Let's add all the markup in order to make Filterizr work with WordPress

Adding the proper HTML Markup
07:04

Any jQuery plugin comes with a method that you can call to execute the code and functionality, let's see how we can call the filterizr plugin

Calling the jQuery Plugin with JavaScript
02:41
Fixing the Problem if you have 1 post under 2 Taxonomies or more
05:40

Let's add some CSS into our theme to style the menu

Styling the Menu with CSS
05:01

Let's add the final pieces of code to finish our example

Finishing our example
04:56
+ Advanced Taxonomy Filter with Filterizr w/ Masonry effect (Packed Layout)
8 lectures 42:47

Let's the review the final project for this video

Preview 01:16

Let's add the JavaScript Library that we need to activate the Packed Layout

Adding the JavaScript and Creating the Template
04:14

Let's add the new image sizes for this example

Adding New Image Sizes
10:01

Let's write the code to display different image sizes in our page

Displaying Different Image Sizes
04:35

There're so many ways that we can manipulate the Images to show more small images than bigger ones, let's see the easiest way!

Adding some PHP Tricks to display a bigger number of small images
06:21

Let's add the CSS to create add different widths in our recipes

Adding CSS to display different Widths in our Recipes
07:42

Let's add the last piece of CSS (Remember that you can copy this code from the previous video)

Finishing the CSS part
07:35

Final words from this chapter

Final Words from this Chapter
01:03
Requirements
  • Have a Local WordPress installation i will be using MAMP, but you can use WAMP, XAMPP, Vagrant or Bitnami, you will be fine :)
  • A Text Editor, i will be using Atom, but sublime text, brackets, or any other also works! Visual Studio Code is also free and available for Windows, Mac or Linux
  • Basic WordPress Development experience, if you know how to write a WP_Query and what's the loop you will be fine!
Description

Are you ready to take your WordPress skills to a whole new level?

With Advanced WordPress Topics: Post Types Taxonomies & Metaboxes you will learn all these technologies with a 100% practical course.

JUST ADDED WP REST API EXAMPLE!

But you will learn more than that, in this course we're developing +10 DIFFERENT PROJECTS!!

  1. A Plugin for Custom Post Types and Taxonomies.

  2. A Plugin for Metaboxes.

  3. A Plugin for Upcoming Events with CMB2

  4. Filter Posts with Masonry Effect & WP Ajax

  5. An Advanced Search Form with WP Ajax

  6. Submit Posts from the Front End of our WordPress Site

  7. Infinite Scrolling with Ajax and WP REST API 

  8. Create your Custom Gutenberg Blocks.

  9. Gutenberg Block Development with wp-scripts ( 4 Custom Blocks included)

This are complete, real world, develop from start to finish projects, each project contains between 8 and 13 videos, so they're in depth examples!

What else i will learn in this course?

We will use a lot of different techniques and integrate different technologies such as: jQuery, CSS3, WP Ajax, the Shortcode API, Custom Metaboxes 2 (CMB2), WP REST API, Gutenberg, Filterizr & a lot more!

If you have some experience working with WordPress and you want to learn more advanced topics, this course is for you!

Check the Preview Videos :) they will show everything that you will learn!

START LEARNING, WITH THE MOST ADVANCED WORDPRESS COURSE IN UDEMY!

Who this course is for:
  • If you have some experience with WordPress Development then this course is for you
  • This is not a beginners course, you need at least some basic WordPress experience
  • All the code is gonna be written from scratch ( Code Snippets included in the course to help you) and finished projects too
  • You have to know where themes, plugins and all these files are stored in WordPress
  • If you have some basic PHP, CSS, HTML or JS experience with web design and you want to use WordPress this course will help you
  • If you learn more by building real world projects then this course is for you!