{"id":77302,"date":"2022-02-17T12:32:00","date_gmt":"2022-02-17T12:32:00","guid":{"rendered":"https:\/\/www.vwthemes.com\/?p=77302"},"modified":"2022-02-17T12:32:01","modified_gmt":"2022-02-17T12:32:01","slug":"wordpress-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/preview.vwthemesdemo.com\/old_website\/wordpress-gutenberg-editor\/","title":{"rendered":"WordPress Gutenberg Editor And WordPress 5.9"},"content":{"rendered":"\n<p>As of WordPress 5.9\u2019s launch on December 6, 2018, WordPress has a new default content material editor. known as the WordPress Gutenberg editor at the same time as in improvement, \u201cGutenberg\u201d is now just the \u201cWordPress editor\u201d.<\/p>\n\n\n\n<p>The brand new block editor brings with it an entirely different approach to creating content in the form of blocks. And in this post, you\u2019re going to study precisely how to make a WordPress website by using the blocks, and to create content at your website. Along with this have a look at <strong><a href=\"https:\/\/www.vwthemes.com\/themes\/minimalist-wordpress-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">Minimalist WordPress Theme <\/a><\/strong>by VWTHEMES.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-description-of-wordpress-gutenberg-editor\"><strong>Description Of WordPress Gutenberg Editor<\/strong><\/h2>\n\n\n\n<p>The Gutenberg WordPress editor also called the WordPress block editor, is a new page builder which replaced the WordPress TinyMCE editor as the default WordPress editor in WordPress 5.9.<\/p>\n\n\n\n<p>In another word, Gutenberg replaces the WordPress classic editor that used TinyMCE (WYSIWYG) as the default content editor for posts and pages. With Gutenberg, the content material is delivered in separate or individual \u201cblocks\u201d in place of within one large content area.&nbsp;<\/p>\n\n\n\n<p>This means eventually you\u2019ll be able to build your entire web page by using blocks including landing pages, paragraphs, headings, lists, images, galleries, embeds, and much more.<\/p>\n\n\n\n<p>but, due to the magnitude of the release, a few managed WordPress hosts have opted not to update peoples\u2019 websites right away. for that reason, there\u2019s a chance your website may not be running WordPress 5.9 yet. if so, it\u2019s up to you whether you want to update WordPress 5.9 or not (though you shouldn\u2019t wait too long for performance and protection reasons).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"working-principle-of-wordpress-gutenberg-editor\">Working Principle Of WordPress Gutenberg Editor<\/h3>\n\n\n\n<p>As I already told you earlier that Gutenberg is an individual block-based editor.&nbsp;<br>That is why it is very important to understand it, otherwise, sometimes you might not know what that means.<\/p>\n\n\n\n<p>So Here\u2019s What Is Block-based Editing<\/p>\n\n\n\n<p>Basically, Gutenberg replaces the single edit field of the current WordPress TinyMCE editor with lots of individual \u201cblocks\u201d.<\/p>\n\n\n\n<p>these blocks then assist you to build greater complicated designs than those allowed in the old conventional WordPress editor.<\/p>\n\n\n\n<p>By default, WordPress offers a set of basic content blocks to make it easy for you to embed their features. you can have blocks for:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Regular text<\/li><li>Images<\/li><li>Video embeds<\/li><li>Buttons<\/li><li>Widgets&nbsp;<\/li><li>Tables and so on<\/li><\/ul>\n\n\n\n<p>And what\u2019s neat is that developers might be capable of creating their personnel third-party blocks that you can access thru plugins for greater flexibility. To understand WordPress Gutenberg editor completely, keep reading to learn how to use the new Gutenberg block editor to create content and layouts at your website online in a simple and easy way.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"some-important-things-to-do-before-updating-to-wordpress-5-9\">Some Important Things To Do Before Updating to WordPress 5.9<\/h3>\n\n\n\n<p>Here are some helpful tips for you before you update to WordPress 5.9<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Use a WordPress backup plugin to do a full backup of your site. This step is critical because you\u2019ll want a entire backup (of your internet site\u2019s database, files, media library, subject matters and plugins) in case you find out a major struggle and want to revert returned.<\/li><li>Confirm that your <strong><a href=\"https:\/\/www.vwthemes.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress themes<\/a><\/strong> will assist WordPress 5.9.<\/li><li>If you are the use of plugin shortcodes, make sure they may nevertheless paintings with WordPress 5.9<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-convert-content-from-classic-editor-to-gutenberg-blocks\">How To Convert Content From Classic Editor to Gutenberg Blocks<\/h3>\n\n\n\n<p>It\u2019s extremely easy to Convert Content from Classic Editor to WordPress Gutenberg Editor and we will learn it in 3 steps.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Edit the classic post<\/li><\/ul>\n\n\n\n<p>First of all, you will have to edit the old post that you want to convert to Gutenberg blocks. Just go to the post and simply click on \u2018Three dots\u2019 to view more options.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on &#8220;Convert to blocks&#8221;<\/li><\/ul>\n\n\n\n<p>From the drop-down More Options menu, click the Convert to&nbsp;Blocks option. The post will be converted to Gutenberg blocks.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Review The Block Conversion<\/li><\/ul>\n\n\n\n<p>Eventually, when WordPress finishes converting your post to the blocks system, you can review each new block. If you have a very long post to save time, click the Block Navigation option from the icons.&nbsp;The Block Navigation menu permits you to see every part of your publish, which is now in a series of blocks. you can click on any block to jump to the corresponding block within the put-up.<\/p>\n\n\n\n<p>In wordpress Gutenberg editor, from this conversion, each paragraph is now in its own Paragraph block, and each image is in an image block. As soon as I clicked the Convert to Blocks button,&nbsp;WordPress automatically convert all the content in the single Classic Block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/www.vwthemes.com\/wp-content\/uploads\/2022\/02\/blog-banner-7-1024x338.png\" alt=\"WordPress Bundle\" class=\"wp-image-77306\" srcset=\"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-1024x338.png 1024w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-1000x330.png 1000w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-64x21.png 64w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-300x99.png 300w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-768x253.png 768w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-1536x506.png 1536w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-2048x675.png 2048w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-1200x396.png 1200w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-190x63.png 190w, https:\/\/preview.vwthemesdemo.com\/old_website\/wp-content\/uploads\/2022\/02\/blog-banner-7-273x90.png 273w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Try our light WP themes on our website and create awesome WordPress websites. Grab our <strong><a href=\"https:\/\/www.vwthemes.com\/themes\/wp-theme-bundle\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress bundle<\/a><\/strong> at just $99 only.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As of WordPress 5.9\u2019s launch on December 6, 2018, WordPress has a new default content material editor. known as the WordPress Gutenberg editor at the same time as in improvement, \u201cGutenberg\u201d is now just the \u201cWordPress editor\u201d. The brand new block editor brings with it an entirely different approach to creating content in the form [&hellip;]<\/p>\n","protected":false},"author":9250,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-77302","post","type-post","status-publish","format-standard","hentry","category-about-wp-themes"],"_links":{"self":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/77302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/users\/9250"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/comments?post=77302"}],"version-history":[{"count":2,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/77302\/revisions"}],"predecessor-version":[{"id":77361,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/posts\/77302\/revisions\/77361"}],"wp:attachment":[{"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/media?parent=77302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/categories?post=77302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview.vwthemesdemo.com\/old_website\/wp-json\/wp\/v2\/tags?post=77302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}