Gutenberg Archives - WP Pluginsify WP Pluginsify - Your Weekly WordPress Plugins Resource Thu, 01 Oct 2020 08:36:13 +0000 en-US hourly 1 https://wordpress.org/?v=6.2.3 https://wppluginsify.com/wp-content/uploads/2019/07/cropped-WPPSY-32x32.png Gutenberg Archives - WP Pluginsify 32 32 Best Gutenberg Block Plugins That Will Elevate Your Page Building Experience https://wppluginsify.com/wordpress-plugins/gutenberg-block-plugins/ https://wppluginsify.com/wordpress-plugins/gutenberg-block-plugins/#comments Thu, 17 Sep 2020 18:42:06 +0000 https://wppluginsify.com/?p=7550 If you have a website, you are probably familiar with Gutenberg, the new WordPress editor. Gutenberg helps you create new content with pre-built blocks. Each block can be added to your page and edited in a simpler way than ever before. Gutenberg is very flexible and there are numerous Gutenberg block plugins designed to help [...]

The post Best Gutenberg Block Plugins That Will Elevate Your Page Building Experience appeared first on WP Pluginsify.

]]>
If you have a website, you are probably familiar with Gutenberg, the new WordPress editor. Gutenberg helps you create new content with pre-built blocks. Each block can be added to your page and edited in a simpler way than ever before.

Gutenberg is very flexible and there are numerous Gutenberg block plugins designed to help you create amazing content. Instead of having one big HTML file, your page is divided into sections or blocks, which make it easier to edit and design. You can also save your blocks and reuse them, no need to start from scratch every time you wish to edit something.

There are two types of Gutenberg block plugins; single-purpose block plugins (which focus on one feature and enable you to add a single block to your page or post) and block library plugins (which are a collection of plugins that combine more elements and give blocks for different sections, testimonials, calls to action, and more). Each type has its own advantages but we would recommend using block library plugins as you get more features for customizing your website.

Here is a list of the top 5 Gutenberg block plugins we recommend:

1. QubelyQuebly

Qubely is a Gutenberg block plugin that comes with pre-made and ready-to-go custom blocks and designs using which you can build your site.

It is made for web designers, affiliate marketers, and bloggers who wish to have an amazing site and build it in a few minutes. Plus, it is compatible with any theme.

The plugin comes with more control over your visuals, different interactive elements for your site, as well as some dynamic options to make the site responsive and more interesting to your audience. There are blocks for form builders, carousels, pricing lists, pie progress, countdowns, a table of content, and more. There are also pre-made sections that you can just import to any site, no coding knowledge needed, and have a site ready to go.

The plugin offers more than 150 sections that cover all the main section types needed for proper functioning. There is also an option that lets you change the site’s color scheme and text style and you can do this with one click to create a uniform design and build brand consistency.

You can also add animations to engage with your audience and get their attention.

There are several payment plans you can choose from when it comes to this plugin; $49 one-time purchase for 10 licenses, $98 one-time purchase for 50 licenses, and $147 one-time purchase for an unlimited number of licenses.

2. Ultimate Addons for Gutenberg

Ultimate Addons for Gutenberg

Ultimate Addons for Gutenberg was developed by Brainstorm Force, the same team responsible for the popular Astra theme, so you know it is a well-designed plugin that works and is often updated.

With this plugin, you get blocks for new content and layouts so you can add unique headings, add quotes, and create timelines. You also get blocks to create infoboxes, calls to action, multi-buttons, carousels, price lists, and more.

This plugin comes with support for the Astra theme and other starter sites so you can import them and create unique site layouts the way you want to.

3. Ultimate Blocks

Ultimate Blocks

Ultimate Blocks is a plugin that has been specifically designed for bloggers and marketers. You get blocks for reviews (there you can add product names, features, summaries, and star ratings), countdowns to create a sense of urgency, image sliders, and click to tweet boxes so you can increase your social media following.

There are also blocks to customize your page layouts and add different styles for your content to make it look visually appealing.

The plugin is free to use and download, which makes it great for entrepreneurs, startups, and small businesses.

4. Stackable

Stackable

Stackable is a collection of Gutenberg block plugins that are ready to use. You can create custom blocks that can build upon the existing Gutenberg editor and customize it as you want to. It comes with a responsive design so you don’t need to worry about how it will look on different screen sizes, it fits them all.

With this plugin, you get 27 page-building blocks, more than 50 layouts, advanced web design options, responsive customization options so you can design your blocks for different devices, as well as different image and coloring options and shape dividers. Each block has its own page builder options so you can build your website in a quick and easy way.

This is one of the most straightforward plugins and you can use it in combination with other blocks or as a stand-alone plugin.

Also, it is free to use, but there is a premium version with even more features.

5. CoBlocks

CoBlocks

CoBlocks is an innovative collection of block plugins developed by GoDaddy. It is lightweight and comes with a list of features that help you create an amazing website.

CoBlocks provides you with blocks for accordions, buttons, carousels, click to tweet boxes, forms, maps, logos, pricings, social shares, and more.

You can create dynamic content with the row and column blocks, as well as add padding settings, responsive margins, and split up your content with the shape divider. You can fully customize your text, change fonts, and colors.

The plugin is completely free to use and download.

Conclusion

In this article, we have listed the top 5 Gutenberg block plugins you can use to edit and design your site and content.

Our favorite is Qubely, but that doesn’t mean the other plugins we mentioned are not good. Quite the opposite, they are all good plugins. However, even though Qubely is a premium plugin, we would still pick it because of the many features it offers.

That being said, we think that whichever plugin you choose, will leave you satisfied!

The post Best Gutenberg Block Plugins That Will Elevate Your Page Building Experience appeared first on WP Pluginsify.

]]>
https://wppluginsify.com/wordpress-plugins/gutenberg-block-plugins/feed/ 2
10+ Great Gutenberg Add-Ons to Bring Additional Blocks and More Functionality in WordPress https://wppluginsify.com/wordpress-plugins/gutenberg-add-ons-functionality-wordpress/ https://wppluginsify.com/wordpress-plugins/gutenberg-add-ons-functionality-wordpress/#respond Tue, 14 Jan 2020 09:36:55 +0000 https://wppluginsify.com/?p=5837 Since the release of WordPress 5.0 “Bebo” in December 2018, WordPress has a new default content editor named Gutenberg. Unlike the previous default Classic editor, titled WYSIWYG (“what you see is what you get”), where you find all functions in a toolbar, Gutenberg uses blocks. The inclusion of Gutenberg in version WordPress 5.0 was widely [...]

The post 10+ Great Gutenberg Add-Ons to Bring Additional Blocks and More Functionality in WordPress appeared first on WP Pluginsify.

]]>
Since the release of WordPress 5.0 “Bebo” in December 2018, WordPress has a new default content editor named Gutenberg. Unlike the previous default Classic editor, titled WYSIWYG (“what you see is what you get”), where you find all functions in a toolbar, Gutenberg uses blocks.

The inclusion of Gutenberg in version WordPress 5.0 was widely discussed in the community. Many users were for Gutenberg, while others preferred the Classic editor. The discontent led, among other things, to the creation of a fork of WordPress. Scott Bowler launched ClassicPress in August 2018, and the primary purpose was to preserve the classic TinyMCE editor as the default option.

It is still, however, possible to use the Classic editor in WordPress by installing the Classic Editor. Yet, the plugin will only be supported and maintained until 2022.

So here we are. If you do not use ClassicPress, you will inevitably have to use Gutenberg sooner or later. I have to admit that I was skeptical of Gutenberg for quite a while. But I took the time to learn how the new editor worked. There were a bit of a learning curve, ups, and downs before I found the flow of writing articles. A good idea is to learn the keyboard shortcuts. It makes everything a bit smoother and faster.

However, in my opinion, Gutenberg still has its flaws, but it feels like, after each update, the editor feels better and faster. But a big minus is that there are still not enough blocks available as default.

10 Gutenberg Add-Ons to Bring More Functionality in WordPress

Nowadays, there are a plethora of Gutenberg add-ons available in the WordPress plugin repository with a wide variety of blocks for every conceivable feature you can think of for blog posts and pages.

Nowadays, there are a plethora of Gutenberg add-ons available in the WordPress plugin repository.

In this article, I have tested the most popular Gutenberg add-ons, which can bring more functionality and boost the creation of your blog posts.

Let’s dig into it…

Gutenberg Blocks – Ultimate Addons for Gutenberg

Gutenberg Blocks – Ultimate Addons for Gutenberg

Gutenberg Blocks is an addon to Gutenberg, the new WordPress editor. It is an addon from Brainstorm Force, which contains a set of unique and beneficial blocks that can be helpful when building and designing pages and posts.

Some of the blocks included in the package are Info Box, Advanced Heading, Price List, and Testimonial.

Some of the blocks included in the package are Info Box, Advanced Heading, Price List, Testimonial, to name some of the blocks you can get for free. It is a massive list of blocks you can use to boost your creativity and build awesome pages and posts.

With over 200,000+ active installations, this is a popular and well-maintained addon to Gutenberg.

Page Builder Gutenberg Blocks – CoBlocks

CoBlocks is a block plugin from Godaddy.

CoBlocks is a plugin from Godaddy and is a set of page building WordPress blocks for Gutenberg, the new editor in WordPress. The plugin contains 20+ blocks to boost your page and post builder creativity.

The set contains some great and useful blocks like Search for Gifs, Dynamic HR, Logos & Badges, Food & Drinks, which can be appreciated and used for all restaurants. Furthermore, the set contains all the necessary blocks to create website awesomeness.

The set contains some great and useful blocks.

Do you also want to create galleries! No problem! The plugin also comes with CoBlocks Galleries blocks, which significantly simplifies handling when creating a Carousel, Masonry, Stacked, or Photo Collage.

CoBlocks is a plugin that I recommend. Easy to use. Loads quickly and with many features to build an awesome website.

The plugin has over 100,000+ active installations.

Kadence Blocks – Gutenberg Page Builder Toolkit

Kadence Blocks is a free Gutenberg page builder toolkit for WordPress.

Kadence Blocks is a free Gutenberg page builder toolkit for creating and building custom layouts for your WordPress website. The toolkit contains 10+ blocks, and some of them are Row Layout, Advanced Gallery, Advanced Heading, Testimonials, and Icon List.

The toolkit from Kadence contains 10+ blocks.

Kadence Blocks Gutenberg page builder toolkit is easy to use. But do not offer any direct surprises but do a well-done job as page and post builder to create more engaging content. It is a popular and well-maintained plugin with over 50,000+ active installations.

Atomic Blocks

Atomic Blocks comes with 15+ blocks for both building pages and posts.

Atomic Blocks comes with a collection of custom page and post building blocks for the new WordPress editor Gutenberg. The plugin contains 15+ blocks for both building pages and posts and for customizing the design with, for example, premade attractive layouts and sections, which is also my favorite block.

Atomic Blocks is a flexible block addon with several options to customize.

Atomic Blocks is a flexible block addon with many options to customize a lot of settings for each block you add. It makes it possible to adjust just about everything. It is a free plugin with 30,000+ active installs worth recommending.

Gutenberg Blocks and Template Library by Otter

Gutenberg Blocks and Template Library by Otter is a WordPress plugin and addon from ThemeIsle.

Gutenberg Blocks and Template Library by Otter is a WordPress plugin and addon from ThemeIsle. It brings extra custom Gutenberg blocks to your website. With the blocks, you can create pages and posts for all possible niches such as blogs, business, e-commerce, and more.

The plugin comes with 12+ blocks.

The plugin comes with 12+ blocks, and some of the blocks included are Advanced Heading, Google Map, Sharing Icons, Pricing, Testimonials. All blocks work satisfactorily, and there is the possibility to customize the settings per block, which gives excellent flexibility.

The plugin currently has over 30,000+ active installations.

Advanced Gutenberg

Advanced Gutenberg is a free addon for the Gutenberg editor.

Advanced Gutenberg is another free Gutenberg add-ons. With Advanced Gutenberg, can create or edit profiles, assign a user or user group to the profile. Select each block activation by user profile.

It is also possible to make custom settings for each profile and block so that all members in a specific profile use the same settings, which is an excellent feature and convenient so that, for example, a profile with writers uses the same settings for their articles.

It is an addon with a lot of opportunities and settings.

Furthermore, this is an addon with a lot of opportunities and many useful blocks for creating pages and posts in an efficient, straightforward, and elegant way. Advanced Gutenberg works right out of the box, but it is possible to customize just about anything, which makes it a very flexible alternative. The plugin has over 20,000+ active installations.

Stackable – Gutenberg Blocks

Stackable is a free addon with over 10,000+ active installations.

Stackable is another popular free addon with over 10,000+ active installations that add more power to Gutenberg. With its ready-to-use custom blocks, it is possible to create beautiful designs.

Stackable Gutenberg Blocks

No matter if you want to create or design a page or post, hence your entire website, you can achieve it with the Stackable blocks. You do not need any coding knowledge to use Stackable. Install the addon, activate it, and start your website, page, or post creation.

GT3 Photo Gallery / Video Gallery / Gutenberg Gallery Block

GT3 gallery is an add-on to the WordPress editor Gutenberg.

GT3 Photo Gallery is an add-on to the WordPress editor Gutenberg which adds more functionality to the WordPress image gallery. If you want to boost the look and feel of your photos and galleries, then this is a great free alternative.

In the free version of the GT3 gallery, you do not have access to all gallery options and features. Still, you can create Grid and Masonry galleries, and if you want additional galleries, there is the possibility to upgrade to the pro version of the GT3 gallery.

GT3 gallery options and features.

There are some settings you can use to customize each gallery type to display images and galleries, which provides additional flexibility. It is a great block add-on for creating beautiful galleries to add some visual creativity. The plugin has over 10,000+ active installations.

Block Gallery – Photo Gallery Gutenberg Blocks

Block Gallery is a WordPress plugin from Godaddy.

Block Gallery is another plugin from Godaddy. It is a plugin that contains a set of gallery Gutenberg blocks. Especially for anyone who wants to display images in galleries in an organized and creative way.

With the drag and drop feature, you can build gallery types such as Carousel, Masonry, and Stacked. It is effortless to create beautiful galleries with self-explanatory options. Further options that I appreciate are that you can apply filters with grayscale, serpia, vintage, and more to the galleries.

You can apply filters with grayscale, serpia, and vintage to the galleries.

It is also possible to transform or switch to a different gallery type on the fly with one click. It is a plugin that I recommend if you want to create beautiful and exquisite image galleries on your WordPress website. The plugin currently has 8,000+ active installations.

Ultimate Blocks – Custom Gutenberg Blocks

Ultimate Blocks is a collection with Gutenberg blocks.

Ultimate Blocks is a collection with Gutenberg blocks to increase the flexibility to create more engaging content than the default blocks in Gutenberg have to offer.

Currently, there are 27+ blocks available, and some of them are Image Slider, Call To Action, Progress Bar, Review, Tabbed Content, and more. More blocks are in the making, according to the creator of Ultimate Blocks.

Currently, there are 27+ blocks available.

Also, these blocks from Ultimate Blocks are easy to use with every conceivable opportunity to customize each block. Not much more to say about this plugin, it does the job of building pages and posts satisfactorily. The plugin currently has 7,000+ active installations.

Qubely

Qubely is one of the powerful Gutenberg plugins out there.

Qubely is the brainchild of Themeum. Having 34+ Enhanced Custom Blocks, 150+ Predesigned Sections, custom blocks, and more it can currently be considered as the most powerful name among other Gutenberg plugins out there.

With Inbuilt Animations, Advanced Post Grid, and many other improved features this plugin lets its users create elegantly designed websites in no time.

Qubely comes with Inbuilt Animations, Advanced Post Grid, and many more features.

However, it is among those plugin that offers regular updates with impressive and newer innovation, possible bug fixes every time. The best part of this plugin is it offers both free and paid versions. Whether website, portfolio, landing page, or any other online presence it brings all in one solution for each.

Everything you create with Qubely meant to be outstanding. It’s also proved itself as responsive regardless of all devices. So, everyone out there who are seeking for a user-friendly and feature-rich plugin solution for their website can definitely give it a try to Qubely.

The plugin currently has 4,000+ active installations.

Page Builder Gutenberg Blocks – Kioken Blocks

Page Builder Gutenberg Blocks – Kioken Blocks

Kioken Blocks is the new kid on the block. This addon/plugin has received a lot of attention lately on significant blogs. I understand why after playing around with the Kioken Blocks for awhile. Using the blocks is very easy. Plus, you can create amazing looking pages, posts, or an entire website if you like.

Kioken Blocks comes with premade block layouts and templates.

With all the blocks available and all options to customize the settings for each block you add, this is a flexible way to boost the look and feel in the best possible way. Kioken Blocks comes with several unique blocks, but my favorites are the designed premade block layouts and templates.

ZeGuten

ZeGuten plugin is a multifunctional and the most trendy tool for building flexible blocks for Gutenberg.

ZeGuten plugin is a multifunctional and the most trendy tool for building flexible blocks for Gutenberg. It is compatible with the latest WordPress version and with the Gutenberg editor. ZeGuten is a perfect match both for the beginners or experienced developers.

It has 14 SEO-optimized blocks, one of which is Section block. Section is a parent element for any other block, so you don’t have to worry about the responsiveness.

ZeGuten comes with 14 SEO-optimized blocks.

However, if you want to set a custom spacing, you are completely able to set margins and paddings for desktop, tablet, or mobile phone. Moreover, you can set various backgrounds for the blocks: color, image, video, gradient, or custom figure.

As for the post’s settings, ZeGuten provides you with 5 modern layouts: listing, grid, chess, masonry, and dynamic carousel. Choose one of them and arrange your posts. Use quick post query settings and apply offset. As for the typography, theme a bunch of properties. Enjoy building content with the top-notch tools at your hand.

Wrapping Up

These ten Gutenberg add-ons are the most popular in the WordPress plugin repository and have the most active installs. I’ve taken all the add-ons for a test run. Some plugins are more comprehensive, with more advanced features than others. But overall, all of Gutenberg’s add-ons above work satisfactorily and can help bring more functionality into the editor.

If I were to choose three add-ons that I think to stand out a bit from, the crowd is as follows Gutenberg Blocks, CoBlocks, and Atomic Blocks. My favorite blocks are premade layouts and sections, which makes it easy to add attractive and mainly finished sections, which simplifies and speeds up processes immensely.

Finally, if you are using the Gutenberg editor and are not pleased with the default block composition, I recommend you install one or more of the above Gutenberg add-ons to bring more fun and useful features to WordPress.

The post 10+ Great Gutenberg Add-Ons to Bring Additional Blocks and More Functionality in WordPress appeared first on WP Pluginsify.

]]>
https://wppluginsify.com/wordpress-plugins/gutenberg-add-ons-functionality-wordpress/feed/ 0
How to Get the Best Outcome From the Gutenberg Editor? https://wppluginsify.com/blog/get-best-outcome-gutenberg-editor/ https://wppluginsify.com/blog/get-best-outcome-gutenberg-editor/#comments Fri, 13 Dec 2019 10:00:50 +0000 https://wppluginsify.com/?p=5785 As of WordPress 5.0’s announcement last year, December 6, 2018, WordPress introduced a new default content editor called Gutenberg editor. Nowadays, Gutenberg is mostly known as the “WordPress editor” or “block editor” if we want to be more precise, to be honest. The fundamental idea of this editor is to bring a different approach to [...]

The post How to Get the Best Outcome From the Gutenberg Editor? appeared first on WP Pluginsify.

]]>
As of WordPress 5.0’s announcement last year, December 6, 2018, WordPress introduced a new default content editor called Gutenberg editor. Nowadays, Gutenberg is mostly known as the “WordPress editor” or “block editor” if we want to be more precise, to be honest.

The fundamental idea of this editor is to bring a different approach to creating content. Rather than using the Classic editor that had both text and code panel, Gutenberg uses blocks of various pre-constructed modules to design a webpage and the contents more elegantly.

At the time when Gutenberg was first launched, it was difficult for some users to adopt the block approach while others appear to be already liking working the editor. Therefore in this article, we are trying to provide some tips that can help you to get the best outcome with this powerful editor.

Quick note: WordPress has recently released 5.3 updates that insignificantly improved the user experience of the block editor and named it as Kirk as well.

The First Look of Gutenberg Editor

Assuming you are using the latest version of WordPress so the block editor as well. Therefore, it’s essential to understand the elements of the block editor at its first look.

The First Look of the Gutenberg Editor.

Inside the block editor, you will notice a block with an H1 heading that is used for the title of a page or post by default. The following block is for textual inputs or, you can choose an available block using the “+” symbol.

Under the text and block section, you will mark the plugin settings section where you can find almost all plugin settings that are related to your posts & pages.

On the right sidebar of the editor, you will find the default post meta settings that were available in the previous classic editor. However, in Gutenberg, the options are more user-friendly and dynamic.

It is all about a quick overview of the Gutenberg editor. In the rest of the article, we will focus on how to use the blocks and other related options of this editor to design a beautiful post.

How to Create a Blog Post With the Editor?

It’s pretty simple. All you have to do in the WordPress dashboard, under the post section click on “add new” and you will be redirected to the block editor immediately.

Learn how to create a blog post with the Gutenberg editor?

How to Use the Block Editor Properly?

Step 1: Add title

Once you see the editor, the first task is to assign the title of the article. You will see a big textbox with a default hint “add title” where you should type the article name. Make sure you do not add any unnecessary texts in this block so that the title looks clean and definitive.

How to add a title in the new editor.

Step 2: Start Using a Block

As soon as you complete with the title. The text or other elements of the post can be added in the next block. To write from the very beginning of the article, use your mouse to move the cursor below the title. You can also press the tab key on your keyboard to go down.

By default, the next block is a paragraph block. However, it has the option to choose customized blocks in case you want to start the post with a different format or another module.

Learn how to start using blocks in the editor.

To apply a custom block, you must click on one of the three “+” symbols available on the editor. One of the “add block” buttons is on the top of the editor that is not as efficient as the other two in terms of block placement. Clicking on the “+” will show an add block menu with a search bar on the top and all the available blocks under child categories.

2.1 Search For a Block

The search bar is there to help you find a block immediately without looking inside the block categories.

For example, if you want to assign a paragraph. You can type “paragraph” on the search bar and the block will appear in the result.

Search for blocks in the editor.

You can use the search bar to find basic blocks like a “paragraph” “heading” or “custom HTML”; however, to discover more advanced blocks check out the categories inside the block menu.

Remember that the block editor was designed to give you the ability to be definitive when you build a page and use the perfect block that can increase the engagement and value of the page.

2.2 Mostly Used Blocks

Inside the block menu, the first category contains the most used blocks. It means you will find all the blocks that are mostly used in the content recently. The blocks in this category may be dynamic because you may change the use of blocks in the content from time to time.

Find the most used blocks.

You can use the “/” key on your keyboard to quickly apply recently used blocks inside your content.

Use the “/” key on your keyboard to quickly apply recently used blocks inside your content.

Tip: Type the name of the block after “/” and the block will be immediately assigned and save some more seconds on your work. For example, to assign the image block type “/image” and you will see the option to either upload an image or choose from the gallery or a URL.

2.3 Common Blocks

Below the most used modules, you will find the common block category that includes blocks that are used very often. It includes paragraph, image, heading, gallery, quote block, etc.

You can find the common block category that includes blocks that are used very often.

2.4 Formatting Blocks

Sometimes it’s essential to add some statistical charts or codes or pull quotes inside your content to make it more engaging. You can apply any of these modules easily by using the blocks available under the formatting section and give your post a new direction as well as some authority too.

You can apply modules easily by using the blocks available under the formatting section.

2.5 Custom Layout Blocks

To design your post, you can take advantage of the layout blocks that include elements like a separator, bottom, columns, grouping, spacer, etc.

You can take advantage of the layout blocks.

2.6 Widget Blocks

Widget blocks are one of the most significant changes in the block editor from the old classic editor. With the block editor, you can use your widgets inside your article and make it more interesting. You can use the widgets for displaying some statistics, a list of recent posts. Or it can be any widget on your list.

2.7 Embed Blocks

A vast collection of embeds can be assigned to your post by using the block editor. There are a total of 33 embed options from different websites that can be added to your site with URL pasting.

You can use 33 embed options from different websites.

Step 3: Managing The Blocks

Since we have introduced the types of blocks available in Gutenberg editor. It’s time to understand how to manage the block well to create a good post.

Every block will have its toolbar once you start creating something in it. The buttons in the toolbar will vary according to the block type. For example, if I take a paragraph block and write something in it, the toolbar will be available for further modification.

Learn how to managing blocks in the editor.

Apart from the customization options, the toolbar also has the block settings and transformation options in it. For some advanced modification, you can use the sidebar options in the editor screen.

Use the customization options, the toolbar and block settings.

To move your blocks up and down, there are two buttons available on the left side of each block. You can move the blocks as much as you want according to need.

Use the two buttons available on the left side of each block to move blocks.

You can also save a block format for reuse. This option is particularly helpful for bloggers who frequently need to add a specific type of block into the content.

For example, I have created the paragraph block with a purple color, which I would like to reuse in the future. So to save the block for reuse, you should click on “more options” in the toolbar and add it as a reusable block.

You can save a block format for reuse later.

After that, you will be asked to give it a name that you are going to save for future use. The block you just saved for reuse will be available under the “reusable” category in the block menu.

In case you want to edit or delete a reusable block, click on the “manage all reusable blocks” under the reusable section.

If you want to edit or delete a reusable block click on the “manage all reusable blocks.

Step 4: Adding Some Common Block In the Editor

As we already know, the Gutenberg editor has ready to use blocks that we can implement in our content straight in. One can add these blocks and do some optional changes to get the best possible outcome with it.

Being said that, let’s see how the editor simplifies the ability to customize your content with some common ready to use blocks.

Adding an Image Block

The WordPress editor has a ready to use image block. You can add the block, upload or select an image from the media library and customize it easily.

You can upload or select an image from the media library and customize it.

You can also drag and drop an image from your computer, and the editor will automatically create an image block once it identifies the dragged file as an image.

Once you add an image, you will be able to see the advanced settings on the right part of the screen where image related metadata, size, and shape of the image can be customized.

For more settings such as inserting links and changing the alignment of the image, you can take the help of the block toolbar.

For more settings you can take the help of the block toolbar.

Adding an Image Gallery

The gallery block of the editor is pretty much similar to the image block. You can either add the block first and then images, or you can select multiple images from the PC and drag them all to the editor to form a gallery itself.

Adding image galleries.

Adding Links in Your Content

It’s easy to add and manage links in the block editor. Some of the blocks have the option where you can add custom links. The paragraph block is the most common, as you might have guessed already. However, the image block, list block, button blocks and some more have the linking option.

Let’s see how you can assign a link to a specific phase inside the paragraph editor. To insert a link you have to have text content in the paragraph block.

Now select any word or phrase where you would like to assign a link and then click on the “link” icon on the toolbar. Immediately, a box will appear under the selected words or phase where you can type the URL or search for any keyword if you want to create an internal link.

Press enter to complete the linking process.

It is very easy to add links in the block editor.

Adding Custom HTML

Custom HTML plays a vital role in content creation. When we need to display an advertisement, banner, or any kind of statistical charts we use custom HTML.

The block editor makes it simple to add custom HTML inside your page without breaking anything inside your page. Just add the block and add the HTML, and you are done.

It is easy to to add custom HTML in the block editor.

Adding a Quote

Quote inside the content is a trend nowadays, effective as well to make the content more attractive. The WordPress editor will help you add a quote with a matter of seconds.

Stylishly adding a quote has never been easier with the classic editor, however, that day is long gone now. To assign a quote inside your content, simply add the “pull quote” block from the block menu and type the quote.

Once the quote is ready, do not forget to mention the author-name below.

You add a quote within seconds in the editor.

Assign a Shortcode

As I have mentioned earlier, widget blocks are one of the best implementations in the block editor, it’s time to know how you can take advantage of a widget block to add a form in your content.

Nowadays, we use plugins to create beautiful forms for our site. Most often, these plugins provide us a shortcode using which we can display the form anywhere we want.

In the classic editor, we had to switch to the code editor and paste the shortcode, which sometimes does break the page. However, with the block editor, it has a pre-defined shortcode block which is designed to display shortcodes without hampering the other blocks of the page.

The block editor, has a pre-defined shortcode block.

Step 5: Exploring Some Advanced Blocks In Gutenberg

Gutenberg doesn’t only value the common way to create content but also focuses on some of the most significant shortage that was previously encountered by the users with the classic editor.

Hence it comes with some advanced blocks that we can say are the combination of two or more blocks. Either way, it’s a great approach and improves the page quality in terms of providing information and attracting the readers.

With that being said, let’s dive into the editor to find out some of the advanced blocks.

Adding a Button Inside a Page or Post

It has never been much more comfortable to add a button earlier but now you can do it with three or four mouse clicks. To add a button inside your page or post, find the button block under the “layout element.”

It will let you enter the button text and link, as well. On the right sidebar, you can change the button style, colors, and border-radius as well.

Add a button inside your post find the button block under “layout element”.

Adding Text Next to an Image

To assign text inline to an image or vice-versa, you can use the “media & text” block where you will have both options to upload or select images and add text or paragraph.

It’s simple and effective. You can resize the image by dragging the border and set to crop the image automatically for proper resizing. Image alternate text can be set from the right sidebar as well.

Like other blocks, the toolbar provides you to customize the order of image and text and shape of the block.

To assign text inline to an image or vice-verse you can use the “media & text” block.

Add a Table Inside Your Content

Sometimes we may need to insert a table inside our content. In such a situation, thanks to the Gutenberg editor, you can take the help of the default table block without using a separate plugin for it.

Here how to create a table using the table block of the Gutenberg editor.

Learn how to create a table using the table block of the Gutenberg editor.

Creating a Beautiful Cover Pic for Your Content

I am not sure how many people use this idea, but the “cover block” in block editor is an amazing integration and straightforward as possible as it can be. You can create an amazing cover picture by simply adding a clear image and using the text editor that appears over the image.

You can create a cover picture by simply adding a image.

Later, you can change the style of the cover image by adding some waverly layouts and resizing it as suitable.

Adding an Audio File

If you are going to add a podcast, music file, or any other audio file into your content, then you can use the audio block in the editor. It’s very straightforward to add and similar to adding images.

You can add an audio file into your content using the audio block in the editor.

Step 6: Plugin Options in the Gutenberg Editor

The installed plugins that are related to the creation of content, able to integrate their options inside the editor with the help of the Gutenberg API system.

Plugins option such as SEO, table of contents, automatic internal links will be available in the editor as soon as it activated. For example, one of the most precious plugin to create content is the SEO plugin. Let’s say we installed the Yoast SEO plugin in WordPress, then all the content related options of Yoast SEO plugin will appear just below the editor.

Installed plugins that are related to the content, integrate their options inside the editor.

You can mention the focus keyword, track the SEO score, edit a content snippet. Overlap metadata, design the social appearance of the content as well.

For other plugins, you can find all the options once you look in the bottom section of the editor.

Step 7: Exploring the Editor Settings

The Gutenberg editor itself has some impressive settings which you can apply to feel something different than the usual setup. It helps to emphasis your needs and provides you more focus, easiness as well as the ability to do more.

The settings of the editor are divided into three different parts.

  1. View
  2. Editor &
  3. Toolbar

1.1 Top Toolbar

Under the hood of view, you can enable “top toolbar,” which adds a toolbar at the top of the editor that access all the blocks and document tools in a single space.

1.2 Spotlight Mood

This mode is applicable when you don’t want to focus on the other blocks while working on a particular block. This mood blurs the other blocks and helps you keep working on the current one.

1.3 Full-Screen Mode

This mode is nothing but fits the editor into your whole screen so that other unnecessary parts don’t appear while editing content.

You can enable the full-screen mode in the editor.

2.1 Visual Editor

This is activated by default as you are working on the editor.

2.2 Code Editor

Enabling the code editor will convert all your blocks into codes where you can edge it little more with advanced coding. (Make sure to use it only and only if you are comfortable with coding).

You can enabling the code editor and make use of more advanced coding.

3.1 Block Manager

It let you enable or disable blocks of the editor according to your need.

3.2 Manage All Reusable Block

It helps you to manage the reusable blocks if you have saved any.

3.3 Keyboard Shortcuts

Gutenberg supports keyboard shortcuts. All the keyboard shortcut combinations are available in this note. You can also use Shift + Alt + H to view all the shortcut information.

Gutenberg supports keyboard shortcuts.

Step 8: Publishing and Managing Option in the Gutenberg Editor

There will be a lot of metadata for each post & page that you are going to create in the editor. All those metadata that includes post status, permalink, categories, tags, excerpt, featured images will be available on the right sidebar of the editor screen (under the document section).

You can easily publishing and managing option in the Gutenberg editor.

Each option contains more child options that let you complete content and make it ready to publish.

Final Words

No doubt, Gutenberg has been the better editor for WordPress since the 5.0 update with all its beneficial ingredients in it. All we have to understand and explore the features and take advantage of the editor to make max out of it.

With this article, I genuinely hope you will get something new about the editor, and even if you are not using it currently. You will get motivated to use the editor soon.

The post How to Get the Best Outcome From the Gutenberg Editor? appeared first on WP Pluginsify.

]]>
https://wppluginsify.com/blog/get-best-outcome-gutenberg-editor/feed/ 1