{"id":12813,"date":"2019-09-04T16:08:15","date_gmt":"2019-09-04T21:08:15","guid":{"rendered":"https:\/\/www.mediavine.com\/?p=12813"},"modified":"2025-10-30T12:16:17","modified_gmt":"2025-10-30T17:16:17","slug":"wordpress-gutenberg-tutorial","status":"publish","type":"post","link":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/","title":{"rendered":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered"},"content":{"rendered":"\r\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\r\n<article class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">\r\n<section class=\"wp-block-group alignfull is-style-beige has-global-padding is-layout-constrained wp-container-core-group-is-layout-772205c6 wp-block-group-is-layout-constrained is-style-beige--1\" style=\"padding-top:var(--wp--preset--spacing--50)\">\r\n<header class=\"wp-block-group c-breadcrumbs aligngrid has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-61973aa6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\r\n<header class=\"wp-block-group aligngrid is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-d68226ec wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--30)\">\r\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-bottom:5px\"><img decoding=\"async\" src=\"https:\/\/mediavine-dev.d1.moderntribe.qa\/wp-content\/uploads\/2025\/10\/chevron-left2.svg\" alt=\"\" class=\"wp-image-542\" style=\"aspect-ratio:9\/16;object-fit:contain;width:auto;height:20px\"\/><\/figure>\r\n\r\n\r\n\r\n<p class=\"is-style-small is-style-small--2\"><a href=\"\/blog\/\">Back to Blog<\/a><\/p>\r\n<\/header>\r\n\r\n\r\n\r\n<hr class=\"wp-block-separator has-alpha-channel-opacity aligngrid\" style=\"margin-top:0;margin-bottom:0\"\/>\r\n<\/header>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group alignfull is-style-default has-neutral-20-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60)\"><div class=\"aligncenter aligncenter wp-block-tribe-terms\"><ul class=\"wp-block-tribe-terms__list\"><li class=\"wp-block-tribe-terms__term\"><span class=\"wp-block-tribe-terms__link t-category\">General Blogging<\/span><\/li><\/ul><\/div>\r\n\r\n<h1 style=\"margin-top:var(--wp--preset--spacing--10);\" class=\"has-text-align-center wp-block-post-title\">WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered<\/h1>\r\n\r\n\r\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-9b38c6d9 wp-block-group-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:0;padding-bottom:0\"><div style=\"margin-bottom:0;margin-top:0;margin-left:0;margin-right:0;\" class=\"has-text-align-center wp-block-post-author-name\">The Mediavine Team<\/div>\r\n\r\n\r\n<p>\u2022<\/p>\r\n\r\n\r\n<div style=\"padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;\" class=\"has-text-align-center wp-block-post-date has-10-font-size\"><time datetime=\"2019-09-04T16:08:15-05:00\">September 4, 2019<\/time><\/div><\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\"><em>Update: The Create WordPress plugin has been acquired by one of its original engineers, John-Michael (JM) L\u2019Allier. Now independently managed, Create remains in active development and continues to serve publishers under JM\u2019s leadership. If you have any questions, please visit\u00a0<a href=\"https:\/\/create.studio\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/create.studio<\/a>\u00a0or email support@create.studio.<\/em>\n\nHi friends! I&#8217;m Ethan, one of the engineers here at Mediavine.\n\nI work on WordPress products like <a href=\"https:\/\/wordpress.org\/plugins\/mediavine-create\/\" target=\"_blank\" rel=\"noopener noreferrer\">Create<\/a>, which means that whenever our Brand team gets questions about WordPress, I&#8217;m one of the people they ask for help. Some of the most common WordPress-related questions we get are about Gutenberg.<!--more-->\n\n<em>&#8220;Should I use it?&#8221;<\/em>\n<em>&#8220;Is it user-friendly?&#8221;<\/em>\n<em>&#8220;Is it good for SEO or site speed?&#8221;<\/em>\n<em>&#8220;Will it cause my blog to combust into a catastrophic inferno the likes of which have never been seen, turning the skies black and the rivers crimson, wiping out nearby towns and several months&#8217; worth of draft posts?&#8221; <\/em>\n\nMost of these are real questions we receive.\n\nThankfully, only the last question gets a &#8220;no.&#8221; In my opinion, Gutenberg is pretty righteous.\n\nHere is a basic WordPress Gutenberg tutorial and some other questions we often get asked:\n\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-mv_create_no_ratio wp-image-12855\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Mediavine-Pins-with-Photos-2-735x1102.jpg\" alt=\"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.\" width=\"735\" height=\"1102\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Mediavine-Pins-with-Photos-2.jpg 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Mediavine-Pins-with-Photos-2-200x300.jpg 200w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Mediavine-Pins-with-Photos-2-307x460.jpg 307w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/>\n<h3><b>What is the difference between Gutenberg and the Classic Editor?<\/b><\/h3>\n<span style=\"font-weight: 400;\">Gutenberg is a reinvention of the editing experience within WordPress. The Classic Editor, or TinyMCE, has been around for years.<\/span>\n\n<span style=\"font-weight: 400;\">Classic Editor stores all of your content as a giant blob of text. Text can be formatted, similar to text editors like Word or Google Docs. You can include links, headings or anything you would typically be able to add in those programs.<\/span><span style=\"font-weight: 400;\">\n<\/span>\n\n<span style=\"font-weight: 400;\">Gutenberg, on the other hand, stores your content as blocks. Blocks provide much deeper formatting options. They can be simple content like headings or images, or layout features like columns, or even entire subsections within a post, like Create recipes.<\/span>\n\n<span style=\"font-weight: 400;\">Instead of a single toolbar used to format all your content, you\u2019ll have a toolbar to add new blocks. Each block then has its own controls which are specific for that block.\u00a0<\/span>\n\n<figure id=\"attachment_12814\" aria-describedby=\"caption-attachment-12814\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12814 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks-735x332.png\" alt=\"A screen capture of the Create tool bar.\" width=\"735\" height=\"332\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks-735x332.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks-441x199.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks-768x347.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks-1018x460.png 1018w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Toolbar-to-add-new-blocks.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12814\" class=\"wp-caption-text\">Example of adding a block \u2014 the teal ones are from Create. Our brand is strong.<\/figcaption><\/figure>\n<h3><b>I\u2019m a nerd. How exactly does Gutenberg work?<\/b><\/h3>\n<span style=\"font-weight: 400;\">First dear reader, feel free to skip to the next section if you\u2019re not interested. This is what happens when Marketing asks engineers to write blog posts!<\/span>\n\n<span style=\"font-weight: 400;\">Content from Gutenberg is stored in the exact same place in the database as content from TinyMCE \u2014 within the \u201cpost_content\u201d column in the \u201cwp_posts\u201d table. The difference is that Gutenberg includes HTML comments around each block indicating the block type and any attributes for that block.\u00a0<\/span>\n\n<span style=\"font-weight: 400;\">Depending on the block, content is either stored as HTML or as a set of attributes that the front-end of the site can render pretty much exactly how shortcodes work. This means that whole post content is still stored as a single HTML string, just with some extra \u201cannotations\u201d for content.<\/span>\n\n<figure id=\"attachment_12815\" aria-describedby=\"caption-attachment-12815\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12815 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments-735x704.png\" alt=\"A screen capture of the code representing how Gutenberg content is stored.\" width=\"735\" height=\"704\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments-735x704.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments-313x300.png 313w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments-768x736.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments-480x460.png 480w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/HTML-comments.png 1282w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12815\" class=\"wp-caption-text\">Data representation of how Gutenberg content is stored.<\/figcaption><\/figure>\n<h3><b>Why do developers like Gutenberg so much?<\/b><\/h3>\n<span style=\"font-weight: 400;\">Well to qualify this, not all developers like Gutenberg. This answer is anecdotal based on my personal experience developing plugins for both Gutenberg and Create.<\/span>\n\n<span style=\"font-weight: 400;\">The main reason is that the Classic Editor is really, really, really hard to develop for, and Gutenberg is relatively less hard \u2014 chop off two or three \u201creallys\u201d. This is for a few reasons:<\/span>\n\n<span style=\"font-weight: 400;\">First, if you\u2019re a plugin author <\/span><i><span style=\"font-weight: 400;\">any<\/span><\/i><span style=\"font-weight: 400;\"> other plugin could potentially break yours. The Classic Editor is essentially a giant sandbox where all your plugins coexist. If one plugin has an accident in the sandbox, so to say, it affects all other plugins. Gutenberg, however, allows for each block to be its own sandbox \u2014 if one block breaks, it doesn\u2019t affect any others.<\/span>\n\n<span style=\"font-weight: 400;\">Second, while it\u2019s not impossible to add interactive features to TinyMCE \u2014 and many plugins do \u2014 it was never really designed to do so. Without turning this blog post into a self-therapy session, the process of building these features is a little rough. <\/span>\n\n<span style=\"font-weight: 400;\">Gutenberg, on the other hand, was designed with interactive blocks in mind. It\u2019s easier to build things, which means that plugins built for Gutenberg tend to have richer feature sets. Happy cows make better milk and happy devs make better plugins.<\/span>\n<h3><b>Why do users like Gutenberg so much?<\/b><\/h3>\n<span style=\"font-weight: 400;\">For sites (or posts) that have rich content, embeds, or complex layouts, Gutenberg feels like it was sent from on high. You can build much more flexible content than in TinyMCE, since Gutenberg was explicitly designed to do so. <\/span>\n\n<span style=\"font-weight: 400;\">Remember that <\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/TinyMCE#History\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">TinyMCE predates responsive design<\/span><\/a><span style=\"font-weight: 400;\"> by about 8 years. Out of the box you have powerful block types like layout elements and the ability to embed widgets directly inside your post content.<\/span>\n\n<span style=\"font-weight: 400;\">On the other hand, for other sites or posts that are primarily text, not all blocks make a ton of sense. If this sounds like your blog you can still use a \u201cClassic\u201d block for an entire post, which behaves almost identically to TinyMCE. <\/span>\n\n<span style=\"font-weight: 400;\">This affords you the other improvements to the editing experience \u2014 like spotlight mode and the much improved sidebar \u2014 while still retaining the same editing experience you\u2019re used to (including other plugins that extend TinyMCE).<\/span>\n\n<figure id=\"attachment_12816\" aria-describedby=\"caption-attachment-12816\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12816 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block-735x356.png\" alt=\"A screen capture of the classic block.\" width=\"735\" height=\"356\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block-735x356.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block-441x214.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block-768x372.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block-948x460.png 948w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/The-Classic-Block.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12816\" class=\"wp-caption-text\">The \u201cClassic\u201d block \u2014 having your cake and also some cake from earlier, and eating both<\/figcaption><\/figure>\n<h3><b>This all sounds rad. So, why was Gutenberg met with so much negativity?<\/b><\/h3>\n<span style=\"font-weight: 400;\">In a lot of community members\u2019 opinions the release was rushed and developers weren\u2019t given enough time to prepare Gutenberg-compatible releases for plugins. Gutenberg itself was released with known bugs and accessibility issues. There were reasons it was released prematurely, but it\u2019s best not to dwell on them.<\/span>\n\n<span style=\"font-weight: 400;\">Since its release Gutenberg has reached a place of relative stability and more and more plugins are supporting it. It truly feels like it\u2019s achieving its goal of being the future of WordPress.<\/span>\n<h3><b>Will installing Gutenberg break my content?<\/b><\/h3>\n<span style=\"font-weight: 400;\">Not at all! Gutenberg will not break your content. None of your posts are altered until you\u2019ve explicitly clicked \u201csave\u201d on that post in the editor. Even then your content will be fine \u2014 it will just be wrapped in a Classic block described above.<\/span>\n\n<span style=\"font-weight: 400;\">However, not all plugins are going to be compatible with the Gutenberg editor. Content will continue to display to users the way it already does, but you <\/span><i><span style=\"font-weight: 400;\">might<\/span><\/i><span style=\"font-weight: 400;\"> not be able to edit it from within the editor. If you depend on a plugin that isn\u2019t compatible with the new editor, you should find an alternative <\/span><i><span style=\"font-weight: 400;\">or<\/span><\/i><span style=\"font-weight: 400;\"> install the Classic Editor plugin.<\/span>\n<h3><b>What does the upgrade process look like?<\/b><\/h3>\n<span style=\"font-weight: 400;\">If you haven\u2019t updated to WordPress &gt; 5.0 do that <\/span><i><span style=\"font-weight: 400;\">immediately<\/span><\/i><span style=\"font-weight: 400;\">. Seriously. Close this tab and do it now. At the time of writing this post the latest version is 5.2. Even if you don\u2019t want to move to Gutenberg, please make sure you\u2019re on the latest version and just <\/span><a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">install the Classic Editor<\/span><\/a><span style=\"font-weight: 400;\">. Old versions of WordPress<\/span><i><span style=\"font-weight: 400;\"> will<\/span><\/i><span style=\"font-weight: 400;\"> have security flaws, so it\u2019s important to <\/span><i><span style=\"font-weight: 400;\">always<\/span><\/i><span style=\"font-weight: 400;\"> stay up-to-date.<\/span>\n\n<span style=\"font-weight: 400;\">If you\u2019re already on WordPress &gt; 5.0 and have the Classic Editor installed, simply deactivate it. Easy!<\/span>\n\n<span style=\"font-weight: 400;\">After going through these steps, open a post. In the editor, you\u2019ll see a \u201cClassic\u201d block that behaves identically to TinyMCE. You can leave this alone forever. Or, if you want to use the more granular blocks, you can convert your content \u2014 the result will be that your headings and paragraphs will all be discrete blocks. Any shortcodes will turn into shortcode blocks.<\/span>\n\n<figure id=\"attachment_12817\" aria-describedby=\"caption-attachment-12817\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12817 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-735x320.png\" alt=\"A screen capture of converting content from the Classic Editor to blocks.\" width=\"735\" height=\"320\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-735x320.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-441x192.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-768x334.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-1057x460.png 1057w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12817\" class=\"wp-caption-text\">Converting content from the Classic Editor to blocks.<\/figcaption><\/figure>\n<h3><b>What does using Gutenberg look like? What are some differences between Classic Editor and Gutenberg?<\/b><\/h3>\n<span style=\"font-weight: 400;\">Some things moved to new locations \u2014 boxes like Discussion and Excerpt that were previously at the bottom of the post editor are now along the side.<\/span>\n\n<figure id=\"attachment_12818\" aria-describedby=\"caption-attachment-12818\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12818 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps--735x379.png\" alt=\"Except and Discussion Settings in their new home.\" width=\"735\" height=\"379\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps--735x379.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps--441x228.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps--768x396.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps--891x460.png 891w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-steps-.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12818\" class=\"wp-caption-text\">Except and Discussion Settings in their new home.<\/figcaption><\/figure>\n\n<span style=\"font-weight: 400;\">The editing experience for each block can be different. You might have an inline toolbar with settings to configure that block, or block settings in the sidebar, or a combination of the two. Some plugins, like Create, open a popup to edit blocks which allows for a richer experience.<\/span>\n\n<figure id=\"attachment_12819\" aria-describedby=\"caption-attachment-12819\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12819 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks-735x491.png\" alt=\"Paragraph blocks have inline and sidebar settings.\" width=\"735\" height=\"491\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks-735x491.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks-441x294.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks-768x513.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks-689x460.png 689w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-install-blocks.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12819\" class=\"wp-caption-text\">Paragraph blocks have inline and sidebar settings.<\/figcaption><\/figure>\n\n<span style=\"font-weight: 400;\">In order to edit settings about the whole post, not just a single block, some plugins or themes will have an entire sidebar panel where settings can be configured. You\u2019ll get to these through clicking an icon at the top-right of your screen.<\/span>\n\n<figure id=\"attachment_12820\" aria-describedby=\"caption-attachment-12820\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12820 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng-735x363.png\" alt=\"Screen capture of the Yoast sidebar panel.\" width=\"735\" height=\"363\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng-735x363.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng-441x218.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng-768x380.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng-930x460.png 930w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Wordpress-Gutenberygpng.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12820\" class=\"wp-caption-text\">Yoast has a sidebar panel<\/figcaption><\/figure>\n<h3><b>What are some cool Gutenberg tricks?<\/b><\/h3>\n<span style=\"font-weight: 400;\">You can turn on spotlight mode to highlight the current block or fullscreen.<\/span>\n\n<figure id=\"attachment_12821\" aria-describedby=\"caption-attachment-12821\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12821 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode-735x354.png\" alt=\"Screen capture of Spotlight mode.\" width=\"735\" height=\"354\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode-735x354.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode-441x212.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode-768x370.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode-956x460.png 956w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Spotlight-mode.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12821\" class=\"wp-caption-text\">Spotlight mode<\/figcaption><\/figure>\n\n<span style=\"font-weight: 400;\">As a shortcut, after hitting \u201center\u201d on a paragraph you can type \u201c\/\u201d and the name of a block to add it directly. (Try typing \u201c\/mediavine\u201d if you have MCP and Create installed!)<\/span>\n\n<span style=\"font-weight: 400;\">One of the coolest features is reusable blocks, which allow you to save a block for use in other posts. This can be incredibly useful for things like CTAs \u2014 if you edit the block in one post, it will update it in other posts using that block.<\/span>\n\n<figure id=\"attachment_12822\" aria-describedby=\"caption-attachment-12822\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12822 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks-735x312.png\" alt=\"Screen shot of reusing a block.\" width=\"735\" height=\"312\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks-735x312.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks-441x187.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks-768x326.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks-1082x460.png 1082w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Block-settings-for-resusable-blocks.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12822\" class=\"wp-caption-text\">Reusing a block<\/dd>\n<br \/>\n \t<dd><\/figcaption><\/figure>\n<h3><b>Will installing Gutenberg slow down my site or affect my ad performance?<\/b><\/h3>\n<span style=\"font-weight: 400;\">In 99.999% of cases, no. Out-of-the-box blocks tend to work great performance-wise \u2014 remember, they\u2019re just HTML. If you install third-party blocks the block might affect page speed, but that would be the fault of the block itself.<\/span>\n\n<span style=\"font-weight: 400;\">This means If you\u2019re coming from TinyMCE, you shouldn\u2019t notice any difference whatsoever. Since the only extra markup Gutenberg creates are HTML comments, content produced in Gutenberg should have a completely neutral effect on performance.<\/span>\n\n<span style=\"font-weight: 400;\">If you\u2019re coming from a page builder you might even see a small <\/span><i><span style=\"font-weight: 400;\">gain<\/span><\/i><span style=\"font-weight: 400;\"> in performance since Gutenberg creates significantly fewer divs than most page builders tend to. <\/span><a href=\"https:\/\/www.mediavine.com\/post-builders\/\"><span style=\"font-weight: 400;\">Page builders aren&#8217;t great for performance<\/span><\/a><span style=\"font-weight: 400;\">, but Gutenberg offers similar capabilities at a much smaller cost.<\/span>\n\n<b>How do I add ad hints to Gutenberg?<\/b>\n\n<span style=\"font-weight: 400;\">To <\/span><a href=\"https:\/\/help.mediavine.com\/en\/articles\/95002-how-to-manually-place-ads-in-your-content-with-content-hints\"><span style=\"font-weight: 400;\">manually insert an ad hint<\/span><\/a><span style=\"font-weight: 400;\">, insert an \u201cHTML\u201d block and paste in the code.<\/span>\n\n<figure id=\"attachment_12825\" aria-describedby=\"caption-attachment-12825\" style=\"width: 735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-12825 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints-735x269.png\" alt=\"Screenshot of an HTML block in between two paragraphs.\" width=\"735\" height=\"269\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints-735x269.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints-441x161.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints-768x281.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints-1120x410.png 1120w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Gutenberg-hints.png 1360w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption id=\"caption-attachment-12825\" class=\"wp-caption-text\">Adding an HTML block in between two paragraphs<\/figcaption><\/figure>\n\n<span style=\"font-weight: 400;\">Again, Gutenberg content isn\u2019t inherently different than Classic Editor content, so automatic ad hints will work the exact same way you\u2019re used to. The one plus-side is that you won\u2019t need to switch to the dreaded \u201cText\u201d tab of TinyMCE in order to place the hint \u2014 you\u2019re using Gutenberg, so it\u2019s just a single block.<\/span>\n<h3><b>How do I add Mediavine videos to Gutenberg?<\/b><\/h3>\n<span style=\"font-weight: 400;\"><a href=\"https:\/\/help.mediavine.com\/en\/articles\/2563963-how-to-insert-mediavine-video-in-the-wordpress-gutenberg-editor\">Mediavine Control Panel has a video block<\/a>! Just add a \u201cMediavine Video\u201d block and select a video you\u2019ve uploaded to your Mediavine dashboard.<\/span>\n\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12826 size-mv_create_no_ratio\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos-735x327.png\" alt=\"Screen capture displaying a video adhesion between two paragraphs.\" width=\"735\" height=\"327\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos-735x327.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos-441x196.png 441w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos-768x341.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos-1035x460.png 1035w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2019\/09\/Adding-videos.png 1600w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/>\n<h3><b>Can I switch back to Classic Editor if I hate it?<\/b><\/h3>\n<span style=\"font-weight: 400;\">In most cases, yes! All content from \u201cvanilla\u201d blocks is backwards-compatible \u2014 they\u2019ll continue to work if you activate the Classic Editor.<\/span>\n\n<span style=\"font-weight: 400;\">Some third-party blocks may depend on Gutenberg and won\u2019t provide TinyMCE support, so you might lose the ability to edit content created after updating to Gutenberg. If you\u2019re unsure about whether you\u2019re going to stick with Gutenberg, you <\/span><i><span style=\"font-weight: 400;\">probably<\/span><\/i><span style=\"font-weight: 400;\"> shouldn\u2019t publish mission-critical content with it.<\/span>\n\n<span style=\"font-weight: 400;\">Mediavine plugins like Create are committed to both forwards and backwards compatibility, so content created in Gutenberg will work in Classic Editor and vice-versa.<\/span>\n<h3><b>What do I lose by not installing Gutenberg?<\/b><\/h3>\n<span style=\"font-weight: 400;\">The future of WordPress is going to be Gutenberg. The idea of a block-based editor is going to make its way to more than posts. The post editor was the first target because it wasn\u2019t something that could be changed gradually, but in future WordPress releases more and more dashboard areas are going to have Gutenberg-like experiences.<\/span>\n\n<span style=\"font-weight: 400;\">More developers are shifting to focus efforts on Gutenberg. This means that some plugins you use may eventually stop receiving support. On our end, Mediavine is committed to supporting Classic Editor in our plugins as long as WordPress does, <\/span><a href=\"https:\/\/make.wordpress.org\/core\/2018\/11\/07\/classic-editor-plugin-support-window\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">through 2021<\/span><\/a><span style=\"font-weight: 400;\">. We\u2019ll definitely provide legacy support past that point, but after that it\u2019s likely we\u2019ll focus on developing new features for Gutenberg.<\/span>\n<h3><b>What features are on the way for Gutenberg?<\/b><\/h3>\n<span style=\"font-weight: 400;\">One of the features I\u2019m personally <\/span><i><span style=\"font-weight: 400;\">stoked<\/span><\/i><span style=\"font-weight: 400;\"> for is <\/span><a href=\"https:\/\/make.wordpress.org\/meta\/2019\/03\/08\/the-block-directory-and-a-new-type-of-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">installable blocks<\/span><\/a><span style=\"font-weight: 400;\">. The idea here is that you can install plugins that add block types directly from inside Gutenberg. Think of a block type you need, like a How-To card? You\u2019ll be able to search for that block and install a plugin to add it to your site, all without leaving the editor.<\/span>\n\n<span style=\"font-weight: 400;\">There are a ton of <\/span><a href=\"https:\/\/make.wordpress.org\/meta\/projects\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">other cool features<\/span><\/a><span style=\"font-weight: 400;\"> on the way, as well. Remember \u2014 Gutenberg makes it significantly easier for developers like us to build awesome tools for publishers like you.<\/span><\/section>\r\n\r\n\r\n\r\n<section class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0\">\r\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-09aec4f2 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--60)\">\r\n<p class=\"is-style-small is-style-small--3\">About the author<\/p>\r\n\r\n\r\n<div style=\"margin-top:var(--wp--preset--spacing--20);\" class=\"wp-block-post-author\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&#038;d=blank&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=192&#038;d=blank&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\"><a href=\"https:\/\/www.mediavine.com\/blog\/author\/guest\/\" target=\"_self\">The Mediavine Team<\/a><\/p><p class=\"wp-block-post-author__bio\"><\/p><\/div><\/div><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7c04bf6b wp-block-group-is-layout-constrained\" style=\"margin-top:0\">\r\n<p class=\"is-style-small is-style-small--4\">Share this page<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-outermost-social-sharing has-normal-icon-size has-icon-color is-style-logos-only is-content-justification-left is-layout-flex wp-container-outermost-social-sharing-is-layout-9d3a6402 wp-block-social-sharing-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--10)\"><li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-linkedin has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fwordpress-gutenberg-tutorial%2F&#038;title=WordPress%20Gutenberg%20Tutorial%20%E2%80%94%20Your%20Top%20Questions%20Answered\" aria-label=\"Share on LinkedIn\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on LinkedIn\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-x has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/x.com\/share?url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fwordpress-gutenberg-tutorial%2F&#038;text=WordPress%20Gutenberg%20Tutorial%20%E2%80%94%20Your%20Top%20Questions%20Answered\" aria-label=\"Share on X\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on X\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-facebook has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fwordpress-gutenberg-tutorial%2F&#038;title=WordPress%20Gutenberg%20Tutorial%20%E2%80%94%20Your%20Top%20Questions%20Answered\" aria-label=\"Share on Facebook\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on Facebook\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-telegram has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/telegram.me\/share\/url?url=https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fwordpress-gutenberg-tutorial%2F&#038;text=WordPress%20Gutenberg%20Tutorial%20%E2%80%94%20Your%20Top%20Questions%20Answered\" aria-label=\"Share on Telegram\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 128 128\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M28.97 63.324c18.657-8.128 31.098-13.487 37.323-16.076 17.774-7.393 21.467-8.677 23.874-8.72.53-.009 1.713.122 2.48.745.648.525.826 1.235.911 1.733.085.498.191 1.633.107 2.52-.963 10.12-5.13 34.677-7.25 46.012-.898 4.796-2.664 6.404-4.375 6.561-3.716.342-6.538-2.456-10.138-4.815-5.633-3.693-8.815-5.991-14.283-9.594-6.319-4.164-2.222-6.453 1.379-10.193.942-.98 17.318-15.874 17.634-17.225.04-.169.077-.799-.297-1.131-.375-.333-.927-.22-1.325-.129-.565.128-9.564 6.076-26.996 17.843-2.554 1.754-4.868 2.609-6.94 2.564-2.286-.05-6.681-1.292-9.95-2.354-4.007-1.303-7.193-1.992-6.915-4.205.144-1.152 1.731-2.33 4.761-3.536Z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on Telegram\t\t<\/span>\n\t<\/a>\n<\/li>\n\r\n\r\n<li style=\"color: #000000; \" class=\"outermost-social-sharing-link outermost-social-sharing-link-whatsapp has-base-black-color wp-block-outermost-social-sharing-link\">\n\t<a href=\"https:\/\/api.whatsapp.com\/send?text=WordPress%20Gutenberg%20Tutorial%20%E2%80%94%20Your%20Top%20Questions%20Answered%20&mdash;%20https%3A%2F%2Fwww.mediavine.com%2Fblog%2Fwordpress-gutenberg-tutorial%2F\" aria-label=\"Share on WhatsApp\" rel=\"noopener nofollow\" target=\"_blank\" class=\"wp-block-outermost-social-sharing-link-anchor\">\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z\"><\/path><\/svg>\t\t<span class=\"wp-block-outermost-social-sharing-link-label screen-reader-text\">\n\t\t\tShare on WhatsApp\t\t<\/span>\n\t<\/a>\n<\/li>\n<\/ul>\r\n<\/div>\r\n<\/section>\r\n<\/article>\r\n\r\n\r\n\r\n<aside class=\"wp-block-group aligngrid  is-animated-on-scroll-25 tribe-animation-type-fade-in tribe-animation-direction-bottom is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50);--tribe-animation-speed:0.6s;--tribe-animation-offset:50px;--tribe-animation-delay:0s;--tribe-animation-easing:var(--easing--ease-out-sine)\">\r\n<h2 class=\"wp-block-heading is-style-small is-style-small--5\" id=\"h-related-posts\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40)\">Related Posts<\/h2>\r\n\r\n\r\n<div style=\"margin-bottom:0;\" class=\"b-related-posts b-related-posts--layout-grid  wp-block-tribe-related-posts\">\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1024x608.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1024x608.png 1024w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-320x190.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-768x456.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1170x695.png 1170w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-800x475.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-569x338.png 569w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-960x570.png 960w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772-1080x642.png 1080w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/08\/AdobeStock_499529772.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">Protecting Your Content: How to Opt Out of GPTBot Web Crawling<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">The Mediavine Team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">Aug 9, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 Publishers spend time creating great content that keeps readers coming back, and we know that safeguarding that content and maintaining control over how it\u2019s used are critical concerns in today&#8217;s digital landscape. We also know that the advancement of generative AI technologies, like ChatGPT, brings up more questions than the can\u2019t-recommend-anything-past-2021&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/how-to-opt-out-of-gptbot-web-crawling\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about Protecting Your Content: How to Opt Out of GPTBot Web Crawling\"><\/a>\n<\/article>\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823.png\" class=\"attachment-large size-large\" alt=\"Google Search Generative Experience Featured Image\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-320x213.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-768x512.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-375x250.png 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-555x370.png 555w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-344x229.png 344w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-281x187.png 281w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-335x223.png 335w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-347x231.png 347w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-520x346.png 520w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/05\/Google-Search-Generative-Experience-Featured-Image-051823-640x426.png 640w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">Google&#8217;s Search Generative Experience<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">Eric Hochberger<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">May 18, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 In a blog post last week, Google announced plans to launch generative AI into Search Labs with a new product called Search Generative Experience (SGE). What exactly is SGE, and more importantly, what will it mean for content creators who rely on Google for much of (or most of) their web&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/googles-search-generative-experience\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about Google&#8217;s Search Generative Experience\"><\/a>\n<\/article>\n\t\t\t\t\t<article class=\"c-post-card c-post-card__layout-vertical\">\n\t<div class=\"c-post-card__inner\">\n\t\t\t\t\t<div class=\"c-post-card__image aspect-ratio-cover aspect-ratio-3-2\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1024x682.png\" class=\"attachment-large size-large\" alt=\"Chat GPT Featured Image\" srcset=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1024x682.png 1024w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-320x213.png 320w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-768x512.png 768w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1536x1023.png 1536w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1170x780.png 1170w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-375x250.png 375w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-800x533.png 800w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-555x370.png 555w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-344x229.png 344w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-281x187.png 281w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-335x223.png 335w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-347x231.png 347w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-520x346.png 520w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-640x426.png 640w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-960x640.png 960w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-1080x720.png 1080w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image-735x490.png 735w, https:\/\/www.mediavine.com\/wp-content\/uploads\/2023\/03\/Chat-GPT-Featured-Image.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t<\/div>\n\t\t\t\t<div class=\"c-post-card__content\">\n\t\t\t\t\t\t\t<p class=\"c-post-card__primary-category t-category\">General Blogging<\/p>\n\t\t\t\t\t\t<h3 class=\"c-post-card__title t-display-xx-small t-transparent-underline\">5 Ways Bloggers Can Use ChatGPT to Increase Productivity<\/h3>\t\t\t\t\t\t\t\t\t\t\t<p class=\"c-post-card__metadata\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-author t-body-small\">The Mediavine Team<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-separator t-body-small\">\u2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"c-post-card__metadata-date t-body-small\">Mar 29, 2023<\/span>\n\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"c-post-card__excerpt\">Back to Blog \u2022 Since ChatGPT\u2019s release in November 2022, OpenAI&#8217;s prototype of generative AI \u2014 that is, artificial intelligence that can produce new content on demand \u2014 has dominated popular tech media. We&#8217;ve all seen the headlines questioning the future of organic search, the impact on creators&#8217; livelihoods and content ownership, the challenge of&#8230;<\/p>\n\t\t\t<\/div>\n\t<a href=\"https:\/\/www.mediavine.com\/blog\/5-ways-chatgpt-increase-productivity\/\" class=\"c-post-card__link-overlay\" aria-label=\"Read more about 5 Ways Bloggers Can Use ChatGPT to Increase Productivity\"><\/a>\n<\/article>\n\t<\/div>\n<\/aside>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Back to Blog \u2022 Update: The Create WordPress plugin has been acquired by one of its original engineers, John-Michael (JM) L\u2019Allier. Now independently managed, Create remains in active development and continues to serve publishers under JM\u2019s leadership. If you have any questions, please visit\u00a0https:\/\/create.studio\u00a0or email support@create.studio. Hi friends! I&#8217;m Ethan, one of the engineers here&#8230;<\/p>\n","protected":false},"author":44459,"featured_media":21692,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":"","footnotes":""},"categories":[60],"tags":[],"audience_post":[],"class_list":["post-12813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-blogging"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered - Mediavine<\/title>\n<meta name=\"description\" content=\"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered\" \/>\n<meta property=\"og:description\" content=\"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Mediavine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mediavinepublishernetwork\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-04T21:08:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T17:16:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1168\" \/>\n\t<meta property=\"og:image:height\" content=\"779\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"The Mediavine Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mediavine\" \/>\n<meta name=\"twitter:site\" content=\"@mediavine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"The Mediavine Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\"},\"author\":{\"name\":\"The Mediavine Team\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf\"},\"headline\":\"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered\",\"datePublished\":\"2019-09-04T21:08:15+00:00\",\"dateModified\":\"2025-10-30T17:16:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\"},\"wordCount\":2203,\"publisher\":{\"@id\":\"https:\/\/www.mediavine.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg\",\"articleSection\":[\"General Blogging\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\",\"url\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\",\"name\":\"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered - Mediavine\",\"isPartOf\":{\"@id\":\"https:\/\/www.mediavine.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg\",\"datePublished\":\"2019-09-04T21:08:15+00:00\",\"dateModified\":\"2025-10-30T17:16:17+00:00\",\"description\":\"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage\",\"url\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg\",\"contentUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg\",\"width\":1168,\"height\":779,\"caption\":\"female fitness blogger filming an exercise video on a yoga mat in her living room\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mediavine.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mediavine.com\/#website\",\"url\":\"https:\/\/www.mediavine.com\/\",\"name\":\"Mediavine\",\"description\":\"Full Service Ad Management\",\"publisher\":{\"@id\":\"https:\/\/www.mediavine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mediavine.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mediavine.com\/#organization\",\"name\":\"Mediavine\",\"url\":\"https:\/\/www.mediavine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg\",\"contentUrl\":\"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg\",\"width\":696,\"height\":696,\"caption\":\"Mediavine\"},\"image\":{\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mediavinepublishernetwork\/\",\"https:\/\/x.com\/mediavine\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf\",\"name\":\"The Mediavine Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mediavine.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g\",\"caption\":\"The Mediavine Team\"},\"sameAs\":[\"https:\/\/www.mediavine.com\/\"],\"url\":\"https:\/\/www.mediavine.com\/blog\/author\/guest\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered - Mediavine","description":"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered","og_description":"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.","og_url":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/","og_site_name":"Mediavine","article_publisher":"https:\/\/www.facebook.com\/mediavinepublishernetwork\/","article_published_time":"2019-09-04T21:08:15+00:00","article_modified_time":"2025-10-30T17:16:17+00:00","og_image":[{"width":1168,"height":779,"url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg","type":"image\/jpeg"}],"author":"The Mediavine Team","twitter_card":"summary_large_image","twitter_creator":"@mediavine","twitter_site":"@mediavine","twitter_misc":{"Written by":"The Mediavine Team","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/"},"author":{"name":"The Mediavine Team","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf"},"headline":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered","datePublished":"2019-09-04T21:08:15+00:00","dateModified":"2025-10-30T17:16:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/"},"wordCount":2203,"publisher":{"@id":"https:\/\/www.mediavine.com\/#organization"},"image":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg","articleSection":["General Blogging"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/","url":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/","name":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered - Mediavine","isPartOf":{"@id":"https:\/\/www.mediavine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg","datePublished":"2019-09-04T21:08:15+00:00","dateModified":"2025-10-30T17:16:17+00:00","description":"Gutenberg is a reinvention of the editing experience within WordPress. In this WordPress Gutenburg Tutorial, we answer our most frequently-asked questions.","breadcrumb":{"@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#primaryimage","url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg","contentUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2020\/08\/mediavine-07.jpg","width":1168,"height":779,"caption":"female fitness blogger filming an exercise video on a yoga mat in her living room"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mediavine.com\/blog\/wordpress-gutenberg-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mediavine.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Gutenberg Tutorial \u2014 Your Top Questions Answered"}]},{"@type":"WebSite","@id":"https:\/\/www.mediavine.com\/#website","url":"https:\/\/www.mediavine.com\/","name":"Mediavine","description":"Full Service Ad Management","publisher":{"@id":"https:\/\/www.mediavine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mediavine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mediavine.com\/#organization","name":"Mediavine","url":"https:\/\/www.mediavine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg","contentUrl":"https:\/\/www.mediavine.com\/wp-content\/uploads\/2025\/11\/mediavine-yoast-favicon.svg","width":696,"height":696,"caption":"Mediavine"},"image":{"@id":"https:\/\/www.mediavine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mediavinepublishernetwork\/","https:\/\/x.com\/mediavine"]},{"@type":"Person","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/42bab770c4abea46b536a202c15e3cbf","name":"The Mediavine Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mediavine.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e3220aded17a2f76bff75294b4d13f344d81294787c0a43b7aa017ba65d79008?s=96&d=blank&r=g","caption":"The Mediavine Team"},"sameAs":["https:\/\/www.mediavine.com\/"],"url":"https:\/\/www.mediavine.com\/blog\/author\/guest\/"}]}},"_links":{"self":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/12813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/users\/44459"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/comments?post=12813"}],"version-history":[{"count":18,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/12813\/revisions"}],"predecessor-version":[{"id":81682,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/posts\/12813\/revisions\/81682"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/media\/21692"}],"wp:attachment":[{"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/media?parent=12813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/categories?post=12813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/tags?post=12813"},{"taxonomy":"audience_post","embeddable":true,"href":"https:\/\/www.mediavine.com\/wp-json\/wp\/v2\/audience_post?post=12813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}