Sometimes you might need to translate a specific Block attribute, that requires a specific key inside its XML config.
Go to the Block Editor, and select the Block that you would like to translate.
Now, open the browser’s console and obtain the Block data incl. attributes by entering:
wp.data.select( 'core/block-editor' ).getSelectedBlock().attributes;
Master the future of WordPress Development with the new JavaScript driven Gutenberg Editor.
Course Overview
In this course we learn the following:
- 01: Course Introduction (video coming)
- 02: Core Gutenberg Architecture
In this section we look at how Gutenberg is built under the hood with JavaScript and React. This is helpful because a lot of what we build will mimic the core architecture, and some of what exists in core we can use within our own apps.
- 03: High Level Overview of Blocks
In this section we talk about Gutenberg and block development from a high level without getting into too much code. Learn about where to put your blocks, how their basic architecture works, and the basic hooks to start enqueuing our block JS and CSS. We will also discuss the ES5 v Modern JS approach.
- 04: Working with registerBlockType
Here we look in depth at the core function used to create blocks. This includes all of the various settings and types of data you should use pass to each setting. Along the way we will look at how to build a simple plugin.
- 05: Example Block Walkthroughs
This section is where we look in depth at a number of different types of blocks and common components you might want to use when building blocks. Use these blocks to learn or modify them for your own use.
- 06: Addendums and Updates
This section will include updates to the course and links to supplement resources before they are converted to course videos.
What You Will Learn
-
How Gutenberg Core Works Under the Hood
-
Important JavaScript Libraries that Ship with Gutenberg
-
How to Create Custom Blocks with Core and Custom Components
-
Options for Theme Developers to Extend and Customize Gutenberg
-
The Modern JS Approach of Using ES6+, JSX, React, webpack and more
Included With the Course
-
30+ Videos (Stream 3+ hrs of video at your own pace)
-
12+ Example Blocks (Learn from and modify for your own use)
-
Access to Official Support Forums and Community Slack Channel
-
The warm and fuzzy feeling that comes from learning some new
Course GiHub Repo
Course Video Files
Course Videos
Core Gutenberg Architecture
High Level Overview of Blocks
Working with registerBlockType
Example Block Walkthroughs
