{"id":5459,"date":"2026-06-29T13:20:29","date_gmt":"2026-06-29T11:20:29","guid":{"rendered":"https:\/\/peterteszary.com\/?p=5459"},"modified":"2026-06-29T13:21:14","modified_gmt":"2026-06-29T11:21:14","slug":"a-wordpress-vizualis-forradalma-a-gutenberg-szerkeszto-es-a-full-site-editing-korszaka-blogsorozat-4-resz","status":"publish","type":"post","link":"https:\/\/peterteszary.com\/en\/a-wordpress-vizualis-forradalma-a-gutenberg-szerkeszto-es-a-full-site-editing-korszaka-blogsorozat-4-resz\/","title":{"rendered":"The Visual Revolution of WordPress: The Era of Gutenberg Editor and Full Site Editing (Part 4 of the Blog Series)"},"content":{"rendered":"<h2 class=\"wp-block-heading\">The Visual Revolution of WordPress: The Era of Gutenberg Editor and Full Site Editing (Part 4 of the Blog Series)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Introduction: Milestone 2018<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">There have been several major updates in the history of WordPress, but it was released on December 6, 2018.&nbsp;<strong>WordPress 5.0<\/strong>&nbsp;(codenamed \u2018Bebo Vald\u00e9s\u2019) proved to be a real watershed. This version brought not only technical refinements, but also a fundamental change in the philosophy of content creation: gave the freedom of coding to visual creators in fulfilment of the platform\u2019s democratisation mission.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is interesting that the founders of WordPress have adhered to the tradition of tribute to jazz musicians since the beginning, so this landmark got the name of a Cuban pianist. With the \u2018Bebo Vald\u00e9s\u2019 version, WordPress finally said goodbye to restricted text fields and started the era of block-based editing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. \u2018Classic\u2019 vs. \u2018Block\u2019 approach<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before the introduction of the Gutenberg editor, website building often encountered technical obstacles. The following table explains why Gutenberg meant liberation for content managers:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Typical<\/th><th>Classic Editor (Classic Editor)<\/th><th>Gutenberg (Blokk) editor<\/th><\/tr><tr><td><strong>Surface construction<\/strong><\/td><td>Single static text field (WYSIWYG)<\/td><td>Independent, dynamically variable blocks<\/td><\/tr><tr><td><strong>Layout design<\/strong><\/td><td>Requirement of HTML code and shortcodes<\/td><td>Visual drag-and-drop construction<\/td><\/tr><tr><td><strong>Dynamic content<\/strong><\/td><td>Required complicated encoding and external plugin<\/td><td>Modular retractable, native elements<\/td><\/tr><tr><td><strong>Technical need<\/strong><\/td><td>Complex layouts required programming skills<\/td><td>Editing without real coding skills<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. \u2018Everything is a block\u2019: New elements of content building<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg's principle of operation is based on modularity: the content is no longer a single stream of text, but is made up of separate units, so-called&nbsp;<strong>blocks<\/strong>&nbsp;This approach allows each element, be it a quote or a button, to be formatted in millimetres precisely and individually. It is important to note that the number of available blocks is constantly expanding and largely depends on the active template, as well as the extensions installed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The most important types of blocks in modern content building:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text blocks:<\/strong>&nbsp;Paragraphs, headings (at H1-H4), lists and stylish quotes.<\/li>\n\n\n\n<li><strong>Media blocks:<\/strong>&nbsp;Unique images, galleries, videos and spectacular cover images combined with text.<\/li>\n\n\n\n<li><strong>Appearance and Design:<\/strong>&nbsp;CTA buttons, multi-column columns, dividing lines and spacers for a ventilated layout.<\/li>\n\n\n\n<li><strong>Widgets and Dynamic Content:<\/strong>&nbsp;Recent posts, search engine, shortcodes and special WooCommerce modules.<\/li>\n\n\n\n<li><strong>Embeds:<\/strong>&nbsp;Easily integrate external content (e.g. YouTube videos, TikTok videos, Spotify playlists) by simply copying a URL.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. The Visual Revolution: Drag-and-drop and Interactivity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg has drastically improved the user experience, as the editing process has finally become visually traceable:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Easy to move:<\/strong>&nbsp;Blocks can be immediately rearranged using the arrow keys or the \u2018take-and-take\u2019 method, so that changes to the structure do not require code transcription.<\/li>\n\n\n\n<li><strong>Real-time preview:<\/strong>&nbsp;The WYSIWYG principle applies when working on the editorial interface \u2013 we see exactly what comes before visitors after publication.<\/li>\n\n\n\n<li><strong>Personalisation:<\/strong>&nbsp;In the right sidebar, fine-tuning options such as colors, font sizes, or custom background colors are available block by block, giving each entry a unique look.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. The next step: Full Site Editing (FSE)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The development reached the following level with the 2021 and 2022 updates (WP 5.8 and 5.9): has arrived at&nbsp;<strong>Full Site Editing<\/strong>. This technology has expanded the power of blocks beyond entries. The entire structure of the website, including the header, footer and system-wide templates, can now be modified using the same visual logic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Evolution is easy to follow on default templates: while a&nbsp;<strong>Twenty Nineteen<\/strong>&nbsp;He was just a messenger of the transition.&nbsp;<strong>Twenty Twenty-Four<\/strong>&nbsp;It's a full-blown block-based template that gives you complete design freedom without coding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Security and Upgrade in the Age of Gutenberg<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">As an expert, I emphasize that in managing modern WordPress, security and technological advancement are inseparable.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Automatic updates:<\/strong>&nbsp;Since WP 5.5, templates and extensions can also be updated automatically, which is critical as vulnerabilities&nbsp;<strong>98%-from unupdated extensions<\/strong>&nbsp;It comes up.<\/li>\n\n\n\n<li><strong>Site Health:<\/strong>&nbsp;The device introduced in WP 5.1\/5.2 is not just a safety filter. In fact, this monitors whether our site meets modern infrastructure requirements (such as PHP 8.x versions), which are essential for running Gutenberg and FSE lightning fast.<\/li>\n\n\n\n<li><strong>Infrastructure:<\/strong>&nbsp;The basic condition of the visual revolution and modern performance is the up-to-date PHP environment, which must be constantly checked in the Site State interface.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">7. Outlook 2025-2026: AI and Cooperation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress roadmap (WP 6.8 and 6.9 planned for December 2025) outlines an impressive vision where the platform will become a smart assistant:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AI integration:<\/strong>&nbsp;Intelligent content generation and layout suggestions will help you design, automating repetitive tasks.<\/li>\n\n\n\n<li><strong>Real-time collaboration:<\/strong>&nbsp;Here comes the experience of working together from Google Docs, where multiple users can edit the same page at the same time, without conflict.<\/li>\n\n\n\n<li><strong>Speculative Loading:<\/strong>&nbsp;The technology that comes with version 6.8 preloads the linked pages, making navigation virtually instantaneous and wait-free for the visitor.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">8. Summary and Closing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress has remained an undisputed market leader thanks to the Gutenberg editor and constant technological innovation: Currently the&nbsp;<strong>Content Management Systems (CMS) market 72,7%dominated by<\/strong>. This dominance is not the result of chance, but of the platform's ability to make a toolkit of professional web design available to beginners and small businesses.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I encourage everyone to use the block editor with confidence. Consider it not just as a content manager, but as a creative platform that breaks down the walls between idea and implementation. Future websites are no longer based on code, but on creative visions.<\/p>\n\n\n\n<h3>Resources used<\/h3>\n<ul>\n    <li><strong>Wikipedia:<\/strong> <a href=\"https:\/\/hu.wikipedia.org\/w\/index.php?title=WordPress&amp;oldid=28331573\" target=\"_blank\" rel=\"noopener noreferrer\">History and versions of WordPress<\/a><\/li>\n    <li><strong>Darren Stuart:<\/strong> <a href=\"https:\/\/stuartmedia.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Brief History of WordPress<\/a><\/li>\n    <li><strong>Mike Little:<\/strong> <a href=\"https:\/\/mikelittle.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-12 years since the beginning<\/a><\/li>\n    <li><strong>WordPress.org English:<\/strong> <a href=\"https:\/\/hu.wordpress.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">About us \u2013 Democratising publishing<\/a><\/li>\n    <li><strong>NetMasters:<\/strong> <a href=\"https:\/\/netmasters.hu\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress in 2024: Are you still trustworthy or are you out of time?<\/a><\/li>\n    <li><strong>Outsourced Marketing:<\/strong> <a href=\"https:\/\/kiszervezettmarketing.hu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Using the Gutenberg Editor on WordPress Sites<\/a><\/li>\n    <li><strong>WPBeginner:<\/strong> <a href=\"https:\/\/www.wpbeginner.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The History of WordPress from 2003 \u2013 2026<\/a><\/li>\n    <li><strong>Horizon Web Studio:<\/strong> <a href=\"https:\/\/horizonwebstudio.hu\" target=\"_blank\" rel=\"noopener noreferrer\">25 Interesting Facts about WordPress<\/a><\/li>\n    <li><strong>WebDevCenter:<\/strong> <a href=\"https:\/\/webdevcenter.hu\" target=\"_blank\" rel=\"noopener noreferrer\">About WordPress Updates in Detail<\/a><\/li>\n    <li><strong>Meta Creative:<\/strong> <a href=\"https:\/\/metacreative.com.au\/\" target=\"_blank\" rel=\"noopener noreferrer\">The History of WordPress<\/a><\/li>\n    <li><strong>Own resource:<\/strong> WP Foundation Draft 01<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>There have been a number of significant updates in the history of WordPress, but WordPress 5.0 (codenamed \u2018Bebo Vald\u00e9s\u2019), which was released on 6 December 2018, has proven to be a true watershed. <\/p>","protected":false},"author":1,"featured_media":4034,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"A WordPress vizu\u00e1lis forradalma: A Gutenberg szerkeszt\u0151 \u00e9s a Full Site Editing korszaka (Blogsorozat 4. r\u00e9sz) - peterteszary.com","description":"A WordPress t\u00f6rt\u00e9net\u00e9ben sz\u00e1mos jelent\u0151s friss\u00edt\u00e9st jegyezhett\u00fcnk fel, de a 2018. december 6-\u00e1n megjelent\u00a0WordPress 5.0\u00a0(k\u00f3dnev\u00e9n \u201eBebo Vald\u00e9s\u201d) val\u00f3di v\u00edzv\u00e1laszt\u00f3nak bizonyult."},"footnotes":""},"categories":[10],"tags":[393,582,14],"class_list":["post-5459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-wpszakerto","tag-a-wordpress-tortenete","tag-wordpress"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/posts\/5459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/comments?post=5459"}],"version-history":[{"count":2,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/posts\/5459\/revisions"}],"predecessor-version":[{"id":5461,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/posts\/5459\/revisions\/5461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/media\/4034"}],"wp:attachment":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/media?parent=5459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/categories?post=5459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/tags?post=5459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}