Tags
Language
Tags
December 2024
Su Mo Tu We Th Fr Sa
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

Advanced Wordpress Gutenberg Blocks, Post Types & Taxonomies

Posted By: ELK1nG
Advanced Wordpress Gutenberg Blocks, Post Types & Taxonomies

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

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!