AgilePress

<p>AgilePress Content Block for ACF is a versatile tool developed by <a href="https://agilepress.net" rel="nofollow ugc">AgilePress</a> that allows you to create dynamic HTML content with Advanced Custom Fields integration. It supports four powerful syntaxes for different ACF field types:</p>
<ul>
<li><strong>Simple fields</strong>: Use <code>{field_name}</code> for text, number, and other simple fields</li>
<li><strong>Group fields</strong>: Use <code>{group_name:sub_field_name}</code> to access fields within ACF groups</li>
<li><strong>Repeaters & Galleries</strong>: Use <code>{{repeater_name}}</code> HTML content with <code>{sub_field}</code> tags <code>{{/repeater_name}}</code> to loop through repeater fields and image galleries</li>
<li><strong>Conditionals</strong>: Use <code>{{#if field}}...{{/if}}</code> for conditional content display with support for <code>=</code> and <code>!=</code> comparisons</li>
</ul>
<p>This block is perfect for:</p>
<ul>
<li>Displaying custom field data in formatted HTML</li>
<li>Creating dynamic templates with ACF fields</li>
<li>Building complex layouts that pull data from custom fields</li>
<li>Looping through repeater fields and image galleries</li>
<li>Accessing nested group field data</li>
<li>Showing/hiding content based on field values</li>
<li>Integrating ACF data seamlessly into your content</li>
</ul>
<p>The block provides an intuitive sidebar editor where you can write HTML and insert ACF field tags. On the frontend, these tags are automatically replaced with the actual values from your Advanced Custom Fields.</p>
<p><strong>Requirements:</strong></p>
<ul>
<li>Advanced Custom Fields (free or PRO version)</li>
<li>WordPress 6.1 or higher</li>
<li>PHP 7.0 or higher</li>
</ul>
<h3>Usage Examples</h3>
<p><strong>Example 1 – Simple field display:</strong></p>
<pre><code><div class="location">
  <p>Latitude: {latitude}</p>
  <p>Longitude: {longitude}</p>
</div>
</code></pre>
<p><strong>Example 2 – Group field access:</strong></p>
<pre><code><div class="contact">
  <h3>{contact_info:name}</h3>
  <p>Email: <a href="mailto:{contact_info:email}">{contact_info:email}</a></p>
  <p>Phone: {contact_info:phone}</p>
</div>
</code></pre>
<p><strong>Example 3 – Repeater field loop:</strong></p>
<pre><code><ul class="team-members">
  {{team_member}}
    <li>
      <h4>{name}</h4>
      <p>{position}</p>
      <p>{bio}</p>
    </li>
  {{/team_member}}
</ul>
</code></pre>
<p><strong>Example 4 – Gallery field loop:</strong></p>
<pre><code><div class="gallery">
  {{project_images}}
    <figure>
      <img src="{url}" alt="{alt}" width="{width}" height="{height}" />
      <figcaption>{caption}</figcaption>
    </figure>
  {{/project_images}}
</div>
</code></pre>
<p><strong>Example 5 – Conditional display:</strong></p>
<pre><code><article class="post">
  {{#if featured}}
    <span class="badge">Featured</span>
  {{/if}}

  <h2>{title}</h2>

  {{#if status = published}}
    <p class="published-date">Published: {date}</p>
  {{#elseif status = draft}}
    <p class="draft-notice">This is a draft</p>
  {{#else}}
    <p class="pending-notice">Pending review</p>
  {{/if}}

  {{#if author_name != Anonymous}}
    <p>By {author_name}</p>
  {{/if}}
</article>
</code></pre>
<p><strong>Example 6 – Complex combination:</strong></p>
<pre><code><article class="project">
  <header>
    {{#if is_featured}}
      <span class="featured-badge">Featured Project</span>
    {{/if}}

    <h2>{project_title}</h2>
    <p class="meta">
      Location: {location:city}, {location:country}<br>
      Date: {project_date}
    </p>
  </header>

  <div class="gallery">
    {{project_gallery}}
      <figure>
        <img src="{url}" alt="{alt}" loading="lazy" />
        <figcaption>{caption}</figcaption>
      </figure>
    {{/project_gallery}}
  </div>

  {{#if features}}
    <div class="features">
      <h3>Project Features</h3>
      <ul>
        {{features}}
          <li>
            <strong>{feature_name}:</strong> {feature_value}
          </li>
        {{/features}}
      </ul>
    </div>
  {{/if}}

  <footer>
    {{#if client_type = commercial}}
      <p><strong>Commercial Project</strong></p>
    {{/if}}

    <p>Client: {client_info:company_name}</p>

    {{#if client_info:email != none}}
      <p>Contact: {client_info:email}</p>
    {{/if}}
  </footer>
</article><h3>Additional Information</h3>
</code></pre>
<p><strong>Security:</strong><br />
All field values are properly escaped using WordPress security functions (<code>esc_html()</code>, <code>esc_url()</code>, <code>wp_kses_post()</code>) to prevent XSS attacks and ensure safe output.</p>
<p><strong>Performance:</strong><br />
The block uses WordPress native functions and ACF’s optimized field retrieval methods. Field values are processed server-side during render, ensuring optimal frontend performance.</p>
<p><strong>Compatibility:</strong></p>
<ul>
<li>WordPress 6.1+ (tested up to 6.9)</li>
<li>PHP 7.0+ (tested up to 8.3)</li>
<li>ACF free version 5.0+</li>
<li>ACF PRO 5.0+</li>
<li>Classic and Block themes</li>
</ul>
<p><strong>Developer Notes:</strong><br />
The block follows WordPress coding standards and uses</p>


AgilePress Content Block for ACF

Display ACF content using custom tags in HTML with support for groups, repeaters, galleries, and conditionals.

DAEXT

<p>Restricted Blocks is a WordPress plugin that allows you to restrict access to specific Gutenberg blocks based on a great variety of conditions.</p>
<p>You can, for example, restrict content based on the user role, conditionally display content based on the user device, make parts of the post unavailable to search engines, and more.</p>
<h3>Pro Version</h3>
<p>For professional users, we distribute a <a href="https://daext.com/restricted-blocks/" rel="nofollow ugc">Pro Version</a> of this plugin which includes additional types of restrictions.</p>
<h3>Types of restrictions</h3>
<p>This section will provide you details on the types of restrictions and the related usage examples.</p>
<h3>Fixed</h3>
<p>This restriction, when activated, removes a block from the front end.</p>
<h4>Usage Examples</h4>
<ul>
<li>Temporarily hide existing or new sections of an article until they are ready to be published.</li>
</ul>
<h3>Password</h3>
<p>The restricted content is displayed only after a successful password submission.</p>
<h4>Usage Examples</h4>
<ul>
<li>Display private content only to members of a club, community, or to your friends.</li>
<li>Display downloadable material only to students of a class.</li>
</ul>
<h3>Device</h3>
<p>This restriction allows you to display blocks based on the device of the user.</p>
<h4>Usage Examples</h4>
<ul>
<li>Display complex layout elements only with desktop devices</li>
<li>Display different download links based on the device of the user</li>
</ul>
<h3>Time Range</h3>
<p>With this restriction, you can display content at a specified time interval.</p>
<h4>Usage Examples</h4>
<ul>
<li>Sell tickets in predetermined time intervals</li>
<li>Create a flash sale</li>
</ul>
<h3>Capability</h3>
<p>This restriction uses the <a href="https://wordpress.org/support/article/roles-and-capabilities/" rel="ugc">capabilities of the user</a> to determine whether to display or not a specific block.</p>
<h4>Usage Examples</h4>
<ul>
<li>Allow access to premium material only to specific user roles.</li>
</ul>
<h3>IP Address</h3>
<p>This restriction allows you to display or hide blocks based on the IP address of the visitor.</p>
<h4>Usage Examples</h4>
<ul>
<li>Prevent spam on contact forms or comments area</li>
<li>Prevent hacking attempts</li>
</ul>
<h3>Cookie</h3>
<p>Use this restriction to display content based on the presence of specifics cookies.</p>
<h4>Usage Examples</h4>
<ul>
<li>Hide or display interface elements based on the information available about the user</li>
<li>Display content only to logged user</li>
</ul>
<h3>HTTP Headers</h3>
<p>With this restriction, you can display or hide content based on the information available in the HTTP headers.</p>
<h4>Usage Examples</h4>
<ul>
<li>Hide content to specific bot or search engines</li>
<li>Conditionally display content based on the device of the user</li>
</ul>
<h3>Customizable Style</h3>
<p>You can customize the colors and the typography of the elements displayed in the front-end with the 18 style options available in the back-end.</p>
<h3>Technical Information</h3>
<h3>Plugin manual</h3>
<p>Please see the <a href="https://daext.com/doc/restricted-blocks-lite/" rel="nofollow ugc">plugin manual</a> for more information on the plugin installation and usage.</p>
<h3>Device detection</h3>
<p>The device of the user is detected with the <a href="https://github.com/serbanghita/Mobile-Detect" rel="nofollow ugc">Mobile Detect</a> PHP class.</p>
<h3>Credits</h3>
<p>This plugin makes use of the following resources:</p>
<ul>
<li><a href="https://github.com/select2/select2" rel="nofollow ugc">Select2</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/serbanghita/Mobile-Detect" rel="nofollow ugc">Mobile Detect</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
</ul>


Restricted Blocks – Conditional Visibility Settings for the Block Editor

The feature I like best is the ability to set passwords for each block.

I am very thankful to the developers for the great job they have done in making this functionality available to me!

What a great plugin!

Restricted Blocks is a WordPress plugin that allows you to restrict access to specific Gutenberg blocks based on a great variety of conditions.

AgilePress Content Block for ACF vs Restricted Blocks – Conditional Visibility Settings for the Block Editor