{"id":475,"date":"2025-12-18T08:01:13","date_gmt":"2025-12-18T07:01:13","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=475"},"modified":"2025-12-18T08:01:14","modified_gmt":"2025-12-18T07:01:14","slug":"how-does-the-block-editor-work-in-wordpress","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-does-the-block-editor-work-in-wordpress\/","title":{"rendered":"How does the block editor work in WordPress?"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\"><em><strong>WordPress<\/strong> <\/em>is a popular content management system (CMS) that powers more than 40% of the internet. It is known for its flexibility, ease of use, and customizability of the website with plugins and themes. In 2018, <em><strong>WordPress<\/strong> <\/em>introduced a new <em><strong>Gutenberg<\/strong><\/em> editor, also known as a block editor, which replaced the classic editor. In this blog post, we&#8217;ll dive into what the Gutenberg editor is and how it works.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-does-the-block-editor-work-in-wordpress\/#What_is_the_Gutenberg_editor\" >What is the Gutenberg editor?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-does-the-block-editor-work-in-wordpress\/#How_does_the_Gutenberg_editor_work\" >How does the Gutenberg editor work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-does-the-block-editor-work-in-wordpress\/#Advantages_of_using_the_Gutenberg_editor\" >Advantages of using the Gutenberg editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-does-the-block-editor-work-in-wordpress\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_the_Gutenberg_editor\"><\/span>What is the Gutenberg editor?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg Editor is a new content editor for <em><strong>WordPress<\/strong><\/em> that uses blocks to create rich and engaging content. These blocks can be anything from text, images, videos, and other types of content that can be added to a page or post. The idea behind Gutenberg is to make it easier for users to create and publish content in WordPress, even if they don&#8217;t have any coding experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_does_the_Gutenberg_editor_work\"><\/span>How does the Gutenberg editor work?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-1746557052\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Early access<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Still need help?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contact our customer service team.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Message us<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Gutenberg uses a simple drag-and-drop interface that allows users to add blocks to their content. Users can add a new block by clicking on the &#8220;+&#8221; sign or typing &#8220;\/&#8221;. Blocks can be easily moved up and down the page, making it easy to reorganize your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are many different types of blocks available in the Gutenberg editor, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Paragraph blocks: for adding text content<\/li>\n\n\n\n<li>Image blocks: for adding images to a page or post<\/li>\n\n\n\n<li>Video blocks: for embedding videos<\/li>\n\n\n\n<li>Gallery blocks: for creating image galleries<\/li>\n\n\n\n<li>Citation blocks: for adding citations to your content<\/li>\n\n\n\n<li>Embed blocks: for embedding content from other websites, such as social media posts or YouTube videos<\/li>\n\n\n\n<li>Users can also customize the blocks using the block settings menu, which allows for more advanced customization, such as changing the font size and color.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advantages_of_using_the_Gutenberg_editor\"><\/span>Advantages of using the Gutenberg editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em><strong>The Gutenberg<\/strong> <\/em>editor offers several benefits for users, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Improved user experience: The drag-and-drop interface makes it easy for users to add and move content on the page.<\/li>\n\n\n\n<li>Better flexibility: The block system makes it easier for users to create more complex layouts and designs, without having to resort to coding.<\/li>\n\n\n\n<li>Greater creative control: Users can customize each block, allowing for more creative freedom when creating content.<\/li>\n\n\n\n<li>Improved efficiency: Users can create content faster and more efficiently with the new editor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <em><strong>Gutenberg<\/strong> <\/em>editor in WordPress is a powerful tool that can help users create engaging and dynamic content for their website. It offers a range of benefits, including an improved user experience, greater flexibility, greater creative control, and increased efficiency. Whether you&#8217;re a blogger, small business owner, or web designer, Gutenberg Editor can help you create stunning and engaging content for your website.<\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[25,58],"manual_kb_tag":[190,842,843,845,849,3100,3101,3102,3103,3104],"class_list":["post-475","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-web-applications-cms","manual_kb_tag-wordpress","manual_kb_tag-gutenberg-editor","manual_kb_tag-block-editor","manual_kb_tag-gutenberg-blocks","manual_kb_tag-visual-editor","manual_kb_tag-wordpress-gutenberg","manual_kb_tag-wordpress-block-editor","manual_kb_tag-wordpress-blocks","manual_kb_tag-drag-and-drop-editor","manual_kb_tag-block-based-editor"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/475\/revisions"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=475"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}