Simon Kraft

Matthias Kittsteiner

epiphyt

Have you ever used WordPress’ new block editor Gutenberg and wished for a way to influence, when and to whom blocks are shown? We’ve been in this situation, that’s why we came up with Block Control. This nifty little plugin allows you to control, whether a block should be displayed under certain circumstances or not. And that’s of course true for both WordPress’ default blocks and blocks added by third-party plugins.
You can hide blocks based on:
<ul>
<li>Device types (desktop, mobile, screen reader)</li>
<li>Login status</li>
<li>Date (start and end date)</li>
<li>User roles</li>
<li>Page types</li>
<li>Posts of the current post type</li>
<li>Page number in numbered pages (in archives and search results)</li>
</ul>
Additionally, you can set an inline formatting to display certain text only for screen readers.

Block Control

I've used this plugins on two websites now. It works just great. The visibility option for different devices is very useful.

It works just smoothly

Lovely helper plugin lets you select, if you need to be logged in to see a block in a post or page and whether it should be hidden on certain devices.

Currently the plugin description may be a little vague ("it does what?") but the plugin works right out of the box and may be for many a smart solution for a simple task. 

Well done, Matthias and Simon. 👏🏻

Nice little helper plugin

Block Control allows you to take control of all the blocks on your website. Tailor a unique experience for your visitors.

Tessa (they/them), AuRise Creative

Contact Form 7 is an excellent WordPress plugin and one of the top choices of free WordPress plugins for contact forms. Controller Fields makes it even more awesome by adding dynamic content capabilities. This plugin provides new form tags for select fields, checkboxes, and radio buttons so you can use them to control the display of other fields and content. Some examples might include:
<ul>
<li>Hiding or revealing additional form fields based the current value in a dropdown</li>
<li>Hiding or revealing content when users click a checkbox</li>
<li>Hiding or revealing information based on which radio button is currently selected</li>
<li>Controllers and controlled fields can be nested</li>
</ul>
The possibilities are endless!
<h4>View Demo</h4>
<a href="https://wordpress.org/plugins/controller-fields-for-contact-form-7/?preview=1" rel="ugc">Preview this plugin</a> in the WordPress Playground, a sandbox environment where you can explore the features of this plugin, both in the WordPress backend as an admin user and on the frontend.
<h4>WHAT DOES IT DO?</h4>
This plugin creates three (3) new form tags for controlling the appearance of other form tags (aka “controller”) and a special form tag generator button to output the HTML needed to wrap the controllable form tags inside.
<h4>HOW TO USE IT</h4>
After installing and activating the plugin, you will have four (4) new buttons at the top when creating or editing a Contact Form 7 form: select controller, checkbox controller, radio controller, and controlled form tag wrapper. Most of the options in their tag generators will be familiar to Contact Form 7 users but there have been some upgrades.
Id Attribute
The frontend script relies on unique IDs for the controller form tags, so be sure to always set one!
Options
There are three (3) ways you can define your options. The first method is simply typing your options with each one on a new line, e.g.:
<pre>Apples
Bananas
Dragonfruit</pre>
The second method is similar, but it allows you more control over the value and label by using <code>|</code> to separate them, e.g.:
<pre>fruit_1 | Apples
fruit_2 | Bananas
fruit_3 | Dragonfruit</pre>
The third method is dynamic in that you can use a shortcode to populate your options with two important provisions:
<ol>
<li>The shortcode should NOT include the normal square brackets (<code>[</code> and <code>]</code>). So, instead of <code>[my_shortcode key='value']</code> you would use <code>my_shortcode key='value'</code>.</li>
<li>Any parameters in the shortcode must use single quotes. That is: <code>my_shortcode key='value'</code> and not <code>my_shortcode key="value"</code></li>
</ol>
Shortcodes used here should return a string value with the option or option group HTML.
Default value
This field can take static text or a shortcode. If using a shortcode, the same syntax applies from the options field. However, this field also has a few more needs:
<ol>
<li>The text/shortcode must first have apostrophes converted to it’s HTML entity code, <code>'</code></li>
<li>After that, it must be URL encoded so that spaces become <code>%20</code> and other non-alphanumeric characters are converted.</li>
</ol>
Placeholder
Only available for the select controller form tag, this field can take static text or a shortcode. If using a shortcode, the same syntax applies from the options field. However, this field also has a few more needs:
<ol>
<li>The text/shortcode must first have apostrophes converted to it’s HTML entity code, <code>'</code></li>
<li>After that, it must be URL encoded so that spaces become <code>%20</code> and other non-alphanumeric characters are converted.</li>
</ol>
Read Only Attribute
Simply check this box if you do not want to let users edit this field. It will add the <code>readonly</code> attribute to your form field.
Disabled Attribute
Simply check this box if you do not want to submit this field in the form. It will add the <code>disabled</code> attribute to your form field.

Controller Fields for Contact Form 7

Hide or display content in your forms created in Contact Form 7 based on user selections!

Block Control vs Controller Fields for Contact Form 7