Conditional Blocks – Control any Gutenberg Block

Disgrifiad

Conditional Blocks allows you to create a unique experience for your visitors and customers.

Conditionally hide any Gutenberg Block, even third-party blocks! You can use Conditional Blocks to restrict content on a memebership site, or you can created unique design on your landing pages.
Be creative, Conditional Blocks in the WordPress block editor gives you open hands to explore different way of building templates, block groups and more.

What can conditional blocks do?

Included Conditions:

  • Show or Hide block based user state (logged in or out users).
  • Show blocks depending on screen size (mobile, tablet, desktop).

Learn more about the features

Pro Conditions:

  • Show block depending on user rules (WooCommerce Customer, editors etc).
  • Show block for specific Date Ranges.
  • Show block for any device (iPhone, Android, macOS and Windows).
  • Show block based URL Referer (e.g if user came from Google.com).
  • Show block on Custom Field value, post meta condition.

Learn about Conditional Blocks Pro

Restrict Gutenberg Blocks

Restrict any Gutenberg block by simply clicking on it, You’ll be able to set it to appear for logged in or out users only.

Great for creating members only content on your site.

Control Mobile Blocks

You can select specific screen sizes to display your blocks on, and exclude them from others! Pick and choose if the block should be shown on mobile, tablet or desktop.

Compatibility

We’ve tested Conditional Blocks with the follow plugins:

  • Stackable Blocks
  • Atomic Blocks
  • CoBlocks
  • Editorskit
  • WooCommerce Blocks
  • Easy Digital Downloads Blocks
  • Ultimate Addons for Gutenberg
  • Otter Blocks & Templates
  • GenerateBlocks

Please reach out on support if you are experiencing issues with another plugin.

Lluniau Sgrin

  • Gutenberg Editor logged out/in user content block.
  • Frontend showing the logged out user block.
  • Editor options for conditionally showing block on screen sizes.
  • Frontend showing different blocks for different screens.

Gosod

Conditional Blocks for Gutenberg Installation Instructions:

  1. Upload the Conditional Blocks plugin to your /wp-content/plugin/ directory or through the plugin admin section under “add new”.,
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.,
  3. That’s it!

Cwestiynau Cyffredin

Can I conditionally hide any block?

Yes, you can conditionally hide any Gutenberg block using any of the conditions.

Adolygiadau

Medi 21, 2020
The show hide block on screen size feature is just what I wanted. Amie
Awst 9, 2020
I don't need this plugin very often (in fact, right now, I'm not sure I'm using it at all on my site) but, when I do, it's a lifesaver. Really, this kind of functionality should be built into the block editor - until then, this is fantastic.
Mehefin 28, 2020
Теперь блоки Гутенберг можно скрыть для определенных ролей пользователей и на определенных устройствах. Супер! Спасибо!
Mai 15, 2020
This plugin works very good, it does exactly what it promises! It works perfectly!
Read all 8 reviews

Contributors & Developers

“Conditional Blocks – Control any Gutenberg Block” is open source software. The following people have contributed to this plugin.

Cyfranwyr

Cofnod Newid

1.0.7

  • Tested: with GenerateBlocks.
  • Fixed: Added a fix to the issue where server side rendered blocks would cause errors with Conditional Blocks. https://github.com/WordPress/gutenberg/issues/16850

1.0.6

  • Ready for WordPress 5.5

1.0.5

  • Added feature to modify the CSS breakpoints.
  • Updated date range conditions in Conditional Blocks Pro
  • Fixed issue where MomentJS could not be found in Conditional Blocks Pro

1.0.4

  • Ready and tested with WordPress 5.4
  • Pro: Fixed date conditions sometimes applying to new blocks when new dates are added.
  • Minor code improvements.
  • Tested with Gutenberg 7.7.1

1.0.3

  • Improved how device size conditions are handled across all blocks.
  • Fixed hiding on device sizes across could cause full-width blocks to be standard size.
  • Fixed Conditional Blocks highlighting for Gutenberg 7.4+
  • Fixed postmeta condition being skipped.
  • Fixed postmeta condition saving incorrectly on blocks.

1.0.2

  • Removed Freeemius and tracking.

1.0.1

  • New Date Range Conditions for Blocks in Pro! Learn about Date Conditions
  • Improved JS browers caching with file versions.
  • Improved code structure.
  • Fixed conflict with Yoast and other plugings which triggers Gutenberg by using React.

1.0.0

  • initial Release of Conditional Blocks for Gutenberg.