{"id":8867,"date":"2020-10-06T15:38:14","date_gmt":"2020-10-06T15:38:14","guid":{"rendered":"https:\/\/www.24x7wpsupport.com\/blog\/?p=8867"},"modified":"2026-04-15T14:55:56","modified_gmt":"2026-04-15T14:55:56","slug":"how-to-use-new-wordpress-block-editor","status":"publish","type":"post","link":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/","title":{"rendered":"How to Use New WordPress Block Editor or Guttenberg Editor"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p class=\"last-updated\">Last updated on April 15th, 2026 at 02:55 pm<\/p><p>[vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;]<span style=\"font-weight: 400;\">As we already know that a new WordPress editor has been released on 6 December 2018. Before this WordPress blog editor, the classic editor was only one single default editor for WordPress blog. While using classic WordPress blog editor a little bit of HTML is required to create any blog post or pages offer on the WordPress website. Classic WordPress blog editor is not that flexible and it is also not completely customizable. This block contains limited features in it. On 6 December 2018 world press release a new WordPress blog editor named &#8220;Guttenberg editor&#8221;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Guttenberg is released in the new update of WordPress 5.0. This editor is also known as &#8220;block editor&#8221;. Let us know more about its specification and many more things. After a new update of WordPress 5.0 has been released then, those user doesn&#8217;t want to work with the default editor then they must need to install WordPress plugin for classic editor i.e. <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color: #ffff00;\">Classic editor plugin<\/span><\/a>. After that install and activate Classic Editor plugin by doing default text editor as classic editor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gutenberg editor provides a new experience Those users are using Gutenberg or wordpress block editor they are gaining completely a new experience that may resemble content creation in the form of blocks. Let&#8217;s take a small experience with Guttenberg editor for block editor in this article. Here we are going to learn about exactly e how to use Guttenberg editor with its block style.<\/span>[\/vc_column_text][vc_custom_heading text=&#8221;What is Gutenberg?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">Guttenberg is taken from the project name of the WordPress block editor. This WordPress new block editor replaces WordPress classic editor or\u00a0 TinyMCE editor. These WordPress blog editors are replaced in the new version of WordPress 5.0. this editor is under development till then it is named as Guttenberg editor. But after release in the new update of WordPress, it is named as &#8221; the WordPress blog editor&#8221; or &#8221; the WordPress editor&#8221;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This name was given to the Guttenberg editor because it is officially part of the core system software. There are a lot of free online wordpress editor videos that are present. Guttenberg editor completely changes the experience of creating a blog post or pages on a WordPress website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Users can approach the block-based content within a second. One more thing we must know no that before 6 December 2018 Guttenberg officially is not the part of WordPress. After that WordPress release their new update that is WordPress 5.0. however, after this update, Guttenberg officially became part of WordPress. Guttenberg developer team also work on keyboard shortcut so that the user can complete there work in a fast manner.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These Keyboard shortcuts are basically designed for block types. Users make sure that if the user does not update there WordPress then wordpress block editor not working properly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let&#8217;s start the Gutenberg tutorial step by step given below.<\/span>[\/vc_column_text][vc_column_text][\/vc_column_text][vc_custom_heading text=&#8221;How to use Gutenberg editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">According to a new blog editor or Guttenberg editor, it is completely different from the classic editor or TinyMCE editor. This editor does all those things which can be done on the classic editor. Let&#8217;s see all things that we did on classic editor how we can cover on Gutenberg editor step by step.<\/span>[\/vc_column_text][vc_custom_heading text=&#8221;How to create a new blog post or page using Guttenberg block editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Users must click on the &#8221; posts&#8221; option which is present in the dashboard context menu.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After that sub-context menu of the post has been appearing on the screen where the user clicks on the &#8220;add new post&#8221; option.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After clicking it in New WordPress block editor that is Guttenberg editor launched on the <\/span><a href=\"https:\/\/www.24x7wpsupport.com\/blog\/guide-to-editing-source-code-of-your-wordpress-website-php-mysql-html-javascript-css\/\">WordPress website<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">All things are the same as we do earlier in the classic block editor. simply we just follow these steps which are given below.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8868&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_custom_heading text=&#8221;How to add a block in Guttenberg editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">Before adding a new blog with Gutenberg editor user must open in a new blog post or page after that user can follow these steps which are given below.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">As we already know in classic editor 1st block option always there for the title only. However, in Gutenberg editor first block is for the title.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After that user can drag the mouse downward to the next block or the user can press the tab key which is present on the keyboard to move the cursor down words.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">By default, the block appears on the screen that blocks named &#8220;paragraph block&#8221; this is a default block.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">However, if the user wants to add a new block instead of the default block then the user must click the &#8220;add new button&#8221; which is present on the top left corner of the screen and below the existing block.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After clicking on &#8221; and add new button&#8221;\u00a0 then block context menu with the search bar appear on the screen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">User can click on the option which is present on the context menu to write a keyword in the search bar for which block you are searching for.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This is how we can add a new blog into Guttenberg editor now moving next step further to learn how to work with a block in the New editor.<\/span>[\/vc_column_text][vc_single_image image=&#8221;8869&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]After that user can drag mouse downward to the next block or the user can press the tab key which is present on the keyboard to move the cursor down words.<\/p>\n<p>By default, the block appears on the screen that blocks named &#8220;paragraph block&#8221; this is a default block.<\/p>\n<p>However, if the user wants to add a new block instead of default block then the user must click &#8220;add new button&#8221; which is present on the top left corner of the screen and below the existing block.<\/p>\n<p>After clicking on &#8221; and add new button&#8221; then block context menu with the search bar appear on the screen.<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8870&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]User can click on the option which is present on the context menu for write a keyword in the search bar for which block you are searching for.<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8871&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]This is how we can add a new block into Guttenberg editor now moving next step further to learn how to work with a block in the New editor.<\/p>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;How to work with a block in the Gutenberg editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">As we all know how to create an attractive blog post or page. In that case, we required many creative tool options to be there so in Guttenberg editor toolbar is always present on the top of the block. This toolbar contains a lot of buttons or options that would help change the complete design of that block. Let&#8217;s discuss this thing in brief with the help of an example<\/span><\/p>\n<p><b>For example- <\/b><span style=\"font-weight: 400;\">if we are working on a default block that is paragraph block. This blog shows it&#8217;s on specify toolbar on the top of the paragraph block. There are a lot of options are present in the specified toolbar contains a lot of options such as text alignment, bold italic insert link, and strikethrough buttons.<\/span>[\/vc_column_text][vc_single_image image=&#8221;8873&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<span style=\"font-weight: 400;\">After seeing the toolbar that is present on the top of the block but looking towards formerly each block contains it&#8217;s on block setting which is going to appear on the right side of your screen.<\/span>[\/vc_column_text][vc_single_image image=&#8221;8874&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<span style=\"font-weight: 400;\">Users can directly move each block by using drag and drop option for just clicking on the up and down button which is the present left side of the current blocks. As the user can see in the image given below<\/span>[\/vc_column_text][vc_single_image image=&#8221;8875&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_custom_heading text=&#8221;How to save and reuse blocks in Guttenberg editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">As we already know that it is the classic editor we can save and reuse our work from where we left but this is also visible in Guttenberg editor. Users can save and reuse the same block from where it left. This would help to that blogger who regularly adds specific content and some spirits to their blog post or page. Now understand with the help of an example of how to save and reuse blocks in Gutenberg editor by following these steps which are given below.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Simply user must click on 3 dots which is present on the toolbar. These three dots a present on the right corner of the toolbar<\/span><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8877&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<ul>\n<li>After heating to the three dots a context menu is open in that context menu user must click on the &#8220;add to reusable blocks&#8221; option.<\/li>\n<li>After that, it will ask to enter a specific name to the reusable block. After entering a specific name user must hit on save option.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8878&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<ul>\n<li>After saving the reusable block now let&#8217;s see how to reuse that block.<\/li>\n<li>Now user simply clicks post or page where you want to add the reusable block.<\/li>\n<li>Now user clicks on the &#8221; add block &#8221; button.<\/li>\n<li>A context menu appears on the screen where the user clicks on the &#8221; reusable&#8221; option.<\/li>\n<li>After that user will see earlier saved reusable block. Then click on the icon of the saved reusable block.<\/li>\n<li>And that block simply going to add where you want to insert that block.<\/li>\n<li>It&#8217;s up to them how much users want to store reusable blocks. These reusable blocks are stored in the WordPress database.<\/li>\n<li>Users can use any of the reusable blocks by just simply clicking on &#8220;manage all reusable blocks&#8221; as shown in the image given below.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8879&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_custom_heading text=&#8221;What are the publishing and managing option in Gutenberg block editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<span style=\"font-weight: 400;\">It is simply known that whatever editor we are going to use each post contains a lot of metadata in it. this matter contains information like publishing dates, categories, and tags, featured images, featured videos, and many more things. User can see all these types of option on the right column of\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gutenberg editor. As shown in the image given below<\/span>[\/vc_column_text][vc_single_image image=&#8221;8880&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_custom_heading text=&#8221;How to add some common blocks in Gutenberg editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]Basically, we all know that the Gutenberg editor completely depends upon blocks. So, here we are discussing some common blocks of Gutenberg editor.<\/p>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;Adding an image block in Guttenberg editor&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]User, I want to upload an image into their blog post or pages then the user first uploads that image in the media library of WordPress. Uploading can be done with the help of drag and drop option for or it can also be done by selecting folder location. After you add an image there you can see e a metadata space where you can write some meta description about that image. that meta description is present on the right side of the screen as you can see in the image given below.<\/p>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8881&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_custom_heading text=&#8221;How to add a link in the Gutenberg block editor?&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]Most of the user wants to add some link ok in several blocks where the text is present. Select discuss the most common block that is paragraph block how to add a link in it.<\/p>\n<ul>\n<li>First of all, the user selects a text where the URL link is to be added.<\/li>\n<li>After that user will see e link option inside the toolbox which is present on the top of each block.<\/li>\n<li>Users click adding URL icon and then you are a link block space is open.<\/li>\n<li>After that in that block space paste URL link and hit enter key.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image image=&#8221;8882&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]This is the way how you can add a URL link in the Gutenberg block editor.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Last updated on April 15th, 2026 at 02:55 pm[vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;]As we already know that a new WordPress editor has been &#8230;<\/p>\n","protected":false},"author":1,"featured_media":8883,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[350,885],"tags":[1246,1247,345,678],"class_list":["post-8867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-wordpress","category-page-builders","tag-guttenberg-editor","tag-wordpress-classic-editor","tag-wordpress-database","tag-wordpress-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use New WordPress Block Editor? | Gutenberg Editor<\/title>\n<meta name=\"description\" content=\"New WordPress block editor named &quot;Guttenberg editor&quot; is gaining completely a new experience that may resemble with content creation in the form of blocks.\" \/>\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.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use New WordPress Block Editor? | Gutenberg Editor\" \/>\n<meta property=\"og:description\" content=\"New WordPress block editor named &quot;Guttenberg editor&quot; is gaining completely a new experience that may resemble with content creation in the form of blocks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"24x7WPSupport Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/24x7wpsupport\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-06T15:38:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-15T14:55:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpsupport24x7\" \/>\n<meta name=\"twitter:site\" content=\"@wpsupport24x7\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated 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.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/\"},\"author\":{\"name\":\"Brian\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/person\\\/40ee989d8d57096afc53a526d6e612b0\"},\"headline\":\"How to Use New WordPress Block Editor or Guttenberg Editor\",\"datePublished\":\"2020-10-06T15:38:14+00:00\",\"dateModified\":\"2026-04-15T14:55:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/\"},\"wordCount\":2217,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/WordPress-Llog-Editor.jpg\",\"keywords\":[\"Guttenberg Editor\",\"WordPress Classic Editor\",\"wordpress database\",\"WordPress Website\"],\"articleSection\":[\"How To Wordpress\",\"Page Builders\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/\",\"name\":\"How to Use New WordPress Block Editor? | Gutenberg Editor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/WordPress-Llog-Editor.jpg\",\"datePublished\":\"2020-10-06T15:38:14+00:00\",\"dateModified\":\"2026-04-15T14:55:56+00:00\",\"description\":\"New WordPress block editor named \\\"Guttenberg editor\\\" is gaining completely a new experience that may resemble with content creation in the form of blocks.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/WordPress-Llog-Editor.jpg\",\"contentUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/WordPress-Llog-Editor.jpg\",\"width\":1200,\"height\":600,\"caption\":\"WordPress Block Editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-use-new-wordpress-block-editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use New WordPress Block Editor or Guttenberg Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\",\"name\":\"24x7WPSupport Blog\",\"description\":\"WordPress Theme Update | WordPress Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\",\"name\":\"24x7 WP Support\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/wpsupportlatestlogo.png\",\"contentUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/wpsupportlatestlogo.png\",\"width\":269,\"height\":64,\"caption\":\"24x7 WP Support\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/24x7wpsupport\",\"https:\\\/\\\/x.com\\\/wpsupport24x7\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/person\\\/40ee989d8d57096afc53a526d6e612b0\",\"name\":\"Brian\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"caption\":\"Brian\"},\"description\":\"Brian is a WordPress support specialist and content contributor at 24x7 WP Support. He writes practical, easy-to-follow guides on WordPress troubleshooting, WooCommerce issues, plugin and theme errors, website security, migrations, performance optimization, and integrations. With a focus on solving real website problems, Brian helps business owners, bloggers, and online store managers keep their WordPress sites running smoothly.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use New WordPress Block Editor? | Gutenberg Editor","description":"New WordPress block editor named \"Guttenberg editor\" is gaining completely a new experience that may resemble with content creation in the form of blocks.","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.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/","og_locale":"en_GB","og_type":"article","og_title":"How to Use New WordPress Block Editor? | Gutenberg Editor","og_description":"New WordPress block editor named \"Guttenberg editor\" is gaining completely a new experience that may resemble with content creation in the form of blocks.","og_url":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/","og_site_name":"24x7WPSupport Blog","article_publisher":"https:\/\/www.facebook.com\/24x7wpsupport","article_published_time":"2020-10-06T15:38:14+00:00","article_modified_time":"2026-04-15T14:55:56+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg","type":"image\/jpeg"}],"author":"Brian","twitter_card":"summary_large_image","twitter_creator":"@wpsupport24x7","twitter_site":"@wpsupport24x7","twitter_misc":{"Written by":"Brian","Estimated reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#article","isPartOf":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/"},"author":{"name":"Brian","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/person\/40ee989d8d57096afc53a526d6e612b0"},"headline":"How to Use New WordPress Block Editor or Guttenberg Editor","datePublished":"2020-10-06T15:38:14+00:00","dateModified":"2026-04-15T14:55:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/"},"wordCount":2217,"commentCount":1,"publisher":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg","keywords":["Guttenberg Editor","WordPress Classic Editor","wordpress database","WordPress Website"],"articleSection":["How To Wordpress","Page Builders"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/","url":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/","name":"How to Use New WordPress Block Editor? | Gutenberg Editor","isPartOf":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg","datePublished":"2020-10-06T15:38:14+00:00","dateModified":"2026-04-15T14:55:56+00:00","description":"New WordPress block editor named \"Guttenberg editor\" is gaining completely a new experience that may resemble with content creation in the form of blocks.","breadcrumb":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#primaryimage","url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg","contentUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2020\/08\/WordPress-Llog-Editor.jpg","width":1200,"height":600,"caption":"WordPress Block Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-use-new-wordpress-block-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.24x7wpsupport.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use New WordPress Block Editor or Guttenberg Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#website","url":"https:\/\/www.24x7wpsupport.com\/blog\/","name":"24x7WPSupport Blog","description":"WordPress Theme Update | WordPress Blog","publisher":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.24x7wpsupport.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization","name":"24x7 WP Support","url":"https:\/\/www.24x7wpsupport.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2018\/11\/wpsupportlatestlogo.png","contentUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2018\/11\/wpsupportlatestlogo.png","width":269,"height":64,"caption":"24x7 WP Support"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/24x7wpsupport","https:\/\/x.com\/wpsupport24x7"]},{"@type":"Person","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/person\/40ee989d8d57096afc53a526d6e612b0","name":"Brian","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","caption":"Brian"},"description":"Brian is a WordPress support specialist and content contributor at 24x7 WP Support. He writes practical, easy-to-follow guides on WordPress troubleshooting, WooCommerce issues, plugin and theme errors, website security, migrations, performance optimization, and integrations. With a focus on solving real website problems, Brian helps business owners, bloggers, and online store managers keep their WordPress sites running smoothly."}]}},"_links":{"self":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/8867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/comments?post=8867"}],"version-history":[{"count":11,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/8867\/revisions"}],"predecessor-version":[{"id":14771,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/8867\/revisions\/14771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/media\/8883"}],"wp:attachment":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/media?parent=8867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/categories?post=8867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/tags?post=8867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}