GenerateBlocks Review: The lightweight WordPress Block

In this GenerateBlocks Review, we are going to look after features available within this WordPress plugin. Also, learn the best way to use the blocks in WordPress.

If you aren’t familiar with Generateblocks then it is a lightweight WordPress block that can almost accomplish anything. GenerateBlocks is a block for Gutenberg editor developed by Tom Usborne, the famous developer behind GeneratePress Theme.

Tom is mainly famous for his lightweight super-fast WordPress Theme – GeneratePress and now he is back with WordPress block plugin that is versatile and incredible at the same time.

Also Read: GeneratePress Review

Moreover, in GenerateBlocks Review, you can also read about

  • Installation Guide
  • Overview
  • How Generateblocks is Lightweight?
  • Generate Blocks Speed Test
  • What is Container and How to use it?
  • What is Grid in GenerateBlocks?
  • Best way to use Buttons.
  • How to use Headline in GB?
  • Support and Documentation
  • GenerateBlocks Tutorials
GenerateBlocks Review

Installation Guide – GenerateBlocks Review

GenerateBlocks is a free WordPress plugin that can be used to build an incredible website. Note: GenerateBlocks can be used with any WordPress Themes, I am personally using GenerateBlocks with GeneratePress WordPress Theme.

How to install GenerateBlocks in WordPress?

Install GenerateBlocks for Free

Installing GenerateBlocks is easy and simple since it is a plugin and available in the WordPress Repository.

  • Go to your WP Dashboard Interface.
  • Go to Plugins > Add New.
  • Search GenerateBlocks.
  • Click on Install and Activate.
  • Now you are ready to use GenerateBlocks with your installed theme.

GenerateBlocks Block Overview

Other blocks plugin for Gutenberg Editor use 30, 40 blocks but GenerateBlocks use only 4 blocks: Container, Grid, Headline, and Buttons. You can almost build anything with these 4 blocks, this is actually incredible.

4 Blocks in GenerateBlocks: Container, Grid, Headline, Buttons
  • Container: Create a simple to advance section using Container Block.
  • Grid: Create flexible layouts with Grid Block.
  • Headline: Create a paragraph/headings with Headline Block using advanced typography.
  • Buttons: Create Beautiful Buttons with Buttons block.
Generateblocks WordPress Blocks Mockups

Container Block

Container block is the backbone of Generateblocks where you can organize your content in row and column.

I have personally used the combination of Container, Grid, Headline, and Buttons to create a hero section. In the Container block, you can adjust padding, margin, colors, container width, etc.

GenerateBlocks Container Block

It is best to build the site with a container block along with a grid block since it helps to make your design more beautiful. You can use the inbuilt components like Typography, Spacing, Colors, Gradient, Background to fully control the Container block.

Grid Block

Create flexible layouts with Grid Block in GenerateBlocks. Grid is the most important block in GB where you can make beautiful designs. You can use Grid singly or with a Container block but it is a good practice to wrap the grid in a container.

GenerateBlocks Grid Block

Grid block uses a flexbox where it wraps the columns on multiple lines. A grid can be used to design a pricing table, create a testimonial section and subscription box, and many more designs.

Headline Block

Headline Block in GenerateBlocks is similar to Heading Common Block in WordPress but it has many more components built-in that can take headings and paragraphs to another level.

GenerateBlocks Headline Block

You can select paragraphs and heading tags (h1, h2, h3, h4, h5, h6) to set the headline from the element in the headline block. You can also use icons to set within the headline.

Additionally, you can select custom font, font-weight, size using typography components, and select colors, adjust the spacing, etc. in the Headline block. Also, you can set Element ID, CSS Classes by using Advanced components.

Buttons Block

Using GenerateBlocks Buttons, you can create a stylish button that can be used in CTA. You can also create a sign in, signup buttons, social media buttons, and set icons in each button.

GenerateBlocks Buttons Block

You can also set multiple buttons in the same row or stack vertically. Moreover, you can also use other components like typography, spacing, colors, gradient, etc. to beautify buttons.

Components

Typography: Typography components in Generateblocks helps to make the text more stylish. You can align the text, select font-weight, transform the text.

Typography Basic Component

You can also enable advanced Typography and select Google Fonts or you can also host Google Fonts locally and select the local font. Choose font size, fallback font family, etc.

Spacing: In this component, you can set spacing for all 4 blocks available in GenerateBlocks. You can adjust padding, margin, border size, border-radius, etc. to make your design pixel perfect.

Spacing Component

Colors: In the Colors component, you can set colors for the container, grid, headline, and buttons. You can also set border color, Link color hover, text color, etc.

Colors Component

Background Gradient: You can use the Gradient component to add to your block. First, you need to enable the Gradient option and set the direction of the gradient.

Background Gradient

Also, you can set the Colors and stop positions of two colors. You can use the Gradient component in Container, Grid, and Buttons.

Background Image: Basically, you can use Background Image in the container or grid block.

Background Image Component

Besides JPG, PNG extension, you can also set SVG image as background Image. By default, WordPress doesn’t allow to upload SVG extension due to security purpose. You need to install a plugin like SVG Support or Safe SVG to enable SVG uploads.

SVG Icons: You can set SVG Icons in the Buttons and Headline block where you can pick icons from General Icons or Social Icons panel.

Here, you can only find limit icons set, so you can pick SVG Inline code from any other external website and paste it into the Icon SVG HTML section.

SVG Icons Component

Basically, I use SVG Inline code from iconmonstr.com to use in my project or you may use any website that offers to embed SVG Inline code.

How GenerateBlocks is Lightweight?

GenerateBlocks is built mainly focusing on performance. The plugin only adds one CSS file per page, there is no inline CSS code or there is no use of JavaScript and the HTML generated by the plugin is minimal which makes GenerateBlocks lightweight and super fast.

GenerateBlocks Speed Test

I have used GenerateBlocks to create a travel site’s homepage. I use the Container, Grid, Headline, Buttons blocks to design a hero section with a big background image and other sections of the front page.

Furthermore, I used the WP Show Post plugin to display desired posts from different categories, MailChimp Embedded Code to show subscription box, etc. on the homepage.

Moreover, I tested the travel site homepage in GTMetrix and the score is impressive. Basically, the score and loading time depends upon your hosting, location, and other various factors. Here in the travel site, I am using GeneratePress Theme, Cloudways Managed Hosting, BunnyCDN, WP Rocket to built and optimize the site.

GTMetrix Page Speed Test of GenerateBlocks Website

Documentation

When it comes to the documentation, Tom and his team are clear on this topic since it is an important aspect of GenerateBlocks Plugin. With having all the things clear, you can find a complete documentation of GenerateBlocks.

You can access the full documentation at docs.generateblocks.com, the in-depth knowledge base including Blocks, Components, and Block Editor section.

GenerateBlocks Documentation

I believe, in the future, you will see more guides on the docs section. so, don’t forget to go through each article before asking for support.

Support

Since GenerateBlocks is a free plugin and everyone can install it from WordPress Repository so, you can find a free plugin help at the support section in WordPress.

GenerateBlocks Free Support

Moreover, if you are GeneratePress Premium users then you can also get free support at GeneratePress Forum.

Also, there will be a GenerateBlocks Pro version in the near future and I think there will be a dedicated support section on the official website.

I have posted a few problems with GB and within now, I am happy with GenerateBlocks support. Tom, David, and Leo are helping GB users happily. Be sure to post your problem in the support section, you will get a reply within 12 hours.

GenerateBlocks Tutorials

If you are using Generate Blocks and searching for GenerateBlocks Tutorials then you can find a dedicated section in my blog aiming to help GB Users.

Some times you have to be tricky while using any kinds of themes or plugins and here in GenerateBlocks you can almost accomplish anything. Try out some of my tutorials to create or accomplish the following things.

Furthermore, I will create more tutorials regarding GenerateBlocks using available blocks: Container, Grid, Headline, and Buttons.

List of plugins to use with GenerateBlocks

As you know Generateblocks is compatible with any WordPress themes and you can use some of the recommended plugins with GenerateBlocks that can make it more awesome.

WP Show Posts – A plugin developed by the same developer (Tom Usborne) where you can insert post anywhere on the website using shortcodes.

Subscription Plugin/Form: While creating a blog, you may need to collect emails, use any free or paid Subscription plugin. You can also use the MailChimp Embedded code to create a subscriber box without any plugin in the GeneratePress Theme.

WP Rocket: A premium #1 WordPress Caching plugin that can boost your website performance. I am currently using WP Rocket with GenerateBlocks and GeneratePress.

BunnyCDN: Make your website faster globally using Content Delivery Network. Use Coupon code WPLOGOUT to add $5 in your account.

Social Sharing Plugin: You can find many lightweight plugins, I recommend users to use Scriptless Social Sharing or Shariff Wrapper plugin. Here I have written a tutorial to create a social sharing buttons in Generatepress without a plugin.

Wrapping Up

I believe by reading our GenerateBlocks Review, you find more information about this WordPress plugin.

I am sure you will get familiar with Generateblocks quickly because of its simplicity.

The only way to know more about GenerateBlocks is by installing and using the plugin itself. so, install it and test it in your live environment or locally and see the result.

Finally, If you have any feedback/queries regarding our in-depth review on GenerateBlocks then please feel free to comment below.

Share:

GET 100+ FREE SEO TOOLS

Quickly access over 100+ popular SEO/Marketing tools to Boost your website traffic.

Thank you for subscribing. Check your Email(Didn't receive? check Spam Folder)

Something went wrong.

I am obsessed with WordPress and write articles about WordPress Speed Optimization, SEO, Blogging. I mostly publish tutorials on GeneratePress and GenerateBlocks.

4 thoughts on “GenerateBlocks Review: The lightweight WordPress Block”

  1. These sound like a great investment. A total newbie question. I get you use a container block when you want to edit background style, but are there other cases where you would use more than one container on a page? If so, a post with examples would be helpful. Thanks.

    Reply
    • Hi MZ, you can use Container block more than one time, and each time you can have set separate styles for each container. I will soon create more tutorials on GenerateBlocks
      Thanks

      Reply
    • Hi Vijay, I am using GeneratePress Theme, and here you can find the Top Bar widget. Go to Appearance > Top Bar Widgets add Text Widget.

      Reply

Leave a Comment