Lessons: 11Length: 1.5 hours
- Overview
- Transcript
1.1 Welcome to the Course
In this course, we’ll go through a method of creating a custom Gutenberg block-driven layout in a WordPress theme, without using a single line of JavaScript. This initial video will give you a good idea of what’s to come.
1.Introduction
1.1Welcome to the Course00:52
2.Theme Basics
2.1Create the Basic Theme Files07:17
2.2Theme Initialization Functions06:53
2.3Set Up a Custom Post Type08:07
3.Custom Gutenberg Block Template
3.1Set Up the Block Template and Page Custom Heading10:22
3.2Create the First Row of Tours16:22
3.3Create the Second Row of Tours04:57
4.Filtering Gutenberg Content
4.1Set Up the Default Filtered Block Rendering12:16
4.2Set Up Column Iteration09:00
4.3Render the Column Inner Blocks11:25
5.Conclusion
5.1Wrapping Up04:17
1.1 Welcome to the Course
In this course, we're gonna go through a method of creating a custom Gutenberg block-driven layer in a WordPress theme. And we're gonna do it without using a single line of JavaScript. Creating completely custom Gutenberg blocks in WordPress can be quite an in-depth process. And it requires a fairly heavy use of JavaScript, so it may not be the right fit for your theme development goals. But the approach that we're gonna use in this course, we're instead gonna use a combination of three things. A template of pre-selected Gutenberg blocks, a custom post type, and a content filter that we're gonna apply to the content that's added through our custom post time. And those are gonna come together to create a custom back-end that drives a fully controlled front-end design. So let's go ahead and get started building Gutenberg template layouts without JavaScript. I'll see you in the first lesson.
