WEB RESOURCES

Introducing BlockArt Blocks – An Ultimate WordPress Gutenberg Blocks Plugin

Last Updated: 10 mins By: ThemeGrill Author

Are you looking for the ideal WordPress Gutenberg blocks plugin to streamline your website-building experience? Look no more, the BlockArt Blocks plugin is the best choice.

Whether you’re a beginner or an experienced user, BlockArt Blocks offers a bunch of Gutenberg blocks for a smooth website-building experience.

Further, it offers you complete control to customize them, so that you can bring your imagination into reality with these tools.

Moreover, it provides pre-built templates if you don’t want to create a page from scratch. Convenient, isn’t it?

So, let’s look in detail at what the plugin has for you!

What is the BlockArt Blocks Plugin?

BlockArt Blocks plugin is your go-to Gutenberg blocks plugin to create a WordPress website of any niche.  

BlockArt Blocks - Best WordPress Gutenberg Blocks Plugin

You might be wondering can BlockArt Blocks solve all the complexities of building a website. 

The plugin consists of powerful blocks, advanced customization options, and pre-built templates and sections to accelerate your site creation process. 

Without having to touch a single line of code, you can simply drag and drop tools that you need right from the library.

As of now, the BlockArt Blocks plugin has over 8,000 active installations and the responses have been quite positive. 

Now, let’s learn in-depth about what the plugin offers. 


Key Features BlockArt Blocks Has to Offer

BlockArt Blocks has the following features to offer. So, let’s discuss each of them briefly: 

  • Essential Blocks: There are over 24 flexible and powerful custom blocks available that you can play with to suit your website niche. 
  • Pre-built Templates: With dozens of sections and several pre-built templates, all you’ve to do is change the dummy content and you’re all set. 
  • Optimized for Speed: The plugin is simply optimized for speed and performance as it reduces page size by limiting markups.
  • Google Fonts Integration: The plugin loads the Google fonts locally thereby improving site speed and making the site GDPR compliant.
  • Copy & Paste Styles: Loving the styles of a block? Easily copy and paste it where needed to boost your work speed. 
  • Integrate Blocks on the Sidebar: Want to replace the default widgets on the sidebar? Add dynamic blocks to it as you wish. 
  • Additional CSS Classes: You can also personalize your website by adding CSS classes to your blocks.
  • Friendly and Dependable Customer Support: Get dedicated support from a friendly support team via live chat, support ticket, or a support forum.

Blocks Offered by BlockArt Blocks

BlockArt Blocks has more than twenty custom blocks. So, delving into each one might consume a lot of our time. 

However, we surely can discuss a few of the important ones. 

  • Heading: Add different headings to your page from H1 to H6. Separating headings can make your page or post look aesthetic. Not to mention, it helps your page/post to rank higher on the search engine.  
  • Paragraph: With this block, you can add a paragraph and customize its typography, size, weight, line height, and more.  
  • Button: Create buttons to redirect your users to important pages.  
  • Spacing: Add spaces between blocks to make your page.  
  • Image: Make your post or page more interactive and visually appealing with the help of the image block. 
  • Table of Contents: Summarize all the contents inside your post as a list. 
  • Counter: Display successful targets and statistics with numbers on your webpage. 
  • Team: Showcase your team members with their images, descriptions, and more. 
  • Info Box: Display information in a box with text and buttons and customize them easily. 
  • Timeline: Create an eye-catching vertical timeline to present your brand’s history in order. 
  • Call to Action: Prepare an attractive box with text and a button to prompt the user to act. 
  • Testimonials: Showcase your users’ experiences along with their names to gain trust. 
  • Modal: Create and customize the popup that overlaps the page when the modal button is clicked. 

These are only a few blocks that you might want to know about. Feel free to explore more of them as our Gutenberg blocks plugin is free to use. 


How to Use the BlockArt Blocks Plugin to Create WordPress Pages/Posts?

Above, we mentioned the blocks offered by the BlockArt Blocks plugin. Now we’ll use these blocks to create WordPress pages and posts

Step 1: Install and Activate BlockArt Blocks

BlockArt Blocks comes in-built with Zakra – a popular multipurpose theme. Hence, if you install Zakra, you don’t need to install BlockArt Blocks separately.

However, BlockArt Blocks is a free, independent plugin so you can install it individually from the dashboard as well. Also, this plugin is compatible with all WordPress themes.

To start the installation process, log into your WordPress dashboard. Now go to Plugins >> Add New menu from the sidebar. 

Click on Add New Plugins

Search BlockArt Blocks on the search bar; once it appears on the search result, click on the Install button. Lastly, Activate the plugin. 

Installing BlockArt Blocks Plugin

Here’s a more detailed guide on how to install a plugin.


Step 2: Getting Started With BlockArt Blocks

Upon activation, you’ll be directed to a welcome page.

From this page, you can access the blocks, products (WordPress plugins) you can use with it, global settings, and much more as seen at the top. 

You can also disable blocks that you don’t want to use. This maintains a clutter-free block library for you to use. You can do so from the Blocks page.

For now, we’ll move on to Create a New Page to get started with the very first-page creation.

Dashboard Page of BlockArt Blocks

Step 3: Create a Post/Page with BlockArt Blocks’s Gutenberg Blocks

On the page editor, first, add a page Title. Then, click on the Plus + icon located at the top left. 

Blocks in BlockArt Blocks - Best Gutenberg Blocks Plugin

You can view all the blocks that BlockArt Blocks provides from here.

i. Add Sections and Columns

When you select the Section block, you can choose different layouts. Either leave the section as it is or you can add columns inside the section.

Section Block in BlockArt Blocks Plugin

ii. Add General Blocks Inside Columns

If you decide to add a section then you can add other remaining blocks (Heading, Paragraph, Button, Image, Spacing, etc.) as required.

Further, if you add two columns, then you can add two blocks to those columns. Likewise, four columns accommodate four different or the same blocks. 

Heading Block Inside Section in BlockArt Blocks

To add blocks inside a column, click the Plus + icon and then type the name of the block that you want to insert.

The specified block will appear and you can simply click it. After that, you can customize it as needed.

iii. Configure Sections, Columns, and General Blocks Settings

After you add blocks; it’s time to configure block settings. BlockArt Blocks plugin is unique from others because it provides hassle-free settings options. 

When you select a block, you can see the settings option for each on the left sidebar. For this, click on the Settings icon at the top.

WordPress Gutenberg Blocks Settings

BlockArt Blocks plugin offers separate setting options categorized under General, Style, and Advanced for separate blocks. We’ll list them below. 

  • Heading Block
Insert Heading Block - BlockArt Blocks Plugin

With the Heading block, you can display the titles of your content. You can adjust the layout by choosing the appropriate size and an HTML markup from H1 to H6 from the General settings.

Heading Block Settings - BlockArt Blocks Plugin

Further, from the Style tab, you can change the text alignment, background color, heading text color, and more.

On top of that, changing the border type and radius is made much easier from the Advanced settings. It also allows you to enable box-shadow on the heading block.

Furthermore, you can hide blocks on certain types of devices as you prefer.

  • Image Block 
Insert Image Block - BlockArt Blocks Plugin

The Image block allows you to add images like the regular WordPress block. But this one provides you with more options.

Image Block Settings BlockArt Blocks Plugin

You can change the layouts, add captions, enable overlay, and mask the image from the General setting.

From the Style setting, you can align the image, customize the border, and change the image properties.

  • Button Block
Insert Buttons Block - BlockArt Blocks Plugin

The Button block allows you to create a stylish box and redirect your users to another page with a URL embedded by you.

Buttons Block Settings - BlockArt Blocks Plugin

You can modify the size of the box, its background color and text color, add icons to it, and much more.

There are four types of styles for buttons that you can add to your web page.

  • Paragraph Block
Insert Paragraph Block - BlockArt Blocks Plugin

The Paragraph block is a typical block that displays text on your page.

Paragraph Block Settings - BlockArt Blocks Plugin

Change the font size, and set margin, colors, and alignment to make it much more catchy.

  • Spacing Block
Insert Spacing Block - BlockArt Blocks Plugin

Create gaps between your blocks to maintain an organized content delivery platform.

Spacing Block Settings - BlockArt Blocks Plugin

Customize its height, colors, and border settings from the panel on the right-hand side.

If you’re wondering about the Advanced Settings, it’s the same for all the blocks. Hence, go through the particular block’s Advanced Settings. 

These are examples of basic block-setting options. Likewise, the other blocks also have diverse customization options and settings to enhance your content.


Step 4: Add Inbuilt Templates to Your Site

Besides unique blocks and setting options, this WordPress Gutenberg blocks plugin also offers inbuilt templates. Besides, you can easily import them and add them to your page or post. 

To add the templates, navigate to the Pages menu. Hover over to the page of your choice and select the Edit option. 

At the top, you can see the BlockArt Library button; click on it. A pop-up appears from where you can import  Sections, Starter Packs, Templates, and Favorites

You can add these pre-built designs to your favorites to get yourself an organized section page.

BlockArt Library

Further, these templates provide many options you can choose from as discussed below. 

Sections: There are over 50+ professionally designed that you can apply on your page piece by piece to put together a functioning website. 

Pre-built Sections - BlockArt Blocks

Starter Packs: Pick from 5+ complete web pages altogether without having to start from scratch.

Pre-built Starter Packs - BlockArt Blocks Plugin

Templates: Combine 20+ pre-built templates to create stunning pages without breaking a sweat.

Pre-built Templates - BlockArt Blocks Plugin

You can easily import these Sections, Starter Packs, and Templates. All you need to do is hover over the templates of your choice and click on the Import options. 

Import BlockArt Templates

Furthermore, you can add blocks inside the templates and configure the settings as well. 

Simply, click on the Add Block option and add any BlockArt Blocks. 

Add BlockArt Blocks

Once you’re satisfied, select the Publish button located at the top right of the page. 


Import Demo With Zakra and BlockArt Blocks

For your convenience, the developer team of the Zakra theme has created demos using the BlockArt Blocks plugin.

Simply import these demos, do a little customization, replace the dummy content with yours and you’re all set!

To explore the demos, visit the official page of the Zakra theme. Then select the Templates option from the top menu bar.

Zakra Theme - BlockArt Blocks Plugin

This takes you to the demo page. Zakra offers more than 105 ready-to-import demos.

To inquire about the demos created using Zakra and BlockArt Blocks, from the Page Builder drop-down menu select the Gutenberg option.

Templates in Zakra - BlockArt Blocks

If you wish to import these demos, check out this article on – how to import WordPress theme demo content.


Wrapping It Up!

That’s all you need to know about the BlockArt Blocks plugin. We are hopeful that this article gave you a deep insight into this powerful Gutenberg blocks plugin.

Now, we’re sure you can create a complete website with BlockArt Blocks in just a few hours. 

Also, more features and tools are on the way so get ready for it!  

And, if you are interested, do check out our blog page for more WordPress-related articles like how to create contact forms in WordPress

Lastly, follow us on our Facebook and X to know more about the upcoming update on the plugin. 

mm

ThemeGrill Author

We are a team of SEO copywriters and editors who work both individually and in the team. ThemeGrill author is where one of the editors here is working on one project personally. Write to us @themegrill_blog in Twitter.

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top

Pin It on Pinterest