WordPress: Developing Blocks with Gutenberg
Created By
Morten Rand-Hendriksen via LinkedIn Learning
- 0
- 1-2 hours worth of material
- LinkedIn Learning
- English
Course Overview
Take control of the editing and publishing experience by creating custom content blocks with Gutenberg, the block-based editing environment introduced in WordPress 5.0.
Course Circullum
Introduction
- Building custom WordPress blocks
- Course overview and prerequisites
- Using GitHub exercise files
- Block building dev environment
- Example project walk-through
- podkit.php: The heart of the plugin
- Install dependencies and test the plugin
- Sidebar: A practical approach to blocks
- Anatomy of a basic block
- Add an editable RichText field
- Use attributes to capture data
- Create a function to update the field
- Sidebar: Props scoping
- Add media upload to the block
- How to find and use components
- Add block alignments: Wide and full
- Add an alignment toolbar to the block
- Add inspector controls in the sidebar
- Add block styles
- Fetch a post from the database
- Explore the post response and build out edit return
- Save Dynamic Block using PHP
- Modify the REST API response
- Add a conditional featured image
- Next steps on the learning journey
Item Reviews - 3
Submit Reviews
This Course Include:
Introduction
- Building custom WordPress blocks
- Course overview and prerequisites
- Using GitHub exercise files
- Block building dev environment
- Example project walk-through
- podkit.php: The heart of the plugin
- Install dependencies and test the plugin
- Sidebar: A practical approach to blocks
- Anatomy of a basic block
- Add an editable RichText field
- Use attributes to capture data
- Create a function to update the field
- Sidebar: Props scoping
- Add media upload to the block
- How to find and use components
- Add block alignments: Wide and full
- Add an alignment toolbar to the block
- Add inspector controls in the sidebar
- Add block styles
- Fetch a post from the database
- Explore the post response and build out edit return
- Save Dynamic Block using PHP
- Modify the REST API response
- Add a conditional featured image
- Next steps on the learning journey
- Provider:LinkedIn Learning
- Certificate:Certificate Available
- Language:English
- Duration:1-2 hours worth of material
- Language CC: