{"id":33834,"date":"2022-05-04T07:00:53","date_gmt":"2022-05-04T14:00:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=33834"},"modified":"2025-05-21T17:09:28","modified_gmt":"2025-05-22T00:09:28","slug":"wordpress-site-blocks","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-site-blocks\/","title":{"rendered":"Decoding WordPress: New Site Blocks in 5.9"},"content":{"rendered":"\n

WordPress has always been a user-friendly platform that is flexible and easy to learn. However, those without coding skills may struggle to perform certain customization tasks.<\/p>\n\n\n\n

Fortunately, Version 5.9<\/a> introduced Full-Site Editing<\/a>, which brings together both new and existing features to provide centralized control of your entire site. One of the most significant changes is the addition of new site level blocks.<\/p>\n\n\n\n

In this post, we\u2019ll discuss everything you need to know about site blocks in WordPress. We\u2019ll also look at some examples and show you how to use them. Let\u2019s get started!<\/p>\n\n\n\n

An Introduction to WordPress Blocks<\/b><\/h2>\n\n\n\n

Blocks have been a fundamental aspect of WordPress since late 2018. Version 5.0 of WordPress replaced the classic editor with a new WordPress block editor called Gutenberg<\/a>.<\/p>\n\n\n\n

A block is a specific element that you can add to your site. For instance, there are blocks for images, headings, lists, paragraphs, and more. This system provides users with a simple and intuitive way to create a unique website.<\/p>\n\n\n\n

Each block comes with a set of customization options, such as alignment, color, and size. Additionally, blocks can be moved around on via a drag-and-drop editor, facilitating a simpler page-building process.<\/p>\n\n\n\n

Common WordPress Blocks<\/b><\/h3>\n\n\n\n

Gutenberg introduced blocks for various purposes. There may be some blocks that you will never touch. However, there are others you’ll probably use every time you create a post. Let\u2019s take a look at some of the most common options in the new block editor.<\/p>\n\n\n\n

The Heading Block<\/b><\/h4>\n\n\n\n

The Heading<\/i> block provides several choices for configuring and styling headings:<\/p>\n\n\n

\n
\"WordPress<\/figure><\/div>\n\n\n

This block can help you organize your content more efficiently. For instance, you can select the heading level H2 for main sections, and H3-H6 for subsections. Additionally, you can add a hyperlink to the heading.<\/p>\n\n\n\n

The Paragraph Block<\/b><\/h4>\n\n\n\n

Paragraphs are the most frequently-used block in the Gutenberg editor:<\/p>\n\n\n

\n
\"WordPress<\/figure><\/div>\n\n\n

This element enables users to write text and customize the typography. Usually, headings are used to group relevant paragraphs together and split up the page\u2019s content.<\/p>\n\n\n\n

The Image Block<\/b><\/h4>\n\n\n\n

Image blocks enable you to upload photos or artwork to your site:<\/p>\n\n\n

\n
\"WordPress<\/figure><\/div>\n\n\n

You can then use the settings to resize and crop your images. You can also add captions and alt text.<\/p>\n\n\n\n

The Video Block<\/b><\/h4>\n\n\n\n

You can also add videos to your post. There are different options for displaying videos:<\/p>\n\n\n

\n
\"WordPress<\/figure><\/div>\n\n\n

For instance, you can upload them to your site\u2019s Media Library, or embed them from YouTube and other video-sharing platforms. You can also add text tracks such as subtitles, captions, chapters, and descriptions to the block.<\/p>\n\n\n\n

The List Block<\/b><\/h4>\n\n\n\n

The List<\/i> block enables you to insert bulleted or numbered lists into your page:<\/p>\n\n\n

\n
\"WordPress<\/figure><\/div>\n\n\n

This block comes with styling options such as bold and italics, as well as more intricate rich-text controls. Additionally, you can add hyperlinks to list items.<\/p>\n\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>