Gutenberg Editor Impact On WordPress Development

1
Gutenberg Editor Impact On WordPress Development
2
Introduction
Gutenberg WordPress editor named after the
inventor of printing press Johannes Gutenberg is
introduced to make editing and content publishing
on the WordPress CMS platform more easier with a
lot of additional values. The new text editor
organizing everything into blocks is likely to
offer a more advanced layout for the WordPress
websites. The text editor has just been
introduced as a beta version which means it is
still undergoing the testing phase and not ready
to run on production sites as of now. Gutenberg
is likely to become one of the most significant
value additions for the WordPress platform as it
would help to address a lot of bugs, issues and
help to process different feature requests. After
the testing phase is over, Gutenberg is likely to
be shipped with the next WordPress 5.0 update.
3
(No Transcript)
4
Features Of Gutenberg

• Drag and Drop Blocks
• What You See Is What You Get (WYSIWYG) Editing
• Dynamic Options
• Document Outline
• Anchor Support
• Tables
• Buttons
• Text Columns
• Easily-Adjustable Font Sizes
• Full-Width Alignment

5
Gutenberg A Block-Based Editor
Blocks are an integral new addition to the
WordPress ecosystem, and the name is apt as they
are literally the building blocks you use to
create content. Every individual piece of
content in Gutenberg is its own block. This
includes text paragraphs, images, embedded files,
headers, featured images, and so on. You can add
a block to a post or page by clicking on the
button marked with a plus sign, and selecting the
type you want. This represents a vast departure
from the classic WordPress editor, where you
added all content into a single area. The main
benefit is that its now much easier to edit
blocks individually, enabling you to set
block-specific settings and formatting. Its
also simpler to organize and re-order content
within your posts and pages. There are already a
huge number of blocks available by default. Also,
thanks to the ability to create custom blocks,
you can add pretty much any type of content to
Gutenberg easily. In fact, you can even port meta
boxes into Gutenberg blocks.
6
The WYSIWYG Editing
Gutenberg introduces a full What You See Is What
You Get (WYSIWYG) interface, which ensures that
you always know exactly what the layout will look
like once its published. So, if you make a
change in the editor, what youre seeing there is
much closer to what will appear on the sites
front end.
Dynamic Options
In the new version, instead of a static toolbar
coupled with numerous settings strewn around the
main editor, Gutenberg will only show you options
related to the specific block youre currently
editing. For example, if youre editing a text
paragraph, youll only see the formatting choices
and other settings that are relevant for that
block.
7
Document Online
Document Outline feature, which is a minor yet
beneficial addition, becomes available when you
add at least one heading to your content, and you
can see it by clicking on the information button
in the top-left corner of the editor.
8
Anchor Support
Another Gutenberg feature many users have longed
for is the ability to add HTML anchors to your
content. You can now add anchors to blocks, which
lets you link directly to a particular block from
anywhere else on a page or post. That means now
you can easily link one heading to another.
Tables
Tables are a common feature in most content
creation tools, but theyve historically been
quite challenging to use in WordPress. What
previously required a plugin or HTML code is now
conveniently available as a Gutenberg block. All
you have to do is add a Table block to your page
or post.
9
Buttons
WordPress has so far been lacking is the humble
button. Fortunately, Gutenberg has introduced a
button block that lets you add this feature to
your content with ease. When you create a button
block, youll be able to edit its text and link.
Tables
Tables are a common feature in most content
creation tools, but theyve historically been
quite challenging to use in WordPress. What
previously required a plugin or HTML code is now
conveniently available as a Gutenberg block. All
you have to do is add a Table block to your page
or post.
10
Text Columns
This feature is still in beta version. It is a
variation of the standard text block, which lets
you split your content across responsive columns.
Easily Adjustable Font Sizes
Gutenberg is all about ease-of-use, and making
every option as intuitive as possible. This even
extends to something as simple as the size of
your text. You now have multiple options for how
small or large you want your fonts to be.
11
Full- Width Alignment
If your theme allows for it, some blocks can be
made to stretch the full width of your page
content. Just click the full-width button at the
top of the block if it appears
12
How Does This Impact WordPress
Development?

1. Make Media-Rich Content Easier
2. Organized Content in Block Format
3. Get a new Workflow
4. Render some Unusable Plugins
5. Increases Productivity
6. Reduce the learning curve
7. Adding Widgets
8. Business-Oriented

13
Conclusion
Gutenberg has been the talk of the town since its
release. The features mentioned above clearly
proves that it is very easy to learn and use as
no technical skills are required to make a custom
layout for your blog, post or website. So,
people only have to look for the kind of style
which allows editing at user-experience level.
14
Lets
Let us
Be
All
Envision
Leverage
Infinite
Together
CMARIX TechnoLabs 518-528, Yash Arian, Swami
Vivekanand Circle, Memnagar Road, Ahmedabad
380 052
biz_at_cmarix.com 1 631-206-6051www.cmarix.com