Conditional Blocks – Visibility control for any Gutenberg block

外掛說明

Conditional Blocks allows you to create unique content for your visitors and customers. Visibility control with WordPress blocks is now easy within the WordPress Block Editor.

Be creative, build templates with dynamic content – you can change blocks to be visble or hidden, grouped blocks and each nested block even reusable blocks! We plan on having Conditional Blocks ready for Full Site Editing (FSE) themes, if you have any ideas – let us know.

What can conditional blocks do?

Conditional Blocks makes it easy to change visibility of any block.

Included condition types in the free version:

  • Hide blocks from everyone using the “Lockdown” condition. Great for when you are preparing new content.
  • Show or Hide block based user state (logged in users or logged out users). Great for creating membership content for signed in users.
  • Show or hide block on mobile screens.
  • Show or hide block on tablet screens.
  • Show or hide block on desktop screens.
  • Modify the screen sizes to fit the devices using the CSS breakpoints of your theme.

You can create conditional widgets in sidebars using any of the built-in visibility logic. Fully compatible with WordPress 5.8 block widgets.

Learn more about the features

Do more with Conditional Blocks Pro

  • Show block depending on user roles (WooCommerce Customer, admin, editor, subscriber, custom roles, etc).
  • Show block content for between date ranges, times, days of the week.
  • Show block for any device and browser (HTTP UserAgent) (iPhone, Android, macOS, linux and Windows).
  • Show block based on URL Referer (e.g if user came from Google.com or twitter.com).
  • Show block based on post meta fields, including custom meta fields and data.
  • Show block based on URL query strings (URL variables), You display custom confirmation content for form plugins like Gravity Forms.
  • Show block based on post ID or hide block on post IDs and URL Paths.
  • Show blocks based on Posts, Custom Post Types, Taxonomies and terms.
  • Show blocks for custom fields, user meta, post meta.
  • Create and manage presets of conditions to apply to multiple blocks across your whole site.
  • Show block based on PHP Logic and custom functions. The possibilities are unlimited.
  • WooCommerce – change the visibility of blocks based on total cart value of the current customer. Perfect for upselling.
  • WooCommerce – We have even more WooCommerce conditions for blocks coming, each condition will help you create dynamic upsells for smart marketing.
  • WooCommerce Products in cart, total cart value, total customer spent in store.
  • Support development of new features.

Conditional Blocks Pro gives you even more control over Full Site Editing and widget options.

See all features & benefits of Conditional Blocks Pro

Create content while your page is live.

You can use the Lockdown condition to create draft blocks. Once your blocks are ready to be published you can remove the condition. Safely work on your published WordPress content over multiple days by hiding the blocks that aren’t yet finished. Just make them visible on when you are ready.

Restrict block content

Restrict any WordPress Block by simply clicking on it inside the WordPress Block Editor. You can open the Condition Builder and add visibility rules to the selected block. You’ll be able to set it to appear for logged in or out users only.

Great for creating content that’s visible to members only 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. The block content will automatically be displayed or hidden for each different screen sizes.

Compatibility

Conditional Blocks works with any theme that uses the WordPress Block Editor (Gutenberg Block Editor).

We’ve tested Conditional Blocks with the follow plugins:

  • Stackable Blocks
  • Atomic Blocks
  • CoBlocks
  • Editorskit
  • WooCommerce Blocks (Product Blocks)
  • Easy Digital Downloads Blocks
  • Ultimate Addons for Gutenberg
  • Otter Blocks & Templates
  • GenerateBlocks
  • Kadence Blocks
  • Genesis Blocks

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

LEARN MORE

  • Documentation: Learn how to set up and use our features.
  • Blog: Read our guides and tutorials.
  • Website: Find out more about us and the pro version.
  • Twitter: Follow us on Twitter.

螢幕擷圖

  • How to customize WordPress visibility with Conditional Blocks.
  • Conditional Blocks 2.0+ - 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 screensizes using responsive blocks.

安裝方式

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!

常見問題集

Can I conditionally hide blocks?

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

Does Conditional Blocks work for block widgets?

Yes, you can use Conditional Blocks with Widget areas and sidebars using the new Widget Editor in WordPress 5.8+.

Can I add custom conditions for my content?

You can use Conditional Blocks Pro and the PHP logic condition to create custom visibility conditions for blocks.

How do I request a feature?

We are happy to hear about your ideas! Reach out to us via support

使用者評論

2021 年 6 月 13 日
wow - this is just great: Many thanks for bringing this awesome plugin to us; it just gives me much much more than i expected. Awesome! It is a truely great plugin – feasible for many purposes. It works great right out of the box, but is very easy to customize to suit your needs. conditional-blocks for its great design and the lightweight plugin that enables you to add great functionality to the website. i love the modern UI – and all the options. Amazing job: i love this plugin! To sume up: Many thanks for bringing this awesome plugin to us; 10 stars (out of 5 possible) from me! keep up the great work! I am sure that you find user and friends all over the planet very soon
2021 年 5 月 6 日
I tried 2 other plugins first (Block Visibility and Responsive Block Control) neither of which work at all for block visibility based on screen size for blocks containing short code. Conditional Blocks just works. Thank you for this great plugin.
2021 年 3 月 15 日
Unstable plugin. You rely on (in)visibility of blocks, but after every update you can't be sure if it works or not, messing up your whole website. Not a recommendable plugin.
2021 年 3 月 3 日
The huge potential with this plugin, plus the new block editor is immense. I look forward to bringing this to future clients.
2020 年 9 月 21 日
The show hide block on screen size feature is just what I wanted. Amie
2020 年 8 月 9 日
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.
閱讀全部 12 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Conditional Blocks – Visibility control for any Gutenberg block〉的開發相關工作。

參與者

Conditional Blocks – Visibility control for any Gutenberg block 外掛目前已有 2 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Conditional Blocks – Visibility control for any Gutenberg block 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

2.5.0

  • Improved: Code Refactored
  • Improved: Refined the indicator when a block is conditional within the WordPress editor.

Read the full release notes

2.4.2

Tested and ready for WordPress 5.8

2.4.0

New: Lockdown Condition (Hide block for everyone).
New: Most conditions now have a selectable “Block Action” where you can choose if the block should be visible or hidden when the condition is met.
Improved: UI – easily to select your options, the modal is now slimmer, matching the current WordPress Admin UI colors.
Improved: Refactored condition checking.
Improved: Fully translatable.

2.3.0

Release notes: https://conditionalblocks.com/v2-3-woocommerce-condition/

  • Improved and categorised the condition selector, now with “type to search” support.

Conditional Blocks Pro
* New – WooCommerce support available in Conditional Blocks Pro. Control the visibility of blocks using the customers total cart value.

2.0.1

  • Improved performance by only including the CSS for responsive blocks on the pages they are used.

2.0.0

Complete rebuild of Conditional Blocks. Please read the 2.0 introduction & release notes https://conditionalblocks.com/introducing-conditional-blocks-2-0/

  • Conditional Blocks 2.0 is a complete rebuild.
  • Existing users can safely update, old conditions will continue to work in the background. Editing blocks with old conditions will require clicking “Convert to 2.0 conditions”, when opening the new Condition Builder.
  • Ready for WordPress 5.7 and Gutenberg 10.1

1.0.9

  • Fixed: Inner blocks conditions work as expected again.

1.0.8

  • Ready and tested with WordPress 5.6
  • Improved compatibility with themes that could be overriding css. https://wordpress.org/support/topic/maybe-adds-important-css-rules/

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 browser caching with file versions.
  • Improved code structure.
  • Fixed conflict with Yoast and other plugins which triggers Gutenberg by using React.

1.0.0

  • initial Release of Conditional Blocks for Gutenberg.