Está procurando uma maneira de criar um shortcode de cronômetro de contagem regressiva para exibir conteúdo após uma data específica? Esse snippet criará um shortcode que colocará um cronômetro de contagem regressiva em um conteúdo específico de sua publicação. O conteúdo só será visível após a data especificada.
Instruções:
- Adicione esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site.
- Adicione esse shortcode à sua postagem com o conteúdo que você deseja exibir após a data especificada. Não se esqueça de definir os atributos de data também.
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]
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress, para não danificar acidentalmente seu site.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: CSS Hero Review: #Plugin nº 1 de personalização de temas do WordPress.
How to apply this code but to create for Minutos but not Days?
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.
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
Hi Matt I’m sure we can do something like that Ill post a snippet in the near future.
Thanks Kevin 🙂