Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Getting Started with the Block Editor | Understanding the Basics
Build a Code Free Website with WordPress
course content

Course Content

Build a Code Free Website with WordPress

Build a Code Free Website with WordPress

1. Getting Started with WordPress
2. Understanding the Basics
3. Basic Customization
4. Essential Plugins
5. Content Creation
6. Site Settings
7. Building a Complete Website from Scratch

book
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.

question mark

Which of the following is NOT a commonly used block in the WordPress Block Editor?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 3

Ask AI

expand
ChatGPT

Ask anything or try one of the suggested questions to begin our chat

course content

Course Content

Build a Code Free Website with WordPress

Build a Code Free Website with WordPress

1. Getting Started with WordPress
2. Understanding the Basics
3. Basic Customization
4. Essential Plugins
5. Content Creation
6. Site Settings
7. Building a Complete Website from Scratch

book
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.

question mark

Which of the following is NOT a commonly used block in the WordPress Block Editor?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 2. ChapterΒ 3
We're sorry to hear that something went wrong. What happened?
some-alt