Presently, the WordPress team is in the path of releasing the totally new WordPress content editor know as WordPress Gutenberg Editor and it is now planned as a part of WordPress 5.0.
After the release, the process used for writing WordPress blog posts previously will change.
But if you are still interested in using the current content editor, you will have the option of installing a plugin for using the present editor.
Subsequently, I will answer the question – What is WordPress Gutenberg Editor?
Also, this will prepare you for the upcoming change and make you understand how you can use the WordPress Gutenberg Editor.
I will explain precisely how you can utilize the new WordPress Gutenberg Editor to write a blog post, to get you ready for the change after the release of WordPress 5.0.
What is WordPress Gutenberg Editor?
WordPress Gutenberg editor uses “blocks” to help you generate contents, instead of the single text input area used currently.
It is to some extent comparable to the present WordPress TinyMCE editor, although the major difference you will notice is that the single text box used for writing and formatting content is no longer available.
In its place, you will see a large white area that begins with ‘Add title – Start writing or type / to choose a block’.
Basically, a block can be anything such as:
- An image
- A CTA button
- A normal paragraph of text
- An embedded video
Third-party developers will also have the capability to code their personal blocks, in order to improve the functionality of the editor.
You can now see a sample of this invention with the BlocksWP Social Share Block.
How to use the WordPress Gutenberg Editor?
Step 1 – Understanding the Interface
Click the + button and you will be able to add a block from the list.
This is the backward and forward arrow for undoing your stuff which is similar to editing with Microsoft Word.
This is where you can select the publishing date, add categories or tags, set the featured image, etc.
This settings area contains several options just like the current WordPress editor sidebar.
When you choose a block, this settings area comprises settings that are applicable to the block you selected.
This is where you can pick your preferred styles, colors, and other essential block-specific details.
Both buttons will allow you to preview and publish your post.
How to Write A Blog Post Using the WordPress Gutenberg Editor?
Now that you understand what WordPress Gutenberg Editor is and you have an idea of how the interface works, it is time to explain and demonstrate how you can really use Gutenberg for writing blog posts for your website.
For instance, let’s assume that you need to write a blog post that includes the following:
- Writing Paragraphs and Text
- Adding an Image Block
- Adding a YouTube Video
- Adding a Table Block
- Adding a Call to Action Button
Earlier, different plugins or custom CSS may be needed to manage the creation of a table and Call to Action button, but presently, you can get everything done easily with WordPress Gutenberg Editor.
Step 2 – Writing Paragraphs and Text
If you want to write the text of your blog post, you don’t need to actually add another block on Gutenberg.
You can just click on the page and start writing instead:
When you hit the enter key, a new paragraph will be created and Gutenberg will generate a new block automatically.
If you need to add a link, modify the alignment, or format the text using bold or italics, you can utilize the floating menu bar that appears after clicking on the text block:
Step 3 – Adding an Image Block
To add an image somewhere inside your blog post, you need to hover on the spot where you want to add the image.
When hover on the spot, the + icon will be displayed.
The block list will appear after clicking on the + icon, which will help in selecting the Image block.
After that, you’ll have the chance to upload a image or choose a specific image from your Media Library, the same way it works in the present WordPress editor:
Step 4 – Adding a YouTube Video
Embedding a YouTube video involves following a nearly similar process:
- Hover on the place you want to embed the YouTube video
- Click the + icon
- Go to the Embeds tab
- Select YouTube
At that point, the next thing to do is pasting in the URL of the video, click Embed, and the embedded video will appear in your post:
Step 5 – Adding a Table Block
The table block makes it possible for you to add and modify a table anyplace in your content without any difficulty.
To add a table block, you will need to use the process explained above.
After adding it, you can insert or remove rows and columns through the floating menu bar:
Step 6 – Adding a Call to Action Button
In my own opinion, the button block is one of the most essential add-ons to the WordPress Gutenberg editor for the reason that these buttons are really difficult to add without understanding how to use the custom CSS.
However, using the buttons is now easy with the new WordPresss Gutenberg editor.
You can add a Call to Action button by following the same procedure used for other blocks.
If you want to edit the button’s text, just click and type and using the side bar under the block tab:
It is that simple to write a whole blog post with the new WordPress Gutenberg editor.
Now you should know the answer to the initial question – What is WordPress Gutenberg editor.
and also know how to use it.
If you have yet to host any Self-hosted WordPress blog.
I would like to recommend you to use SiteGround to host your Self-Hosted WordPress blog.
And if you have trouble setting up, you can read this step-by-step guide to assist you:
- How to Write Good Headline that Get Eyeballs Attention? - December 13, 2018
- How to Choose and Install a WordPress Theme for Your Blog Using Genesis Framework By StudioPress? - December 5, 2018
- What is WordPress Gutenberg Editor and How to Use it? - November 26, 2018
- How to Write Good Opening Paragraph that Will Keep Your Audience Reading? - November 22, 2018
- The Inside Story of the Biggest Lies that is Holding You Back from Success - November 15, 2018
- How to Setup a Self-Hosted WordPress Blog Using SiteGround Hosting? - November 8, 2018