meet the new WordPress editor and see the new features available – WAU

With the launch of Gutenberg WordPress, many users were in doubt as to its advantages over the previous content editor. However, the new features can make everyday life easier and some techniques will help producers, especially beginners, to master the tool.

Recently, several users inserted in the WordPress universe have expressed themselves in relation to a new post editor that the platform launched. Known as Gutenberg WordPress, the resource arrives to revolutionize the way we produce content for the web. But what about you, already know this news?

In today’s post we will present the tool, the pros and cons in relation to the previous editor and, of course, give tips on how to use it in the best way. So, follow along!

What is Gutenberg WordPress?

Gutenberg is the newest WordPress content editing and posting tool. It was released on December 6, 2019 in version 5.0 Bebo and comes with the goal of making the work of programmers and content producers easier on the platform.

The promise is to deliver a completely different experience to users, both in terms of visuals (interface) and functionalities. At first, we can say that the editor gives a feeling of lightness and modernity.

How to install Gutenberg?

If you already work with WordPress version 5.0, Gutenberg will be the default editor. From there, just click on “Add New Post / Page” that the editor will open its work interface automatically.

If you use a lower version, you can access the new text editor through the platform’s plugin repository and perform a manual installation. The process is similar to installing other plugins, and can be done via Dashboard (administrator control panel).

When opening your WordPress panel, click on “Add New Plugins”, locate Gutenberg in the list and click on it to start the installation process. It is important to remember that the new editor only works on versions equal to or greater than 4.8. So, if you’re using an even older version, you won’t be able to install and use Gutenberg.

How does the Gutenberg editor work?

Unlike a page with a single typing field, such as the one that Microsoft Word or Google Docs delivers, Gutenberg presents a new concept of block-based editing. This means that each element can be inserted, edited and removed separately without affecting the whole.

It provides blocks of paragraphs, titles, subtitles, images, videos and so on. All can be configured individually. This method makes the editor’s interface similar to the systems used by code programmers, in which scripts are developed and launched in stages during the creation of applications.

Consequently, the production of content is more organized, facilitating the administration of the elements of the page. In addition to introducing the concept of block production, Gutenberg presents a new appearance, reminiscent of the famous Medium editor on Twitter.

Now, you also no longer need to be viewing the page with each change made, as everything you see in the edit field is exactly as it will appear after publication. In short, you work directly on the layout of the page displayed publicly on the web.

For template developers, Gutenberg also brings news. It is now possible to work with React (JavaScript open source library) on the WordPress platform. This is a programming language widely used in the front-end market. This should excite professionals focused on website design.

What are the advantages of Gutenberg?

In addition to content organization and easy configuration of editing blocks, Gutenberg offers other advantages that deserve to be highlighted. Are they:

  • allows the construction of complex layouts without the need for great knowledge;
  • shows only the tools you can use when editing blocks;
  • allows developers to easily create plugins and layouts;
  • delivers a less distracting work interface with an expansive screen;
  • it is responsive, allowing the creation of content via mobile devices;
  • offers a cleaner, intuitive and functional design;
  • it is easier to use, even for beginners;
  • aligns with higher resolution screens.

All these advantages make Gutenberg, in addition to being efficient, a more intuitive platform to work the Content Marketing.

What are the disadvantages of Gutenberg?

Gutenberg also has some negative points that are worth mentioning. The main ones are:

  • according to some users, the first version of Gutenberg features poor review features and consistent bugs (flaws), which can hinder an SEO strategy;
  • compatibility with older plugins and layouts may be an issue in the future, especially for developers using features integrated with TinyMCE;
  • if you do not like using Gutenberg, you will not be able to avoid it, as it will be the default editor of the platform, having its functions inserted into the WordPress core.

What are the best tips for mastering the tool?

If you are an enthusiast of the new Gutenberg editor and want to start using it right away, we have separated some tips that should make your experience richer and provide a quick learning experience. Follow!

1. Test Gutenberg before using it definitively

If you are using a WordPress version earlier than 5.0, you will have the chance to test Gutenberg without installing the plugin. Just go to the official page of the tool to experience the experience. Remembering that the test is performed online.

Now, if you prefer to know the tool by installing the plugin, we recommend that you use a testing website or blog. You can use the host’s own environment (hosting provider) for this. So, there is no risk of altering something important on any page that is already on the air.

2. Type “/” to add a new block

Finding and adding edit blocks can be a time-consuming process, especially for beginners. So, to gain agility, instead of searching with the mouse, just press the “/” key on your keyboard and type the name of the block you want to add.

The great thing about this function is that Gutenberg offers automatic block suggestions to insert on your page, eliminating the work of typing the full names. This should contribute to improving the productivity of users.

3. Know the other keyboard shortcuts

In addition to the “/” key there are other keyboard shortcuts that you should be aware of. After all, WordPress introduced some new ones after switching to using Gutenberg as the primary editor. The most interesting are:

  • Press the Shift + Alt + H keys to view the complete list of keyboard shortcuts;
  • Press the Ctrl + Shift + Alt + M keys to switch between Visual Editor and Code Editor;
  • Press the Ctrl + Alt + Backspace keys to delete an added block;
  • Press the Ctrl + Shift + D keys to duplicate an added block;
  • Press the # key twice (##) to create a header;
  • Press the> key once to create a quote.

4. Use the new “Twenty Nineteen” theme

Annually, WordPress makes available templates (themes) commemorative and / or with features related to platform updates. These themes are usually free and represent a good opportunity for users.

Twenty Nineteen is an example of this. In celebration of the launch of Gutenberg, the theme is fully compatible with the editor and delivers functions aimed exclusively at it.

The template is also responsive and has a versatile design, which facilitates its adaptation to different types of pages. So, if you are looking for a theme for your blog or website, “Twenty Nineteen” is an alternative to consider.

5. Copy and paste from anywhere

If you produce content using Microsoft Word or Google Docs, you can copy and paste the texts directly into the Gutenberg editor and the settings will be kept. This is also true for images.

The previous WordPress text editor did not offer this feature, which required extra work to reconfigure the content on the platform. Then, you can maintain production as you already do and migrate the texts to Gutenberg later, using this unprecedented function.

6. Drag and drop the images

Another new feature that should speed up the production of content is the possibility for you to click on the desired photo, drag and drop it directly onto the image block. This was already possible to do in the visual editor, but now you can use the function directly in Gutenberg, making the job easier.

7. Hide the sidebar

What do you think about having a cleaner work environment, with less distractions to focus on writing? You can achieve this in Gutenberg by clicking on the 3 dots (…) in the upper left corner and activating the “Full Screen” editing mode (full screen). This function should hide the entire left sidebar of the editor, improving your work experience.

Considering that content production represents an important part of Digital Marketing, Gutenberg WordPress arrives to give strategists a strength. So, take advantage of our tips and explore the new text editor today.

Did you like the news? Download the e-book “WordPress Guide to Corporate Blogs” right now and discover many more features of the platform!