Featured

Last Updated on

One of the beauties of Gutenberg is that it creates an ecosystem in which all new blocks and UI elements are fully compatible and interchangeable.

This means that the work of different developers is now recyclable and stackable.

I created this site to test and try and keep some track of new blocks and other Gutenberg related plugins, thank you for visiting!

Álvaro.

"External API" accordion animation block-management blockquote carousel category columns container CPT custom-css custom-js developer-tools fav flickr freemium gallery gist Hero image-filters inline-styles instagram-feed layout lists map masonry more pages post-grid post-list post-slider pricing-table RGDP shortcode slider summary-table of contents tabs templates testimonials twitter-feed typography visibility widget widgetized-area woocommerce

Editors Kit

Last Updated on

This plugin the extends and tweaks Gutenberg’s functionalities, bringing it to a new level while staying true to its original spirit.

I came across this plugins while writing my Inline Text Editing Comparison post and it instantly became one of my favorite plugins.

Below is the full list of features provided by the plugin’s author. More on their website, here: https://editorskit.com/

  • Links with “rel” nofollow and sponsored attribute option
  • Highlighted Text or Heading Colors
  • Highlighted Text Background Color
  • Clear Formatting Options
  • Paragraph Justify Alignment
  • Underline Text Format
  • Superscript
  • Subscript
  • Uppercase Text Transform
  • Images and Embeds Caption Alignment
  • Nonbreaking Space
  • Support for Markdown
  • Text alignment for captions (images & embeds)
  • Adding “no-rel” to links
  • Mobile based and user log-in based block visibility
  • ACF integration.
Continue reading “Editors Kit”

Comparison: 9 plugins to add inline styles to text blocks

Last Updated on

We know that adding inline styles are one of the most demanded features, but we also know it can be a double-edged sword and a gateway to all kinds of inline horrors.

I am going to review plugins which add inline styles to paragraph blocks, mostly color, backgrounds and general typography settings.

Most of these plugins are in fact Block collections which offer this added functionality as an extra, while three of them (Mighty Blocks, Advanced Rich Text Tools and Editors Kit) are standalone plugins, and do not include any blocks.

Continue reading “Comparison: 9 plugins to add inline styles to text blocks”

Ghost Kit part 2: Extending Gutenberg

Last Updated on

I made a review of Ghost Kit a while back but since then this plugin has added several new features, some of which offer extra settings and extend the functionalities of the block editor.

Continue reading “Ghost Kit part 2: Extending Gutenberg”

Mighty Blocks

Last Updated on

This plugin does NOT add any extra blocks, but extends the functionality & control of existing blocks :

  • Typography (fonts, colors, backgrounds, letter spacing, line heights)
  • Margins
  • Backgrounds & Gradients for all blocks
  • Round Corners
  • Drop shadow
  • Borders
  • Mobile specific settings of all of the above
Continue reading “Mighty Blocks”

Secure Blocks for Gutenberg By Matt Watson

Last Updated on

A very simple plugin to limit visibility of your content based on user roles, while offering an alternative area to add the content that will be shown to non logged-in users.

This block could be used to create a simple membership site, for instance.

We could also insert a reusable block in the “public” area with a call to action asking visitors to register, in order to gain access to that content.

This is what the plugin looks like in the backend:

The plugin has a setting to specify the exact user role that will have access to a given instance of the block:

The author of the plugin mentions some features coming down the road:

  • Login Block
  • Register Block
  • Password Reset Block
  • Restrict entire pages / posts, not just inline content

The plugin looks a little bit abandoned at the moment (no updates for the last 9 months) but I was able to confirm it works fine both with the WP core version of the editor (5.2) and with the beta/plugin version (6.6.0)


This is what the plugin looks like in action:

This is the public content

You will only see this, of course 🙂

Duplicated block dependencies

Last Updated on

I noticed this message below while I was testing performance on gu10.blog (using GTMETRIX via ManageWP). I am curious as if there is already some strategy on the roadmap to address this problem.

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 46.4KiB.

  • https://c0.wp.com/c/5.2.3/wp-includes/css/dashicons.min.css
  • https://s.w.org/wp-includes/css/dashicons.min.css?ver=5.3-beta1-46336

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 41.9KiB.

  • https://gu10.blog/wp-content/plugins/carousel-block/dist/assets/slick/slick.min.js?ver=5.2.3
  • https://gu10.blog/wp-content/plugins/gosign-posts-slider-block/src/js/slick/slick.min.js?ver=1

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 1.3KiB.

  • https://gu10.blog/wp-content/plugins/getwid/vendors/slick/slick/fonts/slick.woff
  • https://gu10.blog/wp-content/plugins/gosign-posts-slider-block/src/block/slick/fonts/slick.woff

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 noticed they use two main approaches: The Container and the Extra Settings Panel.

Continue reading “Animating Gutenberg Blocks: Two Approaches”

Table of contents (Summary) Blocks: A comparison

Last Updated on

When writing long posts, a table of contents is absolutely necessary.

There are many plugins on the repo which will use the heading structure to create this summary dynamically, and add the to the posts automatically:

I would like to cover today several new blocks that offer a similar functionality to the two examples above:

Continue reading “Table of contents (Summary) Blocks: A comparison”

Advanced Gutenberg

Last Updated on

This one’s a bit confusing, as there is already another plugin called Advanced Gutenberg Blocks.

This plugin offers a balanced list of blocks, including some not too common, such as the “Advanced list” and the “Summary” blocks.

Continue reading “Advanced Gutenberg”