{"id":8840,"date":"2026-05-29T17:17:37","date_gmt":"2026-05-29T15:17:37","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=8840"},"modified":"2026-06-09T10:48:53","modified_gmt":"2026-06-09T08:48:53","slug":"what-is-gutenberg-the-architecture-of-the-wordpress-block-editor","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/","title":{"rendered":"What Is Gutenberg?"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Gutenberg is the default content editor included with WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Introduced in WordPress 5.0, Gutenberg uses a block-based editing system that allows users to create and arrange content visually without editing HTML directly.<\/p>\n\n\n\n<\/div>\n\n<div id=\"mybox-528012568\" 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\">It is used to create pages, posts, and other content within WordPress websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/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\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#How_Gutenberg_Works\" >How Gutenberg Works<\/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\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Common_Gutenberg_Blocks\" >Common Gutenberg Blocks<\/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\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Gutenberg_vs_Classic_Editor\" >Gutenberg vs. Classic 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\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Benefits_of_Gutenberg\" >Benefits of Gutenberg<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Visual_Content_Creation\" >Visual Content Creation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Flexible_Layouts\" >Flexible Layouts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Extensibility\" >Extensibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Integration_with_WordPress\" >Integration with WordPress<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Practical_Implications\" >Practical Implications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/what-is-gutenberg-the-architecture-of-the-wordpress-block-editor\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Gutenberg_Works\"><\/span>How Gutenberg Works<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg organizes content into individual blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each block represents a specific type of content, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Paragraphs<\/li>\n\n\n\n<li>Headings<\/li>\n\n\n\n<li>Images<\/li>\n\n\n\n<li>Videos<\/li>\n\n\n\n<li>Buttons<\/li>\n\n\n\n<li>Lists<\/li>\n\n\n\n<li>Galleries<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Blocks can be added, moved, removed, and customized independently, allowing users to build page layouts visually.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Common_Gutenberg_Blocks\"><\/span>Common Gutenberg Blocks<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress includes a range of built-in blocks for common content types.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples include:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Block Type<\/th><th>Purpose<\/th><\/tr><\/thead><tbody><tr><td>Paragraph<\/td><td>Text content<\/td><\/tr><tr><td>Heading<\/td><td>Section titles<\/td><\/tr><tr><td>Image<\/td><td>Images and graphics<\/td><\/tr><tr><td>List<\/td><td>Ordered and unordered lists<\/td><\/tr><tr><td>Button<\/td><td>Call-to-action buttons<\/td><\/tr><tr><td>Gallery<\/td><td>Multiple images<\/td><\/tr><tr><td>Video<\/td><td>Embedded video content<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Additional blocks can also be added through plugins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gutenberg_vs_Classic_Editor\"><\/span>Gutenberg vs. Classic Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gutenberg \u2260 Classic Editor<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before Gutenberg, WordPress used the Classic Editor, which provided a single text editing area similar to a word processor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg uses a block-based approach that allows content and layouts to be managed visually.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Gutenberg<\/th><th>Classic Editor<\/th><\/tr><\/thead><tbody><tr><td>Block-based editing<\/td><td>Single editing area<\/td><\/tr><tr><td>Visual page building<\/td><td>Traditional text editor<\/td><\/tr><tr><td>Flexible content layouts<\/td><td>Limited layout control<\/td><\/tr><tr><td>Built into modern WordPress versions<\/td><td>Available as an optional plugin<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Benefits_of_Gutenberg\"><\/span>Benefits of Gutenberg<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Visual_Content_Creation\"><\/span>Visual Content Creation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Content can be organized and rearranged without editing code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Flexible_Layouts\"><\/span>Flexible Layouts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Blocks make it easier to create more complex page structures.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Extensibility\"><\/span>Extensibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Plugins can add additional blocks and functionality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Integration_with_WordPress\"><\/span>Integration with WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg is included in WordPress and works with many themes and plugins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Practical_Implications\"><\/span>Practical Implications<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For most WordPress users, Gutenberg is the standard editing experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Website owners can create pages and posts without requiring knowledge of HTML, CSS, or PHP. However, advanced customization may still require additional development work, plugins, or theme-specific features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some older themes and plugins may have limited compatibility with certain Gutenberg features, although modern WordPress products are generally designed to support the editor.<\/p>\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\">Gutenberg is the default block editor for WordPress. By organizing content into reusable blocks, it allows users to create and manage pages and posts through a visual editing interface without relying on direct code editing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It has become the standard content editing experience for modern WordPress websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[58],"manual_kb_tag":[6539,6540,6541,190,841,843,844,845,849,3104],"class_list":["post-8840","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-web-applications-cms","manual_kb_tag-reusable-blocks","manual_kb_tag-content-blocks","manual_kb_tag-page-layouts","manual_kb_tag-wordpress","manual_kb_tag-gutenberg","manual_kb_tag-block-editor","manual_kb_tag-block-based-editing","manual_kb_tag-gutenberg-blocks","manual_kb_tag-visual-editor","manual_kb_tag-block-based-editor"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/8840","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":2,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/8840\/revisions"}],"predecessor-version":[{"id":8841,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/8840\/revisions\/8841"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=8840"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=8840"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=8840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}