{"id":36437,"date":"2023-07-31T13:26:33","date_gmt":"2023-07-31T10:26:33","guid":{"rendered":"https:\/\/vipestudio.com\/?p=36437"},"modified":"2023-07-31T13:26:33","modified_gmt":"2023-07-31T10:26:33","slug":"wordpress-and-the-gutenberg-project-the-4-phases-of-the-project-s-development","status":"publish","type":"post","link":"https:\/\/vipestudio.com\/en\/wordpress-and-the-gutenberg-project-the-4-phases-of-the-project-s-development\/","title":{"rendered":"WordPress and the Gutenberg Project: The 4 Phases of the Project\u2019s Development"},"content":{"rendered":"<p style=\"text-align: left;\">Hey, all! How\u2019s the summer going? Our <a href=\"https:\/\/vipestudio.com\/en\/wp-development\/\" target=\"_blank\" rel=\"noopener\">Enterprise WordPress Agency for Development<\/a> is just tuning in, checking how everybody is doing. And since it\u2019s summer, we can\u2019t help but remind you that <strong>August 8th is approaching<\/strong> &#8211; a date of incredible importance for WordPress, its worldwide community and the <strong>Gutenberg Project<\/strong>.<\/p>\n<p style=\"text-align: left;\">In case you\u2019ve missed the big news, we\u2019ve got you covered: On August 8th the entire WordPress community is anticipating the <strong>launch of the CMS\u2019s second major release this year<\/strong> &#8211; <a href=\"https:\/\/make.wordpress.org\/core\/6-3\/\" target=\"_blank\" rel=\"nofollow noopener\">WordPress 6.3<\/a> is peaking around the corner and we bet it has a lot to offer in terms of improvements, fixes and updates.<\/p>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"size-medium wp-image-32703 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-300x300.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-1024x1024.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-150x150.png 150w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-768x768.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-1536x1536.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-2048x2048.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-410x410.png 410w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-381x381.png 381w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-174x174.png 174w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/20943682-ai-75x75.png 75w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p style=\"text-align: left;\">Of course, as tradition has it, our team is preparing a full in-depth article that will tell you all about what\u2019s new in the 6.3 release &#8211; until then, if you want to track WordPress\u2019s progress so far, you can stop by and read our <a href=\"https:\/\/vipestudio.com\/en\/wordpress-6-2-dolphy-release-is-here-let-s-check-what-s-new\/\" target=\"_blank\" rel=\"noopener\">6.2<\/a> and <a href=\"https:\/\/vipestudio.com\/en\/wordpress-6-1-misha\/\" target=\"_blank\" rel=\"noopener\">6.1<\/a> entries. Yes, it\u2019s indeed a top-notch warm-up experience!<\/p>\n<p style=\"text-align: left;\">Today\u2019s article, however, revolves around the main character, at least in the last several WordPress released updates &#8211; the <strong>Gutenberg Project<\/strong> is certainly the centerpiece as it\u2019s making its way through its initial <strong>4-phase plan<\/strong>. And since WordPress 6.3 has a lot to offer in terms of Gutenberg upgrades and improvements, our Enterprise WordPress Agency for Development decided it\u2019s time we tell you all about Gutenberg\u2019s history.<\/p>\n<p style=\"text-align: left;\">So buckle up and let\u2019s dive into Project Gutenberg\u2019s journey so far!<\/p>\n<h2 style=\"text-align: left;\">An Editing Experience Like Never Before<\/h2>\n<p style=\"text-align: left;\">Everyone who is familiar with and loves WordPress knows the story of its origin &#8211; initiated as a blogging platform, nowadays the CMS powers <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\" target=\"_blank\" rel=\"nofollow noopener\">over 40% of the world\u2019s websites<\/a>. And even though it managed to surpass its initial purpose, it\u2019s no wonder that its essence is still heavily intertwined with the art of creating and editing.<\/p>\n<p style=\"text-align: left;\">At first, users welcomed the WordPress classic editor &#8211; a neat and seamless blogging solution that missed, however, a smooth transient approach and intuitive editing experience.<\/p>\n<h3>Welcome, Gutenberg!<\/h3>\n<p style=\"text-align: left;\">Then WordPress took a step further &#8211; the <strong>Gutenberg editor was first released in 2018 and introduced to the world in WordPress 5.0<\/strong>. It quickly became known as the block editor &#8211; each piece of blog content was a block that you could edit and modify the way you want. It gained popularity quite quickly as it offered a more intuitive approach to the way content was constructed and edited.<\/p>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"aligncenter wp-image-32673 size-medium\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-300x200.png\" alt=\"Gutenberg\" width=\"300\" height=\"200\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-300x200.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-1024x683.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-768x512.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-1536x1024.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-2048x1365.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-615x410.png 615w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-572x381.png 572w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_3-ai-261x174.png 261w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p style=\"text-align: left;\">This transition wasn\u2019t surprising at all &#8211; one of WordPress\u2019s goals is to provide an elevated level of website usage and content distribution where \u201cwhat you see is what you get\u201d.<\/p>\n<p style=\"text-align: left;\">Essentially, that\u2019s what Gutenberg represented &#8211; its <strong>infamous drag-and-drop feature<\/strong> truly was a game-changer when it came to how users constructed and edited content and the intuitive approach made content management more dynamic and authentic than ever!<\/p>\n<p style=\"text-align: left;\">But WordPress\u2019s plan doesn\u2019t stop there: The ultimate goal is to turn Gutenberg into a handy tool that has the potential to forever change the way users (even those who lack any technological background whatsoever) <strong>approach and maintain their websites<\/strong>. The end goal was to reach a level of full website editing experience, not only blog posts and written content.<\/p>\n<p style=\"text-align: left;\">The WordPress team knew that, in order to achieve this much-anticipated game-changing goal, a plan that lays the fundamentals is needed. <strong>Gutenberg had to undergo an extensive development cycle<\/strong> and the WordPress developers decided to gradually improve its functionalities by the power of regular updates. And that\u2019s how we ended up with the <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>4 phases of the Gutenberg Project<\/strong><\/a>.<\/p>\n<h2 style=\"text-align: left;\">Discovering the 4 Phases of the Gutenberg Project<\/h2>\n<p style=\"text-align: left;\">WordPress is the world\u2019s most popular content management system &#8211; starting out as a blogging platform, the CMS quickly reinvented its whole purpose &#8211;<strong> reevaluating full website editing and how content is being constructed and distributed<\/strong>.<\/p>\n<p style=\"text-align: left;\">Even its name has a lot to disclose when it comes to its long-term goal: The WordPress block editor is named after <strong>Johannes Gutenberg<\/strong> &#8211; the man who invented the printing press and forever changed the way people gain access to and distribute content around the world. Our Enterprise WordPress Agency for Development can\u2019t think of a better name that fully encompasses what the editor experience is all about!<\/p>\n<p style=\"text-align: left;\">And since going from a block content editor to a full website editing experience is a long way, the Gutenberg development team came up with 4 phases that intuitively followed the editor\u2019s progress. From WordPress 5.0 to this day, <strong>each official release offered a plethora of improvements and upgrades<\/strong> whose initial plan was to move the project further in its 4-step development journey.<\/p>\n<p style=\"text-align: left;\">Here\u2019s a quick overview:<\/p>\n<h3 style=\"text-align: left;\">Phase 1 &#8211; Easier Editing<\/h3>\n<p style=\"text-align: left;\">WordPress\u2019s forte, right from the get-go, was the <strong>seamless, easy and intuitive content creation. <\/strong>So it\u2019s no wonder that the very first phase of the project\u2019s development delved around the topic of easier editing.<\/p>\n<p style=\"text-align: left;\">Luckily, this feature was introduced in WordPress 5.0 back in 2018 when the Gutenberg editor was first launched. It offered plenty of improvements in contrast with the classic WordPress editor and made it possible for users to get their hands on the infamous drag-and-drop feature that changed the way we wrote and edited content and pages.<\/p>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"size-medium wp-image-32671 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-300x200.png\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-300x200.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-1024x683.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-768x512.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-1536x1024.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-2048x1365.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-615x410.png 615w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-572x381.png 572w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/site_design_2-ai-261x174.png 261w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p style=\"text-align: left;\"><strong>Each piece of content being a separate block<\/strong> gave users the freedom to tackle intuitive editing and content creation and add plenty of segments and integrations without the need for excessive coding and tech knowledge.<\/p>\n<h3 style=\"text-align: left;\">Phase 2 &#8211; Customization and Gutenberg<\/h3>\n<p style=\"text-align: left;\">As WordPress\u2019s development team has put it, phase 2 of the Gutenberg Project Roadmap focused on delivering <strong>outstanding customization features<\/strong> that go way beyond blogs and articles. It mainly had the goal to deliver:<\/p>\n<ul style=\"text-align: left;\">\n<li><strong>Full site editing<\/strong> &#8211; Gutenberg blocks were destined to surpass their original purpose as integrative elements of the blogging experience and make their way to the overall website as well;<\/li>\n<li><strong>Block patterns<\/strong> &#8211; predefined layouts made out of Gutenberg blocks which preserved their easy-editing nature;<\/li>\n<li><strong>Block directory<\/strong> &#8211; enabling easier and faster testing of block-based extensions and plugins for an elevated website experience;<\/li>\n<li><strong>Block themes<\/strong> &#8211; a collection of blocks that powers the way your website looks, feels and behaves when interacted with;<\/li>\n<\/ul>\n<p style=\"text-align: left;\">The second phase promises even more elevated user freedom as users will benefit from more intuitive and easier editing and website maintenance without much coding and precise tech engineering.<\/p>\n<h3 style=\"text-align: left;\">Phase 3 &#8211; Collaboration<\/h3>\n<p style=\"text-align: left;\">If there\u2019s anything that gives the feeling of top-notch professional editing experience, it\u2019s <strong>co-author editing<\/strong>. Our Enterprise WordPress Agency for Development bets you are familiar with the way multiple users can edit and participate in the creation of a single Google Docs document. Now, imagine the same being introduced to the WordPress editing experience.<\/p>\n<p style=\"text-align: left;\"><strong>Multiple authors&#8217; collaboration<\/strong> is yet another step further to ensuring dazzling web development and user experience.<\/p>\n<h3 style=\"text-align: left;\">Phase 4 &#8211; Multilingual<\/h3>\n<p style=\"text-align: left;\">The multilingual feature is incredibly important when it comes to scalability and enterprise growth. The fourth stage of the project\u2019s development tackles a crucial aspect of web development.<\/p>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"size-medium wp-image-32665 aligncenter\" src=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-300x242.png\" alt=\"\" width=\"300\" height=\"242\" srcset=\"https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-300x242.png 300w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-1024x828.png 1024w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-768x621.png 768w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-1536x1241.png 1536w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-2048x1655.png 2048w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-507x410.png 507w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-471x381.png 471w, https:\/\/vipestudio.com\/wp-content\/uploads\/2022\/12\/cameraman_online_4-ai-215x174.png 215w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p style=\"text-align: left;\"><strong>Core implementations to WordPress\u2019s and Gutenberg\u2019s cores<\/strong> are destined to forever change the way users maintain and develop their multilingual platforms. This promises <strong>official translation support<\/strong> for websites and has the potential to diminish the translating plugins\u2019 usage. As we all well know, sometimes plugins have the potential to slow down a website due to their excessive coding. The last thing a high-traffic website needs is speed and performance issues.<\/p>\n<h2 style=\"text-align: left;\">Gutenberg Is Definitely Here to Stay &#8211; Trust Vipe Studio to Experience the Editor\u2019s Multitude of Possibilities<\/h2>\n<p style=\"text-align: left;\">Have you checked out our Custom Gutenberg Blocks services? Our team is fully embracing the editor\u2019s plethora of possibilities and benefits and is eager to help you get the most out of your website\u2019s editing experience!<\/p>\n<p style=\"text-align: left;\">Don\u2019t hesitate to reach out and talk to us &#8211; our experts will evaluate your needs and offer the best solutions in terms of custom WordPress development. We\u2019re waiting!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, all! How\u2019s the summer going? Our Enterprise WordPress Agency [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":36441,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[113],"tags":[1732,2717,141,2718,2711],"class_list":["post-36437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-wordpress-development","tag-block-editor","tag-full-website-editing","tag-gutenberg-en","tag-gutenberg-project","tag-multilingual-wordpress"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/36437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/comments?post=36437"}],"version-history":[{"count":2,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/36437\/revisions"}],"predecessor-version":[{"id":36443,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/posts\/36437\/revisions\/36443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media\/36441"}],"wp:attachment":[{"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/media?parent=36437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/categories?post=36437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vipestudio.com\/en\/wp-json\/wp\/v2\/tags?post=36437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}