GenerateBlocks seamlessly integrates with the standard WordPress Block Editor. This section offers a brief overview of the editor and how GenerateBlocks enhances its functionality, helping you better understand documentation terminology and improve your editing experience.
The WordPress Block Editor
The Editor at a glance
The block editor consists of 4 key areas:
- Top Bar – Manages editor options, panel toggles, editor previews, and post status updates.
- Left Sidebar Panel – Displays the Block & Pattern Inserter or the List View (document outline).
- Editing Area – The main workspace where you add and edit blocks.
- Right Sidebar Panel – Houses post and block settings, including GenerateBlocks features
Top Bar
The Top Bar provides options for:
Publishing
Publishing , updating, saving and previewing posts.
Responsive Views
Core provided Responsive views to switch editor device size. GenerateBlocks will automatically switch the styles builder responsive controls to match the current view ( and vice versa ).
Panel toggles
Toggle buttons to open / close the left and right sidebar panels:
Options Menu
Most of the editor settings are found within the Options menu.
The options include
- setting the editor preferences for the current user
- access help tools from copying all blocks to viewing shortcuts
- open any plugin extension panels like the GenerateBlocks Panel
- selecting the editor view with Visual or Code
- set the view options
Left Sidebar Panel
An optional sidebar area that can display:
Choose from the available blocks and patterns including GenerateBlocks custom block section.
Document Overview > List View tab
A hierarchical list of all the blocks in the document.
The List View allows you to:
- see all the blocks in the document
- understand the hierarchical structure of nested blocks
- quickly select any block
- rename the block in the list view from the 3 dot options menu.
Shift + Click to select multiple blocks
a selected group of blocks can be copied, duplicated, moved or made into a Pattern from the blocks 3 dot options menu.
Super Tip – You can bulk edit the local block styles of multiple GenerateBlocks of the same type.
These options make the List View an essential panel when it comes to building more advanced designs.
Editing area
This is the main editing area where you will construct posts, page, patterns and other types of content. You do this by Typing into the available next line or inserting blocks.
Blocks can be added in several ways:
- Open the block insert panel – see the Left Sidebar Panel.
- the block inserter button – located within the editor area
- Type a front slash
/in the Type field followed by a search term for the block / pattern you’re looking for e.g/grid
A short and handy video of how to use each of them can be seen here.
Right Sidebar Panel
An optional sidebar panel that can display:
The home for accessing GenerateBlocks Features including:
- Pattern Library – Open the GB Pattern Library
- Global Styles ( Pro ) – Create of Edit any Global Style without the need to edit a block.
The Settings Panel provides tabs for the current Post and the currently selected Block.
Post ( post type name ) Tab
The Post tab provides the standard WordPress settings for post status and post link in addition to any parameters registered for that post type, such as Featured Images, Excerpts, Taxonomies ( eg. Categories & Tags ) plus additional theme settings.
Block Tab
The block tab provides block specific settings. For each GenerateBlock there is separate sub tab for The Blocks Settings and The Blocks Styles
