{"id":6423,"date":"2018-12-20T10:22:18","date_gmt":"2018-12-20T10:22:18","guid":{"rendered":"https:\/\/www.milesweb.co.uk\/blog\/?p=6423"},"modified":"2023-09-29T07:29:32","modified_gmt":"2023-09-29T06:29:32","slug":"challenges-with-wordpress-5-0-gutenberg","status":"publish","type":"post","link":"https:\/\/www.milesweb.co.uk\/blog\/wordpress\/challenges-with-wordpress-5-0-gutenberg\/","title":{"rendered":"Beginners Guide: The Challenges With WordPress 5.0 Gutenberg"},"content":{"rendered":"<p class=\"western\">WordPress is one of most used CMS platforms around the world. Being a WordPress user, you must have come across with the notification called \u201cNew WordPress Version is available for update\u201d. Every time a new version of WordPress spins out, it creates curiosity among us about features, plugins and themes, etc. No doubt, in past, many versions of WordPress have created a buzz.<\/p>\n<p class=\"western\">Similarly, the latest version of WordPress that is\u00a0<b>5.0 Gutenberg\u00a0<\/b>is hitting the news, because of its unique features. Though, I am calling it unique in terms of features but, I know most of you will get surprised like me after viewing the\u00a0<b>5.0 Gutenberg<\/b>\u00a0version of WordPress. Likewise, I would like to highlight the challenges which I came across after updating the new version of WordPress which is<b>5.0 Gutenberg.<\/b><\/p>\n<p class=\"western\"><b>Take a look at the dashboard of 5.0 Gutenberg<\/b><\/p>\n<p class=\"western\"><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6427 size-large\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1-1024x449.png\" alt=\"dashboard-of-WP1\" width=\"660\" height=\"289\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1-1024x449.png 1024w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1-300x132.png 300w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1-768x337.png 768w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/dashboard-of-WP1.png 1282w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p class=\"western\">From the above-mentioned image, you must have got an idea about the new version of WordPress that is 5.0 Gutenberg. I know you will get stuck for a minute after viewing the updated dashboard. The same happened with me as well. Literally, I thought something has gone wrong, therefore, I logged in again with an aim to view the previous version of WordPress but it was the same as before. So, you as a WordPress owner should keep yourself updated with the new version of WordPress.<\/p>\n<p><strong>Related:<a href=\"https:\/\/www.milesweb.co.uk\/blog\/wordpress\/5-things-you-need-to-know-about-the-wordpress-gutenberg-editor\/\">\u00a05 Things You Need To Know About The WordPress Gutenberg Editor<\/a><\/strong><\/p>\n<p class=\"western\">Furthermore, Gutenberg includes a new menu in your WordPress dashboard that consists of a demo. This menu is for testing purposes because you will find a completely new WordPress editor than the previous one. If you have used the Medium website before, you will find the new WordPress 5.0 Gutenberg interface similar to that.<\/p>\n<p class=\"western\"><b>Add New Post:<\/b><\/p>\n<p class=\"western\">Once you have updated the WordPress version then you get an option to install a Classic Editor plugin which is an alternative of Gutenberg that displays old editor version.<\/p>\n<p class=\"western\">To install Classic Editor check this link:<\/p>\n<p class=\"western\"><span lang=\"zxx\"><u><a class=\"western\" href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/wordpress.org\/plugins\/classic-editor\/<\/a><\/u><\/span><\/p>\n<p class=\"western\">After installing Classic Editor, you will get your old version of WordPress. But, if you want to use the Gutenberg version then avoid installing Classic Editor plugin. Let\u2019s assume that you are using Gutenberg then check out the image of\u00a0Gutenberg editor given below.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Guternberg-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6428 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Guternberg-2.png\" alt=\"Guternberg-2\" width=\"832\" height=\"361\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Guternberg-2.png 832w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Guternberg-2-300x130.png 300w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Guternberg-2-768x333.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n<p>The above-shown image tells you that you can start writing your post. Similar to what you used to do in the previous version of WordPress.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6429 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3.png\" alt=\"comparison-of-dashboard3\" width=\"2441\" height=\"770\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3.png 2441w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3-300x95.png 300w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3-768x242.png 768w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/comparison-of-dashboard3-1024x323.png 1024w\" sizes=\"auto, (max-width: 2441px) 100vw, 2441px\" \/><\/a><\/p>\n<p class=\"western\">Once you start writing in the Gutenberg\u2019s dashboard then you will not face issues like merging of words. Whereas, if you are writing in the word document and copy-pasting\u00a0the content in the dashboard then your words may get merged. You have to separate them by giving the space between the words. I think this is quite a time-consuming task.<\/p>\n<p><strong>Related:\u00a0<a href=\"https:\/\/www.milesweb.co.uk\/blog\/wordpress\/my-wordpress-has-been-hacked-how-to-get-it-back\/\">WordPress Hacked! No More a Headache<\/a><\/strong><\/p>\n<p class=\"western\"><b>Add Paragraph<\/b><\/p>\n<p class=\"western\">For adding a new paragraph, you have to click on<strong>\u00a0\u2018+\u2019<\/strong>\u00a0sign which is known as \u201cAdd block\u201d available on right-hand side corner. After clicking on that option, you will see plenty of options that you can see in the given image below:<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6430 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para4.png\" alt=\"\" width=\"400\" height=\"460\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para4.png 400w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para4-261x300.png 261w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p class=\"western\">Click on<strong>\u00a0Paragraph<\/strong>\u00a0for adding a paragraph in your article.<\/p>\n<p class=\"western\"><b>Add Heading<\/b><\/p>\n<p class=\"western\">Heading tags are the main elements in the article. Without heading tags, you can\u2019t do proper formatting of the titles. If there are no heading tags then it will affect the appearance of the article. Let\u2019s find out in Gutenberg, where you will get heading tags. As I said before, you will get plenty of options under this \u2018<b>+<\/b>\u2019 symbol. For heading tags, you have to click on\u00a0<strong>Heading.<\/strong><\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6431 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-5.png\" alt=\"\" width=\"400\" height=\"460\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-5.png 400w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-5-261x300.png 261w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p class=\"western\">After clicking on\u00a0<b>Heading<\/b>, you will see options for heading tags.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/heading-tag6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6432\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/heading-tag6.png\" alt=\"\" width=\"781\" height=\"358\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/heading-tag6.png 781w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/heading-tag6-300x138.png 300w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/heading-tag6-768x352.png 768w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><\/a><\/p>\n<p>With the help of these heading tags, you can give any tags depending on your requirement.<\/p>\n<p class=\"western\"><b>Add Image<\/b><\/p>\n<p class=\"western\">Images are the backbone of the article. In the same way, adding images in the article is effective for users and search engines. Check the steps given below for adding images in the article:<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6433 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-7.png\" alt=\"\" width=\"400\" height=\"460\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-7.png 400w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-para-7-261x300.png 261w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p class=\"western\">Click on\u00a0<strong>Image<\/strong>\u00a0for adding images in the article. After clicking on\u00a0<strong>I<\/strong><strong>mage<\/strong><strong>,<\/strong>\u00a0you will get these options:<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-image8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6434 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-image8.png\" alt=\"\" width=\"614\" height=\"325\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-image8.png 614w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-image8-300x159.png 300w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-image8-390x205.png 390w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/a><\/p>\n<p><b>Add-ons in Add block<\/b><\/p>\n<p class=\"western\">The add block tab consists of plenty of features that you can use as per your requirement.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-block-tab9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6435 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-block-tab9.png\" alt=\"\" width=\"399\" height=\"486\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-block-tab9.png 399w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/add-block-tab9-246x300.png 246w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/a><\/p>\n<p class=\"western\"><b>Remove block<\/b><\/p>\n<p class=\"western\">For removing any block from the article, you simply have to click on\u00a0<strong>right-hand side option which is a vertical ellipsis (3 dots)<\/strong>. Under vertical ellipsis, you get last option called\u00a0<strong>\u201c<\/strong><strong>Remove Block<\/strong><strong>\u201d.<\/strong><\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/remove-block10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6436 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/remove-block10.png\" alt=\"\" width=\"564\" height=\"347\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/remove-block10.png 564w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/remove-block10-300x185.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/a><\/p>\n<p class=\"western\"><b>Document: Categories, Featured Image, Tags, Permalink, etc.<\/b><\/p>\n<p class=\"western\">To avail all these features, you have to click on the\u00a0<strong>document<\/strong>\u00a0tab in the left-hand side corner of the dashboard.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6437 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document11.png\" alt=\"\" width=\"353\" height=\"232\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document11.png 353w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document11-300x197.png 300w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/a><\/p>\n<p class=\"western\">After clicking, on the document, you get all these above-mentioned features.<\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6438 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/document12.png\" alt=\"\" width=\"279\" height=\"291\" \/><\/a><\/p>\n<p class=\"western\"><b>Save Draft, Preview and Publish<\/b><\/p>\n<p><a href=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Draft-preview-and-publish13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6439 aligncenter\" src=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Draft-preview-and-publish13.png\" alt=\"\" width=\"602\" height=\"138\" srcset=\"https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Draft-preview-and-publish13.png 602w, https:\/\/www.milesweb.co.uk\/blog\/wp-content\/uploads\/2018\/12\/Draft-preview-and-publish13-300x69.png 300w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/a><\/p>\n<p class=\"western\">These three tabs are the main factors that you need to make your article live. You get these options in left-hand side corner on the header of your dashboard.<\/p>\n<p class=\"western\"><b>Conclusion:<\/b><\/p>\n<p class=\"western\">After reading this article, you will find it easy to access the new version of WordPress that is \u201cGutenberg\u201d. I know it\u2019s not that easy to become used too with the new version. I will suggest implementing the famous quote<i>\u00a0\u201cPractice<\/i><i>\u00a0makes man perfect\u201d<\/i><i>.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is one of most used CMS platforms around the world. Being a WordPress user, you must have come across with the notification called \u201cNew WordPress Version is available for update\u201d. Every time a new version of WordPress spins out, it creates curiosity among us about features, plugins and themes, etc. No doubt, in past,&#8230; <a class=\"read-more\" href=\"https:\/\/www.milesweb.co.uk\/blog\/wordpress\/challenges-with-wordpress-5-0-gutenberg\/\">Read More<\/a><\/p>\n","protected":false},"author":390,"featured_media":6441,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[281],"tags":[61,301,599],"class_list":["post-6423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress","tag-wordpress-cms","tag-wordpress-gutenberg-editor"],"_links":{"self":[{"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/users\/390"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=6423"}],"version-history":[{"count":8,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6423\/revisions"}],"predecessor-version":[{"id":17551,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6423\/revisions\/17551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/media\/6441"}],"wp:attachment":[{"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=6423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=6423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milesweb.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=6423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}