Shortcodes to wrap around text, which specify at what date or time that content should appear or disappear, either once, or on a recurring basis.

azurecurve

azurecurve Toggle Show/Hide

Toggle to show/hide content (allows custom title).

man_ketan

KM-ShowHide

This simple plugin allows you to toggle your content inside shortcode.

Dave Clements

Like this plugin? Consider <a href="https://wordpress.org/support/view/plugin-reviews/shortcodes-to-show-or-hide-content" title="Review Show/Hide Content at Set Time" rel="ugc">leaving a quick review</a> or writing about how you’ve used it on your site – <a href="https://www.theukedge.com/contact/?utm_source=wordpress.org&utm_medium=plugin&utm_campaign=contact" title="Contact Dave" rel="nofollow ugc">send me a link</a> to that write up if you do.
This plugin is maintained on <a href="https://github.com/theukedge/shortcodes-to-show-or-hide-content" rel="nofollow ugc">GitHub</a>, so feel free to use the repository for reporting issues, submitting feature requests and submitting pull requests.
This plugin provides shortcodes allowing you to display content or hide content at given dates and times. You can also combine the two to show some content at a given time, and then hide it at another time.
There’s also a separate shortcode if you want to repeat a schedule for showing and hiding content – for example to only show information about a radio show while it’s on air.
<h4>Usage – single use</h4>
To show or hide content at one point in time, you can use the <code>[time-restrict]</code> shortcode. For example:
<pre><code>[time-restrict off="2015-01-01"]Please enter our competition[/time-restrict]
[time-restrict on="2015-01-01"]Sorry, this competition has closed[/time-restrict]
</code></pre>
If you do not enter a time with the date, it will default to 00:00:00, so in the above example, the first message will show up until 2015-01-01 00:00:00 (i.e. until the first second of 2015) and the second message will show up from 2015-01-01 00:00:00 (i.e. from the first second of 2015)
You can use any date or time string <a href="http://www.php.net/manual/en/datetime.formats.php" title="PHP Date and Time strings" rel="nofollow ugc">supported by PHP</a>, such as:
<pre><code>[time-restrict off="September 10th, 2014"]Will display until 09/10/2014[/time-restrict]
[time-restrict off="2014-09-10"]Will display until 09/10/2014[/time-restrict]
[time-restrict off="10-Septmber 2014"]Will display until 09/10/2014[/time-restrict]
[time-restrict on="2014/09/10 18:00:00"]Will show after 09/10/2014 at 6pm[/time-restrict]
</code></pre>
You can also combine starting and ending dates for the same piece of content. So if you want some content to appear between January 1st and January 10th, you could do the following:
<pre><code>[time-restrict on="2015-01-01" off="2015-01-11"]
This is a limited time offer
[/time-restrict]
</code></pre>
<h4>Usage – repeating schedule</h4>
To show and hide content on a recurring schedule, you can use the <code>[time-restrict-repeat]</code> shortcode. Your options are a daily, weekly, monthly or annual schedule.
A daily schedule takes the following form:
<pre><code>[time-restrict-repeat type="daily" ontime="09:00:00" offtime="17:00:00"]
Working 9 to 5
[/time-restrict-repeat]
</code></pre>
Note that you can also cross over midnight, so to only show something from 10PM to 5AM, you can use:
<pre><code>[time-restrict-repeat type="daily" ontime="22:00:00" offtime="05:00:00"]
For the night owls
[/time-restrict-repeat]
</code></pre>
A weekly schedule takes the following form:
<pre><code>[time-restrict-repeat type="weekly" onday="Monday" offday="Friday"]
The work week
[/time-restrict-repeat]
</code></pre>
You can also specify start and stop times if you want (it will assume starting at 00:00:00 and ending at 23:59:59 if these are left out, like above):
<pre><code>[time-restrict-repeat type="weekly" onday="Friday" offday="Monday" ontime="17:00:00" offtime="08:00:00"]
It's the weekend baby!
[/time-restrict-repeat]
</code></pre>
A monthly schedule takes the following form:
<pre><code>[time-restrict-repeat type="monthly" ondate="01" offdate="07"]
The first week of the month
[/time-restrict-repeat]
</code></pre>
You can both cross over the end of the month, and apply times to your start and end dates, e.g.
<pre><code>[time-restrict-repeat type="monthly" ondate="25" offdate="05" ontime="17:00:00" offtime="08:00:00"]
We are exceptionally busy at the end of each billing cycle. Please bear with us!
[/time-restrict-repeat]
</code></pre>
And lastly, an annual schedule takes the following form:
<pre><code>[time-restrict-repeat type="annually" onmonth="June" offmonth="August" ondate="01" offdate="31"]
I'm currently in the mountains enjoying the summer!
[/time-restrict-repeat]
</code></pre>
You can cross over the end of the month or even the end of the year, and apply times to your start and end dates, e.g.
<pre><code>[time-restrict-repeat type="annually" onmonth="December" ondate="24" offmonth="January" offdate="05" ontime="17:00:00" offtime="08:00:00"]
Our employees are currently enjoying time with their families for Christmas. We'll be back after the New Year.
[/time-restrict-repeat]
</code></pre>
If you’re feeling creative, you can even nest shortcodes to account for multiple concurrent conditions. Since you cannot nest shortcodes with the same name, you need to add -2 or -3 to time-restrict-repeat in your shortcode (e.g. <code>[time-restrict-repeat-2]</code>).
For example, showing a message during business hours only on Monday to Friday:
<pre><code>[time-restrict-repeat type="daily" ontime="08:00:00" offtime="17:00:00"]
[time-restrict-repeat-2 type="weekly" onday="Monday" offday="Friday"]
Our store is currently open
[/time-restrict-repeat-2]
[/time-restrict-repeat]
</code></pre>
You can also define a message which should appear if your content is not showing by using the <code>else</code> attribute @since 2.5. For example, you could invite people to visit your store during opening hours and ask them come back soon otherwise, like this:
<pre><code>[time-restrict-repeat type="daily" ontime="08:00:00" offtime="17:00:00" else="We're currently closed. Come back and see us when we're open."]
[time-restrict-repeat-2 type="weekly" onday="Monday" offday="Friday" else="We're currently closed. Come back and see us when we're open."]
Our store is currently open
[/time-restrict-repeat-2]
[/time-restrict-repeat]
</code></pre>
Note that with nested shortcodes, you need to add the <code>else</code> attribute to each shortcode.
<h4>Things to bear in mind</h4>
<ul>
<li>The time used by the plugin is your site’s local time (check in Settings > General).</li>
<li>The <code>else</code> attribute does accept HTML, but is restricted by <a href="https://codex.wordpress.org/Shortcode_API#HTML" rel="nofollow ugc">WordPress’ limitation on HTML inside shortcode attributes</a>.</li>
</ul>
I also run <a href="http://www.doitwithwp.com/?utm_source=wordpress.org&utm_medium=plugin&utm_campaign=my-other-sites" title="WordPress Tutorials" rel="nofollow ugc">Do It With WordPress</a>, which has an array of tutorials for managing, modifying and maintaining your WordPress sites, as well as <a href="https://www.thewpbutler.com/?utm_source=wordpress.org&utm_medium=plugin&utm_campaign=wordpress-services" title="WordPress Maintenance Services" rel="nofollow ugc">The WP Butler</a>, a service for keeping your site maintained, backed up, updated and secure.

Alternatives to Show/Hide Content at Set Time

Top alternatives