Course Content
Build a Code Free Website with WordPress
Build a Code Free Website with WordPress
Getting Started with the Block Editor
WordPress uses a block-based editor, known as Gutenberg, to create and format content. Instead of using a traditional text editor, the Block Editor allows you to build pages and posts by adding blocks, each designed for a specific type of content, such as text, images, or buttons.
Understanding how to navigate the Block Editor and use different block types will make it easier to create and format your content.
Introduction to the Block Editor (Gutenberg)
The Block Editor replaces the older Classic Editor, giving you more flexibility in how content is structured. Instead of working with a single large text area, each piece of contentβlike a paragraph, image, or headingβis placed inside a block that can be arranged and customized independently.
With blocks, you can easily:
Add and edit text, images, and videos;
Rearrange content by moving blocks up or down;
Customize individual blocks with different styles and settings.
Each block functions separately, giving you greater control over your content layout.
Exploring Block Types
Blocks are the building blocks of your content. WordPress provides many different types of blocks, but here are the most commonly used ones:
Paragraph block: adds regular text content;
Heading block: creates titles or section headings;
Image block: inserts pictures into your content;
Button block: adds clickable buttons for actions;
List block: creates bullet or numbered lists;
Embed block: allows you to insert content from other sites, like YouTube videos or social media posts.
Every block has its own settings, which you can access from the Block Toolbar or the Block Settings Panel on the right side of the editor.
Navigating the Editor Interface
When you open the Block Editor, the screen is divided into three main sections:
Content area: where you add and edit blocks;
Block toolbar: appears above each block, showing formatting and customization options;
Block settings panel: located on the right side, it provides more customization options for the selected block.
To add a new block, simply click the "+" (Add Block) button or type "/" followed by the block name. You can also drag and move blocks to rearrange your content.
Thanks for your feedback!