Você está procurando uma maneira de criar um shortcode de contador regressivo para exibir conteúdo após uma data específica? Este trecho criará um shortcode que exibirá um contador regressivo em um conteúdo específico dentro do seu post. O conteúdo só será visível após a data especificada.
Instruções:
- Adicione este código ao arquivo functions.php do seu tema ou em um plugin específico do site.
- Adicione este shortcode ao seu post 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 sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como copiar / colar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: CSS Hero Review: #1 WordPress Theme Customization Plugin.
Como aplicar este código, mas para criar para Minutos e não para Dias?
Como podemos fazer este loop, pois desejo ter um botão no final em vez de texto. Assim que o botão for clicado, ele realizará a ação mencionada relacionada ao botão e simplesmente mostrará o timer novamente. Se o usuário não estiver logado, ele simplesmente mostrará o botão até que ele faça login e clique nele.
Ei,
Ótimo código 🙂
Existe uma maneira de remover o conteúdo em uma data definida? Assim, você pode definir a data para mostrar o conteúdo e ele pode expirar em uma data definida?
MAtt
Olá Matt, tenho certeza que podemos fazer algo assim. Postarei um trecho em um futuro próximo.
Obrigado Kevin 🙂