Animating Gutenberg Blocks: Two Approaches

Last Updated on

Adding a little motion to your content can work miracles by literally making it “pop-out”. As with other functionalities there are several plugins that will allow you to add CSS animations using shortcodes, but they can be a little clunky to use. Seeing this feature translated into Gutenberg blocks is really interesting.

I have found several plugins that help animate blocks, and notices they use two strategies: The Container and the Extra Settings Panel.

Continue reading “Animating Gutenberg Blocks: Two Approaches”

Kona – Instagram Feed for Gutenberg

Last Updated on

A fairly straightforward and light-weight block to add an instagram feed. If need want extra options & settings please check other options, such as the block offered by Ghost Kit.

I quite like to, when you first insert it, the block provides a link right there to go get a IG token:

Carousel Block

Last Updated on

This block works similarly to Ben’s Slider for Gutenberg but has more settings/options as it uses columns and horizontal scroll, making it a lot more detailed, flexible and intuitive to use:

This is what it looks like in the editor:

I also noticed the block throws a generic error when trying to add image or gallery blocks:

I had to disable it due to the aforementioned issue of breaking image blocks (not just within it, but everywhere) but I like the approach and the simple, yet flexible and intuitieve design. I will keep an eye for future versions of this block.

Update: The block is working again:

I revisited this post and it seems to be working now, here is what it looks like with some images

And here with some text and images:

Meow Gallery (+ Gutenberg Gallery Block)

Last Updated on

A well thought out plugin that offers several layout options, including Masonry. It is practical and very well thought out, you can tell it was a photographer who built it. It is also important to note that this plugin works both as a Gutenberg block and with the classic “shortcode” gallery.

Continue reading “Meow Gallery (+ Gutenberg Gallery Block)”

Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos, Zenfolio and Instagram

Last Updated on

Continue reading “Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos, Zenfolio and Instagram”

Guten Post Layout – Gutenberg Post Layout Collection

Last Updated on

I am still looking for the best block to show a grid/list/slider/carousel of posts, including Custom Post Types. I am going to take a shot at this one today:

Continue reading “Guten Post Layout – Gutenberg Post Layout Collection”