X

Cómo hacer un código corto de temporizador de cuenta atrás para mostrar el contenido después de la fecha

Snippets by IsItWP

¿Está buscando una manera de hacer un shortcode temporizador de cuenta atrás para mostrar el contenido después de una fecha específica? Este snippet creará un shortcode que coloca un temporizador de cuenta atrás en un contenido específico dentro de tu post. El contenido sólo será visible después de la fecha especificada.

Instrucciones:

  1. Añade este código al archivo functions.php de tu tema o en un plugin específico del sitio.
  2. 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');
    
  3. Añade este shortcode a tu post con el contenido que quieres mostrar después de la fecha especificada. No olvides establecer también los atributos de fecha.
  4. [cdt month="11" day="15" year="2020"]
    This is content that will only be shown after a set number of days.
    [/cdt]
    

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si le ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: Revisión de CSS Hero: #1 WordPress Theme Customization Plugin.

Comentarios   Deja una respuesta

  1. Jesus Rico Vargas febrero 28, 2019 en 2:20 am

    How to apply this code but to create for Minutos but not Days?

  2. wickandcoilchurch agosto 15, 2015 en 2:36 pm

    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.

  3. 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

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

      1. Thanks Kevin 🙂

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!