The global leader for CMS software, WordPress has again launched a first-grade plugin 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 we are writing this blog only concerned with portal anchored websites on the managed hosting technology.
The self-hosted system is not taken into consideration as part of this article post.
Start a Gutenberg website and one spots the biggest highlight here that it uses sections to facilitate the following elements !
- Writing text.
- Uploading videos, images, audio etc.
- Producing bullet point lists.
- Adding slabs for white space.
- Uplinking files.
- Quotes in two varieties.
- Generating tables.
- Embedding online maps.
- Components assisting in social network promotion !
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 through this web design plugin.
It is possible to execute the operation by following a standardized and straightforward set of instructions.
Undoubtedly the unbelievably fantastic amenity in this top class invention by WordPress helps in producing the perfect layout.
The New Editor allows much more flexibility than one used to have in previous “Classic” version of this web page design software.
It is now possible to build portals by inserting matter inside divisions.
That is in contrast to the the earlier system of just simply adding words or non-text based material in a blank template.
You can now determine what every part of your content is, by using this modern concept.
Additionally one can also define and modify specifications of any section. By the way Bebo is the newest update in this page composer.
While Gutenberg is the name of the project which is being called as The Blocks Builder or The New Editor.
Content developers finding it difficult to create documents through this current release may use the old design as before.
Other 3rd party website building plugins are also available within the administration panel, for availing that facility.
But then we cannot imagine why one would not prefer using this latest technology.
It is easy to understand and implement for making superior content before publishing pages.
Start A Gutenberg Website Hosted At WordPress.com Platform
This is how to begin with working at this modern web development tool 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 5 is a top class invention by WordPress.
Hit the grey color “Preview” button placed slightly at the right-half of the uppermost toolbar. That would help you verify if 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 result pages.
Creating Websites With The Blocks Builder
Click anywhere within main content body. Observe a thin grey outlined 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. Now 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 producing 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.
Move the mouse pointer over it to check.
That enables one to uplink a picture or write any words in between the rectangle shaped blank sections above and below.
Developing Websites In This Top Class Invention By WordPress
Look at the screenshot displaying a small toolbar window partially covering your web page !
But it doesn’t end just here. This program does much more for helping in increased internet visibility on Google and Bing.
Start a Gutenberg website and 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 several social networks. The popular ones are – YouTube, Facebook, Twitter, SlideShare, Reddit, Tumblr and Instagram.
- And Yoast Structured Data Block elements too.
Thank god that was all. Or else i would have fainted. Just joking.
The reality is – More the options, the better it is to obtain a higher online positioning on natural listing results.
However, lately this App has incorporated more segments like – Podcast Player, Imgur, Amazon Kindle, Pay with Paypal, Pricing Table, Events etc.
Additionally, an innovative ingredient called – “Patterns” has filled-in whatever remaining limitation was existing out here in terms of fashioning capability.
You may compose matter within beautiful background swatches for – “Food Menu”, “Mosaic Gallery”, “Collage”, “Masonry Modeling”, “Portrait” etc.
Such elements go a long way in promoting and optimizing content for websites as well as articles in a simpler manner.
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 web 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 Designing Websites
For example, there is an option for embedding a Local Business 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.
It also provides details on headline chronology, amount of divisions, 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 producing portals.
Start A Gutenberg Website For Obtaining High Organic Ranking
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.
But this is for webmasters who have already installed this specific page optimization add-on on their site.
For example, if you have the RankMath Suite uploaded instead, then of course the same will be visible at the same spot instead of Yoast.
Most likely you won’t require to do anything here if lacking coding capabilities.
But then there is one element for creating websites 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 !
This software for producing websites 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 i.e. variant number 4.9.8.
This module is not about settings. Instead it indicates the choices for different tabs you desire to be easily accessible while developing websites.
Yoast For Increased Internet Visibility On Google And Bing
Observe the clickable icon on the left of the symbol with the three vertical dots.
This is another pleasant surprise in this top class invention by WordPress. Even this valuable ingredient was unavailable in the previous variant.
This add-on is renowned for its powerful capabilities in supporting website SEO companies in generating 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, there are several advantages The Blocks Builder plugin brings to the table.
For example, now there’s no need to open another window for working with this App.
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.
You would realize that this enhanced interface makes it so convenient to work with this powerful program for optimizing pages.
Start A Gutenberg Website For Increased Internet Visibility On Google And Bing
Coming to the settings segment in the sidebar located on the right hand of your screen. One notices two headings – Document and Block, respectively.
One may spot the same at the uppermost segment within a grey horizontal background strip in this section. Select – “Block”.
This aspect is one of the reasons why The Blocks Builder and The New Editor are a top class invention by WordPress.
Hence, this page composer is one of the best for developing websites.
Notice the screenshot below helping you to edit color within divisions !
The New Editor 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. The amenity 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 one could apply background colors within sections.
Surely this characteristic is a major enhancement inside this upgraded style.
Reason being that the prior “Classic” 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 an additional page development add-on for styling portals.
But, those needing complete functionalities of something similar to the WPbakery composer may find this web design plugin lesser powerful.
Coming to point 3 – First of all this is not one of the fresh properties inside this website building App.
And secondly this tab is something you would most likely not need to think about while making sites.
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 screenshot !
When you start a Gutenberg website through this top class invention by WordPress, the Enable AMP button is by default, switched on.
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.
The add-on helps in an increased internet visibility on Google, Bing, DuckDuckGo and Yahoo natural search results listing pages.
Again nothing unique as the same was present in classic model too – which was the previous version.
The only difference is that now one has access to the segment for producing interior connections from within the document itself.
This would eliminate the need to go to the wp-admin, as used to be the case earlier. Likewise try scrolling to the bottom in main content body.
Observe that 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 undertaking 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 by mistake.
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 digest the content which is saved later i.e. only the last edit would reflect as the final change.
Blocks Builder And The New Editor Are A Top Class Invention By WordPress
There are many more user-friendly components one can find here assisting in an increased 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 composing 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.
So going forward, one need not worry on that aspect too.
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 pages by clicking the three vertical dots as in opened panel below !
This is not a feature which brings an additional convenience. It’s just that this upgraded interface altered its design.
More Improvements At The Bebo Blocks Builder Plugin
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 Blocks Builder makes both elements available benefiting in a stronger online rankings for websites.
Additionally, it provides many options in terms of Jetpack AMP Pages layout for videos. And that 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 is by default 100 pixels. It may happen that one’s personal preference is to have the same of a 50 px height instead.
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 help website developers save time in personalizing the specific element for all future purposes.
Downloadable promotional PPS Slide below mentioning the following !
- Website developers in Delhi composing premium quality content for clients.
- Undertaking search engine optimization operations.
Another Highlight At This Top Class Invention By WordPress
This updated variant 5 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 plugin 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.
Video about The Blocks Builder – Make websites with unlimited customization facilities now !
The only noticeable problem in this variant 5 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 this latest version has been inducted only 3 days ago, such shortcomings are understandable.
We have no doubt that this issue would be sorted out by the time the company as this innovative tool rolls out fully.
By the way this error has been sorted out now (updated).
So start a Gutenberg website for increased internet visibility on Google and Bing search engine results pages.
With that, we end this post about the top class invention by WordPress.
Our promotional video below !
- Generating smartphone responsive sites to catch the mobile customer.
- Cellphone-supportive web pages help in gaining clients executing online purchases using phones.
- Website developers in Delhi helping sellers make better sales through mobile sites.
- Optimizing cell phone compatible pages with AMP features, easy navigation, Ad-marketing and GPS-based local targeting functionality.
What Are The Advantages Of Making A Website With An In-built WordPress.com Theme ?
One may easily upload a third-party professional template to build a portal at WordPress.com business plan !
However, some of the benefits of installing an in-house premium theme are as follows :
1. Such websites enjoy better customer support as it makes it easier for the engineers to sort out software related issues.
2. Reduced chances of technical conflicts within different plugins, visual-composers, the template itself and the WordPress.com platform !
3. The said theme is available free-of-cost for business plan members.
4. Accessibility in such themes is of the ultimate quality i.e. the screen reader will function better on an in-built premium WordPress.com template as compared to a 3rd-party professional theme used on kind of technology.
5. If one tries to access a web page with the sole assistance of a keyboard i.e. without the help of a mouse, then these templates are better scannable in this regard too.
Why Do Some Web Designing Firms Recommend WordPress.com Despite Its Limitations ?
The most important point a client needs to understand is that restrictions, be it in any sphere are not always detrimental.
On the contrary, boundations inside a certain technology or be it any other aspect in any arena, ends-up benefiting the user instead of weakening a product or service under consideration.
For example, the human is blessed with two hands. Maybe a third hand could help the individual to do much more while working.
However, who knows, it may be so that it would require nature to create a second heart inside the human body (or may need adding any fresh variety of organ inside) to enable proper functioning of the third hand.
Who knows, maybe two hearts may end-up diminishing any other function inside a body in the long term. But, the nature has granted us only two hands due to whatever reason which no one knows.
Likewise, even a certain technology needs to be developed creating a balance within several operations within not only its own system but also keeping external technologies under consideration.
So, WordPress.com is a software which has been made keeping all kinds of factors under consideration from a long-term perspective, making it the best portal hosting technology in the world.