Advanced Wordpress Gutenberg Blocks, Post Types & Taxonomies
Last updated 6/2019
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.33 GB | Duration: 13h 21m
Last updated 6/2019
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.33 GB | Duration: 13h 21m
The Most Advanced & Hands on WordPress Course, Create +10 Different Projects w/ Gutenberg, Post Types, Taxonomies & More
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
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!! A Plugin for Custom Post Types and Taxonomies.A Plugin for Metaboxes.A Plugin for Upcoming Events with CMB2Filter Posts with Masonry Effect & WP AjaxAn Advanced Search Form with WP AjaxSubmit Posts from the Front End of our WordPress SiteInfinite Scrolling with Ajax and WP REST API Create your Custom Gutenberg Blocks.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!
Overview
Section 1: Course Introduction and First Steps
Lecture 1 A Preview of the Final Projects
Lecture 2 The Gutenberg Blocks included in this course
Lecture 3 Installing WordPress locally
Lecture 4 Code Snippets for this course
Lecture 5 How to Load the different versions for this course
Lecture 6 The Images and Files for this Course
Lecture 7 Atom Packages for WordPress Development (my favorites)
Lecture 8 Local by Flywheeel
Section 2: Introduction to Custom Post Types
Lecture 9 What are Custom Post Types?
Lecture 10 Creating a Plugin for Custom Post Types
Lecture 11 Creating a Basic Custom Post Type
Lecture 12 Creating an Advanced Custom Post Type
Lecture 13 Adding Another Custom Post Type for Events
Lecture 14 Custom Post Type UI Plugin: Creating CPT from the Admin
Lecture 15 GenerateWP to Create Custom Post Types
Lecture 16 Adding A Post to our New Custom Post type
Lecture 17 Importing the Second Version for this Site
Section 3: Introduction to Taxonomies
Lecture 18 What are Taxonomies?
Lecture 19 Creating a Basic Taxonomy
Lecture 20 Creating an Advanced Taxonomy
Lecture 21 Creating a Taxonomy for Course
Lecture 22 Creating a Taxonomy for Mood
Lecture 23 Creating a Taxonomy for Price Range with Custom Post Type UI
Lecture 24 Creating a Taxonomy with GenerateWP
Lecture 25 Adding Terms to our Taxonomies
Lecture 26 Applying Terms to Recipes
Lecture 27 Loading the Third Version for this Project
Section 4: Wrapping up Everything in Our Theme
Lecture 28 Creating a Single Post Template for a Custom Post Type
Lecture 29 Printing our Taxonomy Terms in our Template
Lecture 30 Creating a Taxonomy Archive Template
Lecture 31 Creating an Archive Template for a Specific Term
Lecture 32 Printing Custom Post Types in the Index Page
Lecture 33 Identifying Custom Post Types
Section 5: Example with Taxonomies and Custom Post Types
Lecture 34 Preview of the Final Project for this Section
Lecture 35 Creating a Menu with Terms from a Taxonomy
Lecture 36 How to Query the Taxonomies?
Lecture 37 Creating a Function to Query the Custom Post Type and Taxonomy
Lecture 38 Finishing up our Function and Printing the Results
Lecture 39 Adding some jQuery to our Example
Lecture 40 Finishing up our example with some CSS
Section 6: Advanced Example with Taxonomies and Custom Post Types
Lecture 41 Preview of the Final Project for this section
Lecture 42 Creating a Function to use with WP Ajax
Lecture 43 Passing data with WP Ajax
Lecture 44 Building a JavaScript Template
Lecture 45 Getting the user time with JavaScript
Lecture 46 Finishing up our Example
Section 7: Working with Metaboxes
Lecture 47 What are the Metaboxes?
Lecture 48 Creating a Plugin for Metaboxes
Lecture 49 Adding the Metabox Zone
Lecture 50 Adding Fields to our Metabox
Lecture 51 Saving Metabox Fields to the Database
Lecture 52 Printing Metabox Fields in our Theme
Lecture 53 Styling the Metabox Information in our Theme
Section 8: Practicing Metaboxes: Building a Upcoming and Past Events Plugin
Lecture 54 Downloading CMB2 and Creating a Plugin
Lecture 55 Checking all Field Types Available in CMB2
Lecture 56 Calling the CMB2 Files in our Plugin
Lecture 57 Adding Fields to our Metaboxes
Lecture 58 Adding Events
Lecture 59 Quering Metaboxes and Fields
Lecture 60 Printing all the Fields
Lecture 61 Printing Past Events
Lecture 62 Finishing our Plugin with some CSS
Section 9: Advanced Taxonomy Filter with Filterizr w/ Masonry effect
Lecture 63 Preview of the project
Lecture 64 Adding Filterizr to our Theme
Lecture 65 Adding the Page and Page Template
Lecture 66 Printing the Taxonomy Terms
Lecture 67 Printing the Posts
Lecture 68 Adding the proper HTML Markup
Lecture 69 Calling the jQuery Plugin with JavaScript
Lecture 70 Fixing the Problem if you have 1 post under 2 Taxonomies or more
Lecture 71 Styling the Menu with CSS
Lecture 72 Finishing our example
Section 10: Advanced Taxonomy Filter with Filterizr w/ Masonry effect (Packed Layout)
Lecture 73 What we're building in this Chapter
Lecture 74 Adding the JavaScript and Creating the Template
Lecture 75 Adding New Image Sizes
Lecture 76 Displaying Different Image Sizes
Lecture 77 Adding some PHP Tricks to display a bigger number of small images
Lecture 78 Adding CSS to display different Widths in our Recipes
Lecture 79 Finishing the CSS part
Lecture 80 Final Words from this Chapter
Section 11: Building an Advanced Search Form with AJAX
Lecture 81 Adding the Basic HTML
Lecture 82 Adding the jQuery and PHP Functions
Lecture 83 Sending data with PHP to Ajax
Lecture 84 Printing the JavaScript data in HTML
Lecture 85 Finishing Printing the JavaScript data in HTML
Lecture 86 Filtering by Taxonomy Term
Lecture 87 Adding another Taxonomy Term
Lecture 88 Querying by Metadata (or Metabox information)
Lecture 89 Finishing the Example
Lecture 90 Final Touches
Section 12: Submitting Posts from the Front End of the Site with CMB2
Lecture 91 What we're building in this chapter
Lecture 92 Creating the WordPress Plugin
Lecture 93 Creating the CMB2 Box
Lecture 94 Connecting the Fields and Shortcode Function
Lecture 95 Adding the Rest of the Fields
Lecture 96 Adding Error and Success messages
Lecture 97 Adding Security to form Submission
Lecture 98 Reading the Values from the Form
Lecture 99 Inserting the Post in the database
Lecture 100 Adding the Featured Image
Section 13: Infinite Scrolling with Ajax & WP REST API
Lecture 101 What we're building in this chapter
Lecture 102 The Snippets and Plugin for this chapter
Lecture 103 Creating the Plugin Files
Lecture 104 How to enable WP REST API Support for Custom Post Types
Lecture 105 Returning the previous Recipe
Lecture 106 Add Custom Values to the WP REST API Response
Lecture 107 Adding Meta Values and Taxonomies in the WP Rest API Response
Lecture 108 Adding Taxonomy Terms to the WP Rest API Response
Lecture 109 Passing the REST URL to the JavaScript File
Lecture 110 Tracking the scroll position with jQuery
Lecture 111 Calling the next post when scrolling
Lecture 112 Building the New Post Template and Printing the data
Lecture 113 Finishing our example
Section 14: Developing Gutenberg Blocks with WP-Scripts - Introduction
Lecture 114 The Gutenberg Projects that we will develop
Lecture 115 What's WP-Scripts
Lecture 116 Gutenberg vs Metaboxes
Lecture 117 Importing the Project
Lecture 118 The Finished Plugin & Code
Lecture 119 Creating the Plugin
Lecture 120 Installing WP-Scripts in our plugin
Lecture 121 Running the wp-scripts for the first time
Lecture 122 Enqueuing the main JS File for the Blocks
Lecture 123 Enqueuing the CSS Files for Gutenberg
Lecture 124 Registering the new blocks
Section 15: Developing Gutenberg Blocks with WP-Scripts - Testimonial Block
Lecture 125 Registering the new Block
Lecture 126 Creating a new Gutenberg Category
Lecture 127 The 7 Steps when developing a new block
Lecture 128 Creating a Function to the read the contents of the Component
Lecture 129 Registering an Attribute
Lecture 130 Extracting the attribute from props
Lecture 131 Saving the data into the attribute
Lecture 132 Finishing the save() method
Lecture 133 Working with the Testimonial Name
Lecture 134 Working with the Mediaupload
Lecture 135 Saving the Selected image
Section 16: Developing Gutenberg Blocks with WP-Scripts - Hero Block
Lecture 136 Creating the new block
Lecture 137 Working with the Title of the Hero Block
Lecture 138 Adding the Tagline
Lecture 139 Working with the Background Image
Lecture 140 Adding Text Alignment Controls
Lecture 141 Adding support for a Full Width block
Section 17: Developing Gutenberg Blocks with WP-Scripts - Image with Text and URL Block
Lecture 142 Registering the Block
Lecture 143 Working with the Heading
Lecture 144 Adding the Text
Lecture 145 Working with the Image
Lecture 146 Working with the URL for the Download Button
Lecture 147 Changing Colors with Styles
Lecture 148 Adding Alignment Controls
Section 18: Developing Gutenberg Blocks with WP-Scripts - Testimonial Block - Adding Colors
Lecture 149 Adding a Color Palette and access the values
Lecture 150 Applying the Colors from the Color Palette
Lecture 151 Adding a Predefined color palette
Section 19: Developing Gutenberg Blocks with WP-Scripts - Latest Recipes Block
Lecture 152 Registering a Dynamic Block
Lecture 153 First steps with the Dynamic Block
Lecture 154 Displaying the Latest Recipes in Gutenberg
Lecture 155 Displaying the Featured Image
Lecture 156 Working with the PHP Callback function
Lecture 157 Building a Production ready build
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!