¿Estás buscando una forma de crear un shortcode de temporizador de cuenta regresiva para mostrar contenido después de una fecha específica? Este fragmento creará un shortcode que colocará un temporizador de cuenta regresiva en contenido específico dentro de tu publicación. El contenido solo será visible después de la fecha especificada.
Instrucciones:
- Agrega este código al archivo functions.php de tu tema o a un plugin específico del sitio.
- Agrega este shortcode a tu publicación con el contenido que deseas mostrar después de la fecha especificada. No olvides configurar también los atributos de fecha.
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');
[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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Revisión de CSS Hero: El plugin de personalización de temas de WordPress #1.
¿Cómo aplicar este código pero para crear para Minutos pero no Días?
¿Cómo podemos hacer que esto se repita, ya que deseo tener un botón al final en lugar de texto? Una vez que se hace clic en el botón, realiza la acción deseada relacionada con el botón y simplemente muestra el temporizador nuevamente. Si el usuario no ha iniciado sesión, simplemente mostrará el botón hasta que inicie sesión y haga clic en él.
Hola,
Gran fragmento de código 🙂
¿Hay alguna forma de eliminar el contenido en una fecha determinada? ¿Para poder establecer la fecha para mostrar el contenido y que expire en una fecha determinada?
MAtt
Hola Matt, estoy seguro de que podemos hacer algo así. Publicaré un fragmento en un futuro cercano.
Gracias Kevin 🙂