As you probably know by now, WordPress 5.0 is out. It was released a bit over a week ago, on December 6 to be exact.<\/p>\n
Now, if you read our previous article which covered this WordPress release<\/a>, you know the real talk of the town was and still is Gutenberg, the new WP editor which is also, surprisingly enough, the fastest growing WordPress plugin.<\/p>\n Why has Gutenberg been grist for the gossip mill for the past, let\u2019s say, a couple of months? Well, without getting too much into the technical overview<\/a> of this editor, we are just going to mention that it caused a lot of attention because it is so handy and beginner-friendly. For you, as a user, this means that you don\u2019t have to worry about using HTML code or HTML editor.<\/p>\n By now, you might start thinking Why did WordPress create a new editor, to begin with?<\/em><\/p>\n Well, there is no doubt that the Classic Editor<\/a> was pretty foolproof once you get the hang of it. But, you have to admit, it is a bit outdated. To modernize the design and usability, WordPress coders created Gutenberg, an editor that uses \u201cblocks\u201d<\/strong>, units in which you can, with a drag and drop method, add media. A block can be regular text, an image, a video, button, widget, table, etc.<\/p>\n You already like how this sounds, don\u2019t you?<\/p>\n We do too. So, instead of making a rant by naming all the drawbacks of Gutenberg, we are going to give you some tips on how you can actually use it<\/strong>.<\/p>\n Without further ado, let\u2019s get started!<\/p>\n Every good story starts with a smooth install.<\/p>\n To install this editor, all you need to do is go to the WordPress repository<\/a> and click Download<\/em> or do it by following these steps:<\/p>\n If you are having trouble doing the install, check the version of your WordPress since Gutenberg requires WordPress 4.8 to work<\/strong>.<\/p>\n That was the annoying part.<\/p>\n Now, let\u2019s get to what super cool features Gutenberg offers.<\/p>\n Gutenberg is pretty hard to miss since it adds a new section in your Dashboard<\/em> by the name \u30fcyou guessed it \u30fc Gutenberg.<\/p>\n Adding new posts and editing the old ones haven\u2019t changed a bit with the new editor.<\/p>\n If you want to write a post and edit it with Gutenberg, all you need to do is hover over the Post<\/em> section and click on the Add New<\/em> option. The post will automatically open in Gutenberg. If you want to, however, edit some existing post via Gutenberg, hover over the post<\/strong>, and you\u2019ll see the Gutenberg option. Click on that, and you\u2019ll be able to edit it easily.<\/p>\n Now, hold on, this is not necessarily a bad thing!<\/p>\n Being a Medium<\/a> lookalike makes it more user-friendly, and we are sure that if you like the Medium editor, you\u2019ll love Gutenberg features.<\/p>\n Luckily for you, Medium and Gutenberg have more than one thing in common.<\/p>\n The first similarity is the fact that there\u2019s more space for you to write on. To get clean writing space<\/strong>, all you need to do is click on the button Post Settings<\/em> and, with just a couple of clicks, get rid of the menu on the right.<\/p>\n A second resemblance is an option related to text editing. So, for example, when you highlight some part of the text, there is an option to change indentation and the form of the text \u30fcyou can apply the Bold<\/em> or Italic<\/em> option, Underline<\/em>, etc. You can also delete it and edit it a bit more.<\/p>\n We bet you are going to be completely confused when you first look at Gutenberg.<\/p>\n Sure, it looks a lot like Medium, but it does remind you of something more.<\/p>\n To save you the trouble of overthinking \u30fc Gutenberg has one feature that page builders<\/strong>, like Wix, Divi or Squarespace also have \u4e00 the drag and drop option.<\/p>\n In the previous editor, you were able to see two buttons in the right part of the main menu, and you were able to switch between the visual and the text editor easily.<\/p>\n These two modes are now placed in the dropdown on the left. The other thing that has changed is that there are HTML comments <\/strong>in the beginning. These comments are there to allow you to create blocks.<\/p>\n To insert an image, a quote or a headline (basically anything you wish to), all you need to is click on the Insert<\/em> button (next to the Settings<\/em> one) and you will be able to easily add some photos to your post and structure the text. There\u2019s also a \u201c+\u201d button<\/strong> in the left corner which is there to help you add different types of blocks.<\/p>\n Why shouldn\u2019t you bring some joy into the text form and customize its appearance even more?<\/p>\n That\u2019s probably the question WordPress coders had in mind when they included this option.<\/p>\n If you want to customize the text even more, all you need to do is select it, and you\u2019ll see a menu<\/strong> opening on the right side of the editor. With this menu, you have the option to change its background color or text color. There\u2019s even a Drop Cap<\/em> option (which capitalizes the first letter, just like you can do it in the posts on Medium).<\/p>\n Bare in mind that you can use this option starting from the Gutenberg 0.9.0 version<\/a>.<\/p>\n WordPress peeps paid attention to quotes, as well.<\/p>\n Let us introduce you to pull quotes.<\/p>\n As you might know, pull quotes are not your regular blockquotes. They are short excerpts from the text which are visually separated and have a dominant position<\/strong> in the post. Blockquotes, however, are meant to name some external source and are separated from other text but are not this dominant.<\/p>\n Gutenberg allows you to play with pull quotes the way you\u2019ve never done before. Be sure to try this option out.<\/p>\n If you have been using WordPress since the beginning, then you probably rolled your eyes more than a couple of times when somebody mentioned tables. Yes, in the previous editor, there was no option to create a table with just one click. You had to use a plugin to create them or play around with HTML.<\/p>\n The good news is that Gutenberg brings table block<\/strong>, which allows you to add 2×2 tables. As you might have suspected, you can edit the table by increasing the number of rows and tables.<\/p>\n P.S. Just like you can add tables, you can also add text columns. Gutenberg really likes to show off and we love it.<\/p>\n If you sometimes go overboard with the number of words in your posts, then you know that having a clear view of the text\u2019s structure can stop you from complicating the text even more. In Gutenberg, you can find a clean table of content on the right side of the editor.<\/p>\n And the fun doesn\u2019t stop there.<\/p>\n If you click on the \u201ci\u201d (information) icon<\/strong>, you\u2019ll get the info on the current number of words, how many blocks you added and how many headings there are in the text.<\/p>\n Why not add a button as a CTA to your next blog post?<\/p>\n Whether it is Learn More, Subscribe or any other button, you can simply add it by choosing a Button<\/em> in the Layout Elements<\/em>. Additionally, you can adjust the shape, size and the color, as well as the text in the button. No HTML, no CSS needed.<\/p>\n Did you know that you can embed YouTube videos, tweets and other multimedia posts using the previous editor? Probably not. Don\u2019t worry, other WordPress users didn\u2019t know either, and we can blame WYSIWYG editor for that \u30fc there were no signs that this was an option in the visual editor.<\/p>\n Gutenberg, luckily for WordPress users, decided to notify you about every single thing. If you want to learn which media you can embed be sure to check a post on Gogutenberg.com<\/a>.<\/p>\n Have some new ideas to include in a published post while standing in the line to buy groceries? No problem!<\/p>\n You can quickly edit the post on your smartphone. It\u2019s so easy to do and fully mobile-friendly<\/strong>.<\/p>\n We\u2019d like to think that WordPress wanted to boost your SEO by creating this option.<\/p>\n So, if you wrote a text and you want to add some internal links, one of the options is to include them in the text, almost seamlessly or you can accentuate them by making a list of blog posts<\/strong> which are related to the one in question.<\/p>\n Sometimes the second option seems more suitable and for that Gutenberg has the Latest Posts<\/em> block in the Widget<\/em> section.<\/p>\n Slash Autocomplete, that is.<\/p>\n If you have been a Slack user for a while, then you know what we are talking about. Slash Autocomplete allows you to easily add a block, simply by typing \u201c\/\u201d<\/strong> and selecting one of the autocomplete options (like \u201c\/head\u201d for heading).<\/p>\n Of course, it does! If you want to read how Yoast team designed this tool for Gutenberg, be sure to check Yoast\u2019s official post on this matter<\/a>.<\/p>\n Now that you are familiar with the most prominent features of Gutenberg, we have to mention there is no such thing as the perfect text editor, especially the editor which is still in the testing stage.<\/p>\n There are three significant drawbacks<\/strong> of Gutenberg at this point.<\/p>\n The first con of using Gutenberg is the learning curve<\/strong>. As we mentioned, it\u2019s pretty easy to use, but it does require some adjusting to it, especially if you are so used to the old editor.<\/p>\n The second disadvantage is that it does not support responsive columns<\/strong>. At least not yet.<\/p>\n The third downside, which is why developers worry so much, is the lack of interoperability with the old system<\/strong>.<\/p>\n With all this in mind, our advice is not to pay to much attention to this drawbacks and try Gutenberg out.<\/p>\n Yes. From the fifth version of WordPress, Gutenberg is going to become the new WP editor officially.<\/p>\n However, that doesn\u2019t mean that you are not allowed to use the Classic Editor anymore. On the contrary, you can add it and use it as a plugin<\/strong>.<\/p>\n If you have been following the news regarding WordPress 5.0 and Gutenberg, then you know that there are some concerns on how the theme support is going to work. Speculations are there are going to many broken themes and layouts.<\/p>\n You know us better than that. We are not going to let this happen and that is why have already begun updating all our WordPress themes<\/a>.<\/p>\nHow to install the new editor?<\/h2>\n
\n
Adding and editing posts<\/h2>\n
Gutenberg, a Medium lookalike<\/h2>\n
Gutenberg, a page builder lookalike<\/h2>\n
Visual and text editor are now on the left<\/h2>\n
Adding images and other media<\/h2>\n
Text customization<\/h2>\n
Pull quotes<\/h2>\n
Adding tables<\/h2>\n
Table of content and word count<\/h2>\n
CTAs as buttons<\/h2>\n
Embed basically anything<\/h2>\n
Edit on the go<\/h2>\n
Internal linking<\/h2>\n
Rocking through the text with slash<\/h2>\n
Works with Yoast<\/h2>\n
It\u2019s not all rainbows and sunshine<\/h2>\n
Is Gutenberg here to stay?<\/h2>\n
And what about Themes Kingdom themes?<\/h2>\n
In the end, should you switch to Gutenberg?<\/h2>\n