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.
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.
Search BlockArt Blocks on the search bar; once it appears on the search result, click on the Install button. Lastly, Activate the 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.
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.
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.
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.
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.
BlockArt Blocks plugin offers separate setting options categorized under General, Style, and Advanced for separate blocks. We’ll list them below.
- Heading Block
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.
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
The Image block allows you to add images like the regular WordPress block. But this one provides you with more options.
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
The Button block allows you to create a stylish box and redirect your users to another page with a URL embedded by you.
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
The Paragraph block is a typical block that displays text on your page.
Change the font size, and set margin, colors, and alignment to make it much more catchy.
- Spacing Block
Create gaps between your blocks to maintain an organized content delivery platform.
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.
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.
Starter Packs: Pick from 5+ complete web pages altogether without having to start from scratch.
Templates: Combine 20+ pre-built templates to create stunning pages without breaking a sweat.
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.
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.
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.
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.
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.