WhatsApp
What Is Gutenberg?
Gutenberg is the WordPress default editor, replacing the old classic editor. It allows users to create and create content using discrete text, images, video and other web content through a drag-and-drop interface, providing easy development and creation capacity.
Using Gutenberg – The WordPress Block Editor
The block editor is designed to be intuitive and flexible. Although it looks different from the old WordPress editor, it can still do everything you can do in the classic editor.
Let's start by covering the basic operations you do in the classic editor and how they are done in the block editor.
Creating a New Blog Post or Page Using The Block Editor
You will start creating a new blog post or page like you normally would. Simply click on the Posts Add New Post menu in your WordPress admin. If you are creating a page, then go to the Pages Add New menu instead.
How to Add a Block in the Block Editor
The first block of every post or page is the title.You can use the mouse to move below the title or press the Tab key on your keyboard to move the cursor down and start writing.
By default, the next block is a Paragraph block. This allows users to start writing right away.
However, if you want to add something different, then you can click on the add new block button [+] in the top left corner of the editor, below an existing block, or to the right side of a block.
Clicking on the button will show the add block menu with a search bar on top and commonly used blocks below.
You can click the tabs to browse through groups of blocks or enter keywords to quickly find a specific block.
Now let's take a look at the most popular preset Gutenberg blocks one by one and see what they do.
Paragraph block. It lets you add plain text to WordPress pages and posts.
Heading block. It allows you to add headings to chunks of text, in order to better structure information on a page.
List block. Use this block when you want to better structure and group information.
Buttons block. Use this block to add call to action buttons to your WordPress pages and posts.
Code block. Use this block when you want to distinguish between regular text and code when writing technical articles.
Table block. It lets you add a basic table to a page or article. For advanced WordPress tables, you still need to use a WordPress plugin such as wpDataTables.
Image block. Use this to add images to your web page.
Audio block. Use this when you want to add audio to a web page.
Gallery block. This block lets your group images inside a gallery.
Cover block. This allows you to add an image or video with a text overlay. You can use it for headers.
File block. This block lets you add a link to a downloadable file. This is useful when you offer resources to your website visitors, as in ebooks and other downloadable files.
Video block. Use this block when you want to add a video file to a page or post. You can upload a locally hosted file, pick one from your media library, or add one with a URL.
Embed block. When you use this block you can embed videos, images, tweets, audio, and other external content into your WordPress site, from platforms such as Twitter, Tumblr, and more.
Columns block. Use this to add new content sections to a page. You can choose between 6 types of sections with various column numbers.
You can add blocks to each column.
Group block. A group block can house other blocks together inside one container.
Row block. This allows you to add a new row to which you can add a block.
Shortcode block. This block allows you to add tiny bits of code to your WordPress posts and pages easily. This means that the block editor is fully compatible with plugins that provide a shortcode. For example, certain gallery and table plugins allow you to create a fancy gallery or table in the plugin itself. Next, each table or gallery will get assigned a shortcode that you just need to paste afterward inside a page or post. This way you work really clean and don’t need to always look for that gallery on multiple pages to make changes to it. You just make one change, that will be reflected across all the pages that have the gallery shortcode.
Search block. This block allows you to add a search bar to a page, or a blog post, in order to improve website navigation.
Conclusion:
Gutenberg, the new post editor for WordPress, changes the way the we publish content on our websites. One of the main advantages is the simple ones on the top of the page and the capability to include a vast number of blocks in a website and their customization. From experienced web developers to enthusiast newbies to development, gutenberg makes it incredibly easy to do what you envision.
Reducing the weight and size of the images and making the visuals clear and concise makes the site engaging and easy to use, with the help of different blocks. Combined with basic text and images, as well as enriched with multimedia elements and creating rich layouts, Gutenberg guarantees the creation of a unique website that will be interesting not only in terms of its design but also in terms of the offered user experience.
Thus, go through Gutenberg, discover its capabilities, and start crafting incredible posts now. With the help of each block, your WordPress site will be becoming even more attractive and engaging – enhancing the site to the next level.
