Stackable – Gutenberg Blocks

Last Updated on

This suite of blocks comes with quite a few new blocks (20+) a pretty good number of activa installs (10k+).

Upon activations we are asked to grant permissions for the plugin to “call home”. I see how this can be useful for plugin developers but it feels a little bit sketchy particularly the name+email part. It would be nice if you could choose which information you want to share.

Once we go pass this screen the plugin will lead you to a page to introduce how the blocks work (nice) and were you are offered the option to try the premium version of the plugin (here).

One of the features offered in the premium pack is Custom CSS, but I am not too sure how these would be helpful to a user that does not know CSS… while one who does know CSS could just drop a class in the block and style it accordingly…. right?

It is particularly nice to see how well each and every plugin is documented in the plugin’s page, in the repo:

There is also a general documentation page in their site, here.

The blocks

I like that the plugin has an icon of its own and a recognizable style/design for all of its blocks.

Accordion

This block is simple enough and works reasonably well but its content area does not offer the possibility to add blocks inside, besides text, which makes it a bit limited. I would recommend taking a look at my accordion blocks comparison post for more flexible options.

Blockquote

A few extra settings here and there, to choose the type, size and color of the “quotes”, as well as a un upsell to more layouts. Again, this block does not add too much to the core block, in my opinion.

Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block. Description for this block. Use this space for describing your block. Any text will do. Description for this block. You can use this space for describing your block.

Posts

Expand Block

Container Block

This blocks offers a viewport-height based size for the container (“Half and Full-Screen Height”)

Full width & half screen height (vh) container:

Title for This Container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Slightly wider than main content container:

Title for This Container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Contained container with a gradient as its background color:

Title for This Container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published by Alvaro Gómez Velasco

Alvaro is widely known for his skills at copy-pasting code, activity at which he has excelled since 1997. After ten years freelancing as a WordPress consultant and teacher Alvaro currently works as a Happiness Engineer at Automattic. It is said that in another life he was a professional photographer. Bilbaíno and father of Julia & Clara.

Leave a comment

Leave a Reply

%d bloggers like this: