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 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-carousel-container summary-table of contents tab tabs templates testimonials twitter-feed typography visibility widget widgetized-area woocommerce

Gutenberg error: “o is not a function”.

Last Updated on

A little meta-update, while I am here:

After updating gu10.blog to WP 5.3 I spotted an error `o is not a function` when trying to update my content.

I also noticed that this error was hiding my categories and tags from the sidebar.

I noticed the error has already been reported here ,for now I will have to disable the plugin and continue with the core 6.7 version of Gutenberg.

UPDATE: It looks like the issue resurfaced and is again being discussed here:

https://github.com/WordPress/gutenberg/issues/17444#issuecomment-555444287

GutenSlider

Last Updated on

This is an interesting and more advanced alternative to the Carousel Slider Block I already reviewed here. If you want a simpler and more generic Carousel container I would go with the plugin I mentioned before. For more image-oriented carousels this block offers some interesting new features.

Continue reading “GutenSlider”

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”