This website editor was named after Johannes Gensfleisch zur Laden zum Gutenberg, who was a German blacksmith, goldsmith, printer, and publisher who also introduced printing to Europe with the printing press. Depending on how often you use WordPress to build websites from scratch or just want to upgrade yours from one platform to another, you may or may not already be familiar with the upcoming WordPress Gutenberg editor. But you can learn the bulk of its information and how to use it via the WordPress Gutenberg tutorial.
2. Quick Overview:
This website editor was named after Johannes Gensfleisch zur
Laden zum Gutenberg, who was a German blacksmith, goldsmith,
printer, and publisher who also introduced printing to Europe with
the printing press. Depending on how often you use WordPress to
build websites from scratch or just want to upgrade yours from one
platform to another, you may or may not already be familiar with the
upcoming WordPress Gutenberg editor. But you can learn the bulk
of its information and how to use it via the WordPress Gutenberg
tutorial.
3.
4. What is Gutenberg?
Gutenberg, the long and the short of it, is the next generation
website editor which will be replacing the previous (albeit cool)
website editor, the TinyMCE. It is the current WYSIWYG text editor
where you write your posts and pages. Despite the hype of the
website editor giving websites an aesthetic update, it will actually do
a lot more than that, because it is going to radically change the
editing experience of web designers and enthusiasts alike! It will do
this by moving from single edit field to a block-based approach
when creating content.
5.
6. Release Date for the Gutenberg?
Gutenberg is expected to be released this year, 2018, and to
become officially a part of the WordPress core which will come out
together with the WordPress 5.0. Unfortunately, WordPress hasn’t
revealed the exact date of the release, so it’s up for speculation;
however, the Gutenberg editor is already causing a major hype in
the mainstream media. It’s actually a good idea for the WordPress
core team to keep things vague with the launch of the Gutenberg as
it will give them enough time to fix everything to perfection.
7. How the WordPress Gutenberg Editor Works
Now that we’ve gotten the basic introductions out of the
way, we can then proceed to tackle the intricacies of how
the WordPress Gutenberg editor works. The developers
wanted the Gutenberg to handle complex tasks while
making it very user-friendly to you, so that website editing
will feel like a breeze even for beginners. It’s actually a very
interesting idea to discuss.
8. Block-Based Editing 101
Basically, the Gutenberg differs from the current WordPress
TinyMCE editor by replacing the single edit field with a lot of
individual “blocks.” From what we’ve learned, these blocks will allow
you to build more complex designs compared with the limitations
from the previous website editor. The WordPress Gutenberg editor
therefore is a huge step towards simplification in web design and
general web editing.
9.
10. What is a Block?
Whether in layman’s terms or in technical-specific, a block is a general term used for
almost anything. A block could be used for:
• Regular text
• Images
• Video embeds
• Buttons
• Widgets (yes, those same widgets you use in your sidebar)
• Tables
And just like the TinyMCE editor where you can download and install plugins the
Gutenberg editor also has room for open source plugins that will be added as
succeeding blocks on the dashboard. The WordPress plugins Gutenberg will give
you more flexibility as you build your site onto a more comprehensive level. Each
block is independent from the other blocks, therefore you can customize them
separately and the other blocks or sections on your website won’t be affected.
11. Can Gutenberg be Considered as a Page Builder?
Unfortunately, Gutenberg in its current form cannot yet be
considered as a page builder. Remember when we told you that it
WILL become an all-in-one website editor? Well, upon its release it
will be in its basic form and it will need to evolve further down the
road as the core developers will encounter new ideas from time to
time. I think that when it comes out any time soon this year even the
WordPress Gutenberg tutorial will emphasize on it not being an
immediate replacement for page builder apps.
12.
13. How to Install Gutenberg?
First make sure that you have the WordPress version 4.8 before
downloading and installing the Gutenberg website editor. You can
find the WordPress plugins Gutenberg by doing a Google search –
this should lead you directly to the WordPress repository – or you
can download it from your WordPress dashboard under “Add New”
plugins tab. Keep in mind to install this plugin on a test site to avoid
any errors.
14.
15. Pros of WordPress Gutenberg Editor
• Plays a role as a central hub where core developers, theme developers, plugins, and the
website editor could integrate and work as one.
• Learn it once and use it everywhere.
• Publishers will likely favor it better than the TinyMCE and other website editors that have
come before.
• Gutenberg provides a less distracting experience with more screen space.
• Blocks help you customize your site better and the new alignment options allow for full-width
template sites to have their users view larger resolution screens. It’s also very responsive.
• Works well on mobile devices.
• Theme and plugin developers will have the ability to create their own custom blocks.
• Designed for people who does not have any web design experience and beginners will find it
very easy to use.
16. Cons of WordPress Gutenberg Editor
• Unable to support Markdown in its current form.
• Although it has been designed to make it easier for beginners to learn, some may
still have a hard time learning it.
• Gutenberg website editor gained the ability to support meta boxes as of October
2017; however, it still needs further development. But as a bonus SEO Yoast is also
fully supported.
• The developers did not enable the editor to support responsive columns yet. This
may prompt users to install shortcode/visual builder plugins to compensate. The
core team definitely has to include this as soon as possible or they will get tons of
complain for something that’s almost trivial.
• Another issue with the Gutenberg is that there have been hundreds of thousands of
themes and plugins that were created for the TinyMCE editor. Once the Gutenberg
is released, then all those themes and plugins will most likely encounter backwards
compatibility problems and the developers will have to update them in order to be
18. WordPress Gutenberg version 2.3.0
You may want to start exploring the WordPress Gutenberg version
2.3.0 now and see what you can do with your test website. If
everything goes well, then you can even publish your new site
immediately! You will absolutely love it as it is easier to build and
customize your website than with the previous TinyMCE editor. In 1-
2 years from now the WordPress Gutenberg website editor will be
completely different and will be able to support so many other apps,
themes and plugins and it will be far superior than all the other
editors that have come before it!