The global leader for CMS software, WordPress has again launched a first-grade product for designing websites and blogs.
The company has released a major variant of its page building application after a gap of 4 years.
This top class invention by WordPress is such a huge evolution inside the portal construction market worldwide that it has various names !
- The Blocks Builder.
- Version 5.
- The New Editor.
Basically all are same but just as this is a game changer for the web development industry, it has been called by different names.
Please note that i am writing this blog only concerned with portal anchored websites, keeping the self-hosting option out of purview here.
The biggest highlight of this currently upgraded platform is that it uses sections to facilitate the following elements !
- Writing text.
- Uploading videos, images, audio etc.
- Forming bullet point lists.
- Adding slabs for white space.
- Uplinking files.
- Quotes in two varieties.
- Generating tables.
- Embedding online maps etc.
And these features as above can benefit businesses in gaining an increased internet visibility on Google and Bing natural listings.
Now you can build your content precisely like you make a LEGO set, all from one box, following a standardized and straightforward set of instructions.
Undoubtedly the unbelievably fantastic amenity in this top class invention by WordPress helps in creating the perfect layout.
The New Editor allows much more flexibility than one used to have in previous version of this web page design software.
It is now possible to build portals by inserting matter inside divisions instead of just simply adding words or non-text based material in a blank template earlier.
By using this modern concept, you can now determine what every part of your content is and also define and modify specifications of any section.
By the way Bebo is the newest update which uses The Blocks Builder.
While Gutenberg is the name of the project which is being called as The Blocks Builder.
Content developers finding it difficult to create documents through this current release may use the old design as before.
A website building plugin is available within the administration panel, for availing that facility.
But then i cannot imagine why one would not prefer using this latest technology.
It is easy to understand and implement for publishing articles or pages.
Start A Gutenberg Website Hosted At WordPress.com
This is how to begin with working at this modern web development platform, as below.
Open any of your existing pages you will notice a changed interface for correcting content.
Observe the text – Classic, written over a grey horizontal bar indicating that the same is on the older variant of this program.
To begin with, click anywhere within that grey color rectangle bar.
You will find editing choices like the one in window partly overlapping a page as below !
Select the second option – Convert to Blocks.
Observe that the entire content has been divided into separate divisions.
That’s it. You did it. Going further, one will be able to understand why this latest version is a top class invention by WordPress.
Hit the grey color “Preview” button placed slightly at the right-half of the top toolbar, to ensure that your document is same as before.
Now we will discuss why you should start a Gutenberg Website for increased internet visibility on Google and Bing organic listing results.
Design Websites With The Blocks Builder
Click anywhere within main content body and there would be a thin grey box around the text or photo or any kind of matter you have out there.
Look carefully at first paragraph beneath the title and spot the rectangle border signifying “a section” in the New Editor!
To insert fresh content, click an empty area after the last paragraph in your document and locate the -“Add symbol with a plus sign” at the left.
On the right hand inside the blank box, there would be icons for image, bullet list and sentences.
If clicking a vacant area does not open a different section then go to paragraph immediately above and press enter.
Hit any thumbnail noticeable at the right, inside the division, to begin adding more content on your webpage or article post.
Choosing the first clickable symbol i.e. picture would ask you to upload any image from your computer or media gallery.
The remaining two choices are for creating either a sentence or a bulleted list.
To insert content in between any division, observe that “Add icon with a plus symbol” would appear at upper center of the bordered box, after moving the mouse pointer over it.
That enables one to uplink a picture or write any words in between the rectangle shaped blank sections above and below.
WordPress 5 Makes Website Development Simpler
Look at the screenshot displaying a small toolbar window open partially covering your web page !
But it doesn’t end just here. This program does much more for assisting in an increased internet visibility on Google and Bing.
Start a Gutenberg Website and you would notice that there is an abundant choice in choosing what kind of content is to be inserted.
The list keeps going on endlessly as follows !
- Sound files.
- Embedding codes.
- Cover picture.
- Any file like PDF etc.
- “Contact Us” or any other kind of call-to-action form.
- Inline photo.
- Image gallery.
- Many alternatives for formatting such as code, custom HTML etc.
- Layout options like buttons, columns, media and words combined, page break, separator and spacer which can be adjusted in width.
- Choices for inserting widgets for shortcode, archives, categories, latest comments and posts.
- A plethora of varieties for embeds from many social networks. The popular ones are – YouTube, Facebook, Twitter, SlideShare, Reddit, Tumblr and Instagram.
- And Yoast Structured Data Blocks too.
Thank god that was all. Or else i would have fainted.
The reality is – More the options, the better it is to obtain a higher online positioning on natural listing results.
Such elements go a long way in promoting and optimizing content for websites as well as articles.
This top class invention by WordPress makes numerous tools available right in front of your eyes, on your computer screen.
That eliminates the possibility of forgetting using add-ons which sometimes one forgets when posting blogs or forming pages.
For finding the complete list of options, click the “Plus symbol within a circle” at the uppermost left inside toolbar.
Now you will observe that it is possible to do a lot more than one could ever have imagined while working on this platform, previously.
Remember that one needs to scroll down the list, to discover all choices available for promoting blogging sites and pages.
Begin Using The New Editor For Website Designing
For example, one would be able to spot the option for embedding a Google Map through Jetpack after scrolling down on this small window for block choices !
The second and third clickable icons in the uppermost menu bar are for redo and undo so those are self-explanatory functions.
The fourth one is an “i” letter within a rounded border.
Observe the photo screenshot below !
This summary segment gives information about the number of words you have already typed, headline chronology, amount of blocks, paragraphs and title.
The furthest button at the upper left of tool bar displays the list of the type of content one has already added in different sections !
This module above covering a part of the page indicates the hierarchy of the kind of divisions you have created in particular document.
The software informs you about so many aspects about your matter that makes it the most user-friendly for designing portals.
Start A Gutenberg Website For Making Web Pages Simply
Now coming to the uppermost right side section of your screen, i.e. the toolbar above the side bar.
Select the clickable icon showing three dots in a vertical style and a fresh window would open !
See that Yoast SEO Plugin is also accessible from this settings section, as in the screenshot image above.
Most likely you won’t require to do anything here if in my category i.e. a non-programmer.
But then there is one element here which is worth checking for non-coders too.
Scroll down to the bottom within this module and observe the ending text link saying – Options.
Click the same and a vertical window partly overlapping the page would open !
It has some important segments as mentioned below !
- Featured Image.
- Header Animation.
- Likes and Shares.
- Suggestions on internal linking provided by Yoast Premium.
Basically all aspects in the list above are identical to ones found in earlier version 4.9.8.
This module is not about settings but for giving a choice as to what all tabs you need to be easily accessible while developing websites.
Yoast For Increased Internet Visibility On Google And Bing
The clickable icon on the left of the symbol with the three vertical dots, is for the concerned application for producing optimized domains.
This is another pleasant surprise because even this valuable ingredient was unavailable in the previous variant.
This add-on is renowned for its powerful capabilities in supporting WordPress website optimization companies in obtaining better online traffic.
Opt for the same and notice a vertical window opening up and covering the right sidebar (as in the screenshot below) !
In general, all tabs in this segment are the same as present in the prior model of this domain hosting platform.
However, one of the several advantages The New Editor brings to the table is that now there’s no need to open another window for working with this plugin.
It’s just that this latest addition would assist portal optimization companies to enter, delete and modify data in a faster manner.
As one would remember, operating with the earlier design left no other choice but to go to the wp-admin panel to optimize matter.
Such a method sometimes made the process less user-friendly than it is now.
Just try it out and you would realize that this enhanced interface makes it so convenient to work with this powerful program for optimizing web pages.
Choose WordPress And Start A Gutenberg Website
Coming to the settings segment in the sidebar located on the right hand of your screen.
One notices two headings – Document and Block, respectively, at the top within a grey horizontal background strip in this section.
Select – Block.
This aspect is one of the reasons why The New Editor is a top class invention by WordPress, for developing web pages or blogging sites.
Notice the screenshot picture below helping you to edit color within divisions !
The Blocks Builder is providing a choice to change the following components !
- Font Size.
- Word and Background Colors.
- Accelerated Mobile Pages.
- Advanced Cascading Style Sheets.
The first feature would prove to be priceless for web design companies as it was unavailable in the earlier version unless one applied CSS.
Regarding the second item – It was possible to modify the text color only, previously.
Now as one could apply background colors within sections, surely this characteristic is a major enhancement inside this upgraded style.
Reason being that the prior variant allowed one to change backdrop color for entire page.
Whereas one may be able to have different colors within divisions within this latest release.
Now, there is no need to install a page developer add-on for achieving an increased internet visibility on Google and Bing natural results.
But, those needing complete functionalities of something similar to visual composer may however still need a web page designing plugin though.
Coming to point 3 – First of all this is not one of the fresh properties inside the Bebo website maker.
And secondly this tab is something you would most likely not need to think about.
Reason being that this specific tab changes settings for a particular segment only and not for whole blog post.
This element is probably placed here only to grant flexibility in editing documents where only a part of the page needs – AMP Fit Text.
One could not find this facility in the former version of this web development portal.
However, most probably you would like to enable this useful component for the complete page or article post.
It is time to switch to – Document Mode.
Notice the picture screenshot !
Enable AMP button is by default, “switched on”, when you start a Gutenberg Website through this top class invention by WordPress.
This signifies that one has the choice to make the entire document compliant with the Accelerated Mobile Pages project.
As far as the functions inside this section are concerned there is no change from the past design except for one.
Scroll down to bottom and spot the Yoast Internal Linking tab, which helps in an increased internet visibility on Google, Bing, DuckDuckGo and Yahoo.
Again nothing unique as the same was present in previous model too.
The only difference is that now one has access to the segment for creating interior connections from within the document itself, without going to wp-admin.
This would eliminate the need to go to the administration panel as used to be the case earlier.
Likewise if one scrolls to bottom in main content body then again the Yoast website optimization plugin settings are accessible from within.
The biggest benefit of the particular feature is that it terminates the chances of revision errors.
For example, for editing content, one opened another window for reaching the admin console to create additions or changes in meta data segment of Yoast.
Sometimes one ended up making alterations in some sentences too by scrolling up.
There was a possibility of forgetting that the main page also being accessible for corrections in another interface, alongside.
Without copying the modified words in admin panel and then pasting on other window which was simultaneously open, one could close and save.
In such a case the paragraphs modified in the administration console would not reflect on the published document, online.
Because in such a scenario the user would obviously save and close the first interface later.
And any website building portal would accept the content which is saved later.
Editing Features In This Top Class Invention By WordPress
There are many more user-friendly components one can find here assisting in a higher internet visibility on Google and Bing.
For example, while developing websites, one can alter the block-type to another at any point of time, from here !
This amenity eliminates the need to first deleting and then again creating a fresh section for sentences, pictures, videos, headings etc.
There are situations when one either has a change in mind or else by mistake selects the wrong block-type for establishing any matter.
The next element worth mentioning is related to a comparison with the prior variant of this website building portal.
One could reach the HTML Mode during page revision through the link button placed at upper right of the content body.
One can now reach the same division for editing web pages by clicking the three vertical dots as in opened panel below !
Though this is not any feature which brings any additional convenience, but its just that this upgraded interface altered its design.
More Improvements Noticeable At The WordPress Bebo Portal
Select any photo and you would be shocked to find what is there in the right sidebar !
The visuals may not be clear above. Kindly excuse us for the same.
But try it out and you will realize that it is now so convenient to modify point sizes, links and Alt description for photos.
Another point – The former version had the following limitations !
- It was difficult to center-align videos without CSS support.
- There was a provision to write image captions but the choice to type inscription for a video was not present.
But, The New Editor makes both elements available benefiting in an increased internet visibility for websites.
Additionally, it provides many options in terms of AMP Pages layout for videos which is another fabulous aspect inside this application.
The facility to create reusable sections is another factor which can help save time in optimizing websites.
For example the spacer module for which is by default is 100 pixels and one’s personal preference is to have the same of a 50 px height.
In such a case you have the choice to customize the same of whatever dimension and name it as a reusable division.
Such an amenity if utilized would definitely save time in personalizing the specific element every now and then for all future purposes.
Another Highlight At This Top Class Invention By WordPress
This updated variant does not disturb paragraph spacing even if moving from HTML to Visual Mode.
Previously whenever one switched between these two styles, the whitespace created through the code used to disappear.
It generated very little horizontal gap between sentences i.e. by default used to diminish the blank space already formed.
Use the Spacer element within The New Editor and the whitespace stays as it is, intact.
No matter how many times you switch over from one mode to another, the blank gap remains fixed.
So that brings us to end this article explaining reasons why Bebo can assist in boosting online positioning on organic result listings.
Watch the introductory video about The Blocks Builder below !
Make Websites With Unlimited Customization Facilities Now !
The only noticeable problem in this variant is that it works fine as long as one writes anywhere up to 2000 words in blogs.
The moment you continue with typing a longer article beyond roughly 2500, this software slows down the document.
But then since The New Editor has been inducted only 3 days ago, such shortcomings are understandable.
I have no doubt that this issue would be sorted out by the time the company as this innovative tool rolls out fully.
So start a Gutenberg Website for increased internet visibility on Google and Bing search engine results pages.