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

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:

  1. Multipurpose (type of like a bunch block)
  2. Button
  3. Accordion
  4. Format
  5. Heading
  6. Picture
  7. Media & Textual content
  8. Columns
  9. Checklist
  10. Slider
  11. Social
  12. Tab
  13. Gallery
  14. Counter
  15. Icons
  16. Popup
  17. Countdown

With separate add-on plugins, you additionally get devoted FAQ and portfolio blocks.

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):

  1. About Us
  2. Accordion
  3. Banner
  4. Name to Motion
  5. Contact Us
  6. Counter
  7. Programs
  8. Picture Gallery
  9. Data Field
  10. Key Options
  11. Our Companions
  12. Our Work
  13. Posts
  14. Pricing Checklist
  15. Merchandise
  16. Progress Bar
  17. Companies
  18. Social
  19. Workforce Members
  20. Testimonials
  21. Timeline
  22. Video

WPBricks section templates

The total-page templates are niche-specific and divided into the next six classes:

  1. Company
  2. Health
  3. Onepage Studio
  4. Restaurant
  5. Resume
  6. search engine marketing

WPBricks page templates

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.

WPBricks theme demo sites

When you click on the hyperlink under, you may browse the total library of all templates:

Browse WPBricks template libraries

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:

WPBricks template block

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:

Editing pricing table

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:

WPBricks modal popup block

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:

Accordion

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

Countdown

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:

WPBricks gallery

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:

Portfolio post type

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:

WPBricks theme demo import

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:

WPBricks Customizer settings

WPBricks Pricing

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:

Get WPBricks Plugin Go to Web site

Leave a Reply