One of many nice issues in regards to the new WordPress block editor is that builders can hook into it so as to add their very own blocks and templates/block patterns. This offers you much more flexibility when creating your designs and it additionally permits you to profit from professionally-made templates from actual designers. As a non-designer, that’s value its weight in gold!
In our WPBricks overview, we’re going to check out a brand new plugin that extends the native block editor in a ton of helpful methods. WPBricks provides 17+ new content material blocks in addition to over 100+ importable part and web page templates which are constructed utterly with blocks.
If you wish to go even additional, there’s additionally a theme model of WPBricks and 28+ pre-built demo websites (all constructed utilizing the block editor for simple customization). Nonetheless, you may as well simply persist with the WPBricks plugin as a companion to your current WordPress theme.
Hold studying our WPBricks overview for a hands-on take a look at what this new Gutenberg block plugin has to supply.
WPBricks Assessment: Key Options
Table of Contents
WPBricks is a large assortment of latest content material blocks and templates which have been constructed with blocks.
By way of new blocks, WPBricks provides you entry to 17+ new content material blocks:
- Multipurpose (type of like a bunch block)
- Media & Textual content
Whereas a few of these blocks overlap with native blocks, the benefit of WPBricks is that it provides you extra choices to regulate how these blocks work.
Past these new blocks, you additionally get 100+ importable templates, that are constructed with blocks for simple modifying. The templates are available in two varieties:
- “Blocks” – these are part templates, not editor blocks. For instance, a piece that lists your staff members or your pricing desk.
- Templates – these are full-page templates. For instance, a touchdown web page for your yoga studio.
Lastly, along with the WPBricks plugin, which works with any theme, the developer additionally makes a devoted WPBricks theme that’s designed to combine with all of the options within the plugin. This theme additionally contains 28+ pre-built demo websites which you could import and customise utilizing the block editor.
Exploring the WPBricks Template Library
One of many largest elements of WPBricks is its template library, so I believed it could be helpful to dedicate a single part right here to have a look at the brand new templates.
At the moment, WPBricks provides you:
- 149+ part templates (known as the Block Library)
- 7+ full web page templates (known as the Template Library)
- 28+ full demo websites when paired with the WPBricks theme (known as the Theme Library)
The part templates are divided into 22 completely different classes (which you should use to filter the templates whereas looking them):
- About Us
- Name to Motion
- Contact Us
- Picture Gallery
- Data Field
- Key Options
- Our Companions
- Our Work
- Pricing Checklist
- Progress Bar
- Workforce Members
The total-page templates are niche-specific and divided into the next six classes:
- Onepage Studio
- search engine marketing
Lastly, there are 28+ full demo websites which you could import. These require the WPBricks theme to work and are divided throughout a spread of various niches, from eating places to health, actual property, weddings, and extra.
When you click on the hyperlink under, you may browse the total library of all templates:
Palms-On With WP Bricks
Now, let’s go hands-on and I’ll present you ways the whole lot works…
Utilizing the Bricks Prepared Blocks
The Bricks Prepared Blocks block is essentially the most versatile new providing in WPBricks. This single block is what provides you entry to the 100+ part and full-page templates.
Each kinds of templates are basically block patterns (although they don’t make the most of the brand new native characteristic that was launched in WordPress 5.5). That’s, any content material that you just import is itself constructed through blocks, which makes it simple to customise them.
Whenever you insert the Bricks Prepared Blocks block, you may open the total template library. The “block templates” are “part templates” and the “templates” are “full-page templates”. I feel it is a higher strategy to identify issues, as I discover the double use of blocks to be slightly complicated because the editor already makes use of “blocks” because the time period for particular person content material parts.
It’s also possible to use the filter and search field to seek out particular templates:
Once more, these templates are fully constructed with blocks, which makes them very easy to customise. For instance, for those who insert one of many pricing desk part templates, you may simply edit the entire demo content material utilizing the common block system. The templates use each native blocks in addition to among the new blocks that WPBricks provides:
If I open the block navigation device, you may additional see how the entire template parts are constructed with separate blocks for simple modifying:
General, that is undoubtedly the “meat” of the plugin, however you may as well use the brand new content material blocks by themselves. Let’s take a look at a few of these blocks.
Exploring the WPBricks Blocks
I can’t cowl all 17+ new content material blocks that the plugin provides, however I’ll choose a few of my favorites.
The Bricks Popup block permits you to add a button that, when clicked, opens a modal popup. To regulate the content material of the popup, you add a number of blocks.
For instance, you would add a type to create a cool popup contact type, show particular affords, present further info, or anything:
The Bricks Accordion permits you to create an accordion part, which is nice for FAQs or displaying further particulars (there’s additionally a devoted FAQ block – extra on that in a second).
You may embody some other blocks contained in the accordion and the accordion block settings additionally provide you with a lot of management for type/spacing:
There’s additionally a equally helpful block for a tab structure.
You additionally get two good choices for working with countdowns or counters. The Countdown block permits you to rely right down to any date/time and the counter block contains completely different kinds like numbers, progress bars, and circle counters
Lastly, you additionally get two easy blocks for sliders and galleries, which might get rid of the necessity for devoted gallery or slider plugins in some conditions. For instance, right here’s a easy masonry gallery structure, which appears fairly good:
Once more, this isn’t the entire listing – the core WPBricks plugin contains loads of different blocks:
As I discussed, you may as well get entry to 2 further blocks through separate plugins at WordPress.org:
With these two add-ons, you’ll get new publish varieties to handle your FAQs and portfolio gadgets:
As soon as you employ these so as to add some FAQs or portfolio items, you may show them in your designs and customise their settings utilizing the devoted blocks:
Exploring the WPBricks Theme
Once more, the WPBricks plugin (and all of the options you noticed above) will work with any theme. Nonetheless, for those who use the WPBricks theme, the 2 are made to work collectively. Most notably, by utilizing each, you get entry to the 28+ pre-built demo websites within the Theme Library.
When you import considered one of these demo websites, the entire demo content material is constructed with the block editor and WPBricks blocks, which makes for simple customization.
The demos provide one-click import and make your web site look precisely just like the demo – right here’s an instance after I imported the health demo web site:
Along with customizing the demo content material with the block editor, you’ll additionally get further choices to customise the WPBricks theme in the native WordPress Customizer. The theme contains some superior choices right here, like a sticky/clear header:
On the time that we’re writing our WPBricks overview, each the plugins and the theme are 100% free and accessible at WordPress.org.
The developer does have plans to launch a premium model with new options. However you’ll
get to take pleasure in the entire options and templates that you just noticed on this publish for free.
Closing Ideas on WPBricks
When you’re utilizing the WordPress block editor, WPBricks is a simple strategy to give your self extra flexibility when creating your designs. Whereas the brand new content material blocks are helpful by themselves, one of many largest enhancements is entry to the library of 100+ importable templates through the Bricks Prepared Blocks block.
You may both use the WPBricks plugin along with your current theme. Or, you may as well pair it with the WPBricks theme to make the most of all of the pre-built demo websites.
If you wish to get began, click on one of many buttons under: