Comment créer un shortcode de compte à rebours pour afficher le contenu après la date

Vous cherchez un moyen de créer un shortcode de compte à rebours pour afficher du contenu après une date spécifique ? Ce snippet va créer un shortcode qui place un compte à rebours sur un contenu spécifique dans votre article. Le contenu ne sera visible qu’après la date spécifiée.

Instructions:

1. Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site

.

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');

2. Ajoutez ce shortcode à votre article contenant le contenu que vous souhaitez afficher après la date spécifiée

.

3. N’oubliez pas de définir les attributs de la date.

[cdt month="11" day="15" year="2020"]
This is content that will only be shown after a set number of days.
[/cdt]

[cdt month="11" day="15" year="2020"]
This is content that will only be shown after a set number of days.
[/cdt]

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier/coller correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : CSS Hero Review : Plugin #1 de personnalisation de thème WordPress.