vectorarrow

<h4>Features</h4>
Dynamic Content — Insert live data into any block using a simple template syntax: <code>{{ post.title }}</code>, <code>{{ user.name }}</code>, <code>{{ site.name }}</code>. No shortcodes, no PHP templates, no code.
Personalization — Greet visitors by name, show role-specific content, or display custom messages based on login status. Expressions are evaluated server-side on every page load.
Visibility Control — Show or hide any Gutenberg block based on conditions. Display content only for logged-in users, specific roles, or specific post states — all configured from the block sidebar.
Dynamic CSS Classes — Inject CSS classes into any block based on live data. Style blocks differently for administrators vs. guests, published vs. draft posts, and more.
20+ Built-in Filters — Transform values with chainable pipes: <code>upper</code>, <code>lower</code>, <code>truncate</code>, <code>date</code>, <code>default</code>, <code>match</code>, <code>replace</code>, <code>kebab</code>, and more. Chain them: <code>{{ post.title | upper | truncate 20 }}</code>.
Custom Fields — Access any post or user meta with <code>post.meta.my_field</code> or <code>user.meta.my_field</code>. Sensitive keys are blocked by default.
Full Expression Language — Arithmetic, comparison, ternary, logical operators, string interpolation, and bracket access. All evaluated server-side with zero frontend JavaScript.
In-Editor Autocomplete — Typing <code>{{</code> triggers smart autocomplete with categorized suggestions, icons, and live previews.
Extensible — Register custom data roots, custom filters, and custom autocomplete suggestions via WordPress hooks and JavaScript filters.
For complete syntax reference, filter documentation, and developer guides, visit the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">full documentation</a>.
<h4>How It Works</h4>
Add an expression to any block’s text content by typing <code>{{</code> and selecting your expression from the autocomplete menu. The plugin will automatically format it as an expression chip.
<pre><code>{{ post.title }}
{{ user.name | default "Guest" }}
{{ post.date | date "F j, Y" }}
{{ user.is_logged_in ? "Welcome back!" : "Hello, visitor!" }}
</code></pre>
Expressions are rendered as interactive chips in the editor and resolved server-side on every page render. No JavaScript runs on the frontend.
For the full syntax guide, data roots, and filter reference, see the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">documentation</a>.
<h4>Source Code</h4>
The full, uncompressed source code is publicly available on <a href="https://github.com/samuel-reinhardt/Vector-Expressions" rel="nofollow ugc">GitHub</a>.

Vector Expressions

Embed dynamic expressions in the Gutenberg block editor to personalize content and control block visibility.

Gabriel Serafini

Display content conditionally based on a schedule. Choose from three scheduling modes:
<ol>
<li>Date Range – Show content between specific start and end dates</li>
<li>Recurring – Show content on specific days of the week during a time window</li>
<li>Custom – Use PHP strtotime expressions for flexible scheduling</li>
</ol>
<h4>Gutenberg Block</h4>
The Display During block provides a visual editor with:
<ul>
<li>Sidebar controls for all three scheduling modes</li>
<li>Date/time pickers for start and end dates</li>
<li>Day-of-week checkboxes for recurring schedules</li>
<li>Live status indicator (active/inactive)</li>
<li>Optional fallback message when content is hidden</li>
<li>Copy as Shortcode toolbar button</li>
</ul>
<h4>Shortcodes</h4>
The <code>[display_during]</code> shortcode works in the Classic Editor and anywhere shortcodes are supported.
Date range: 
 [display_during start_day_time=”June 1, 2026 8:00 am” end_day_time=”December 31, 2026 11:59 pm”]Content here[/display_during]
Recurring schedule (new in 2.0): 
 [display_during days=”mon,wed,fri” start_time=”09:00″ end_time=”17:00″]Office hours content[/display_during]
Custom strtotime: 
 [display_during start_day_time=”Sun 8:00 am” end_day_time=”Mon 8:00 pm”]Weekend content[/display_during]
With fallback message: 
 [display_during end_day_time=”June 1, 2026″]Register now![display_during_message]Registration has closed.[/display_during_message][/display_during]
<h4>Shortcode Parameters</h4>
<ul>
<li><code>start_day_time</code> – When to start showing content (strtotime string or date)</li>
<li><code>end_day_time</code> – When to stop showing content</li>
<li><code>days</code> – Comma-separated days for recurring mode (mon,tue,wed,thu,fri,sat,sun)</li>
<li><code>start_time</code> – Start time for recurring mode (HH:MM format)</li>
<li><code>end_time</code> – End time for recurring mode (HH:MM format)</li>
<li><code>timezone_location</code> – PHP timezone identifier (defaults to site timezone)</li>
<li><code>message</code> – Plain text fallback message (legacy; use nested shortcode for rich content)</li>
</ul>

Display During Conditional Shortcode

Show or hide content based on date ranges, recurring day/time schedules, or custom strtotime expressions. Includes a Gutenberg block and shortcode.

Vector Expressions vs Display During Conditional Shortcode