Home / functions.php / Countdown timer shortcode, display content after specified date
  • How to Countdown timer shortcode, display content after specified date

    countdown-timer-shortcode-display-content-after-specified-date

    Adding the first snippet to the functions.php of your wordpress theme will let you use a shortcode to place a countdown timer on specific content within your post. Add the shortcode within the second snippet to your post with content you want to display after the specified date. I added a class of event so you can style the display of the message anyway you wish, enjoy!

    wordpress snippet : PHP

    <>
    function content_countdown($atts, $content = null){
      extract(shortcode_atts(array(
         'month' => '',
         'day'   => '',
         'year'  => ''
        ), $atts));
        $remain = ceil((mktime( 0,0,0,(int)$month,(int)$day,(int)$year) - time())/86400);
        if( $remain > 1 ){
            return $daysremain = "<div class=\"event\">Just <b>($remain)</b> days until content is available</div>";
        }else if($remain == 1 ){
    	return $daysremain = "<div class=\"event\">Just <b>($remain)</b> day until content is available</div>";
        }else{
            return $content;
        }
    }
    add_shortcode('cdt', 'content_countdown');
    

    wordpress snippet : SHORTCODE

    <>
    [cdt month="10" day="17" year="2011"]
    This is content that will only be shown after a set number of days.
    [/cdt]
    

    ( WordPress codex functions, hooks, in this snippet. )

    add_shortcode, shortcode_atts,
  • Matt

    Hey,

    Great piece of code :)

    Is there a way to remove the content on a set date? So you can set the date to show the content and it can expire on a set date?

    MAtt

    • http://wpsnipp.com Kevin Chard

      Hi Matt I’m sure we can do something like that Ill post a snippet in the near future.

      • Matt

        Thanks Kevin :)

  • wickandcoilchurch

    How can we make this loop as I wish to have a button at the end instead of text. Once the button is clicked it does said action related to the button and simply shows timer again. If user is not logged in it shall simply show the button until he/she logs in and clicks on it.