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.

Show/Hide Content at Set Time

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

Toggle to show/hide content (allows custom title).
[toggle]content[/toggle] to use toggle in basic format.
Set a title by using the title parameter: [toggle title=’Click to show/hide spoiler’]content[/toggle]
Override settings width using width parameter: [toggle width=’75%’]content[/toggle]
Set toggle to default open using the expand parameter: [toggle expand=1]content[/toggle]
Override CSS border using the border parameter: [toggle border=’none’]content[/toggle] or [toggle border=’1px dashed #FF0000′]content[/toggle]
Override settings title colour using the title_color parameter: [toggle title_color=’#000′]content[/toggle]
Override settings title font family using the title_font parameter: [toggle title_font=’Arial, Calibri’]content[/toggle]
Override settings title font size using the title_font_size parameter: [toggle title_font_size=’14px’]content[/toggle]
Override settings title font weight using the title_font_weight parameter: [toggle title_font_weight=600]content[/toggle]
Override settings title background colour using the bgtitle parameter: [toggle bgtitle=’#007FFF’]content[/toggle]
Override settings text colour using the text_color parameter: [toggle bgtext=’#000′]content[/toggle]
Override settings text background colour using the bgtext parameter: [toggle bgtext=’#000′]content[/toggle]
Override settings text font family using the title_font parameter: [toggle text_font=’Arial, Calibri’]content[/toggle]
Override settings text font size using the title_font_size parameter: [toggle text_font_size=’14px’]content[/toggle]
Override settings text font weight using the title_font_weight parameter: [toggle text_font_weight=600]content[/toggle]
Override settings disable title images using disable_image=1 or disable_image=0
Shortcodes can now be used inside the content or title of the toggle (tested with Contact Form 7 and azurecurve BBCode).
Select toggle image in options or network options; allows different sites in a network to use different images. Add extra images by dropping them into the plugins /images folder
This plugin supports language translations. If you want to translate this plugin please sent the .po and .mo files to wordpress.translations@azurecurve.co.uk for inclusion in the next version (full credit will be given). The .pot fie is in the languages folder of the plugin and can also be downloaded from the plugin page on http://wordpress.azurecurve.co.uk.

azurecurve Toggle Show/Hide

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

Show/Hide Content at Set Time vs azurecurve Toggle Show/Hide