Como mostrar conteúdo apenas em dias específicos
Mostrando o conteúdo em dias específicos usando Elementor Pro
JetEngine é um plugin para WordPress que fornece ao usuário todas as ferramentas necessárias para exibir conteúdo dinâmico em Elementor e Gutenberg. Usando o plugin JetEngine , você pode criar um site de membros com um conjunto completo de recursos. O módulo Visibilidade Dinâmica é um deles e permite definir parâmetros de visibilidade para cada elemento da página.
Com o módulo Dynamic Visibility e o plugin Elementor Pro , você pode mostrar ou ocultar elementos no front end em determinados dias. Por exemplo, pode ser um anúncio ou anúncio como na imagem abaixo. Vamos configurar de forma que seja exibido apenas às segundas-feiras.
Vá para qualquer postagem ou página e clique em “ Editar com Elementor ”. Selecione qualquer um dos elementos da página e vá para Advanced > Dynamic Visibility . Ative a alternância.
Selecione o tipo de condição de visibilidade necessária para mostrar ou ocultar o elemento. Em seguida, clique no menu suspenso Condição e escolha a opção “Igual”. Clique no botão “Tags dinâmicas” no campo e selecione “Data e hora atuais”. Esteja ciente de que esta tag dinâmica está disponível apenas com o plugin Elementor Pro .
Clique na tag dinâmica escolhida no Campo e você verá a janela com configurações. Selecione a opção “Personalizado” no campo Formato de Data e digite “l” (L minúsculo) no campo Formato Personalizado ; é o caractere de formato de um dia da semana. Se precisar de mais informações sobre como personalizar o formato de hora e data, você pode lê-las aqui .
Exceto para os dias da semana, você pode inserir:
- F = mês, informe o nome completo do mês no campo Valor ;
- j = dia, insira o número no campo Valor ;
- Y = o ano em 4 dígitos (y minúsculo indica os dois últimos dígitos do ano).
Por último, insira o nome do dia da semana no campo Valor . Esteja ciente de que deve começar com letra maiúscula e estar no idioma definido em seu site. Você pode inserir vários nomes como valores separando-os por vírgulas.
Não se esqueça de apertar o botão “Atualizar” após finalizar o trabalho.
Vamos tentar todos os caracteres de formato por dias. Inserimos “l, F j, Y” no campo Formato personalizado .
E inserimos a data de hoje (segunda-feira, 15 de novembro de 2021) no campo Valor .
Como podemos ver, o Dynamic Visibility mostra o anúncio no front end. Se alterarmos a data no campo Valor ou visitarmos a página amanhã, este elemento ficará oculto.
Tornando o conteúdo visível no Elementor
O plugin JetEngine é totalmente compatível com a versão gratuita do Elementor.
O processo de uso da Visibilidade Dinâmica é quase o mesmo. A propósito, você pode definir condições de visibilidade para o widget ou até mesmo para toda a seção.
Selecione o elemento para o qual deseja definir condições e prossiga para a guia Avançado . Desdobre a seção Visibilidade Dinâmica e ative-a.
Defina o tipo de condição de visibilidade como “Mostrar elemento se a condição for atendida”. Abaixo, expanda as Condições e escolha “Igual” na lista suspensa.
No Campo , clique no botão Tags Dinâmicas . Selecione Macros e escolha macros “String to timestamp” na janela pop-up.
Digite “ esta sexta-feira ” na barra do campo String para converter .
Prossiga para o Valor . Clique novamente no botão Dynamic Tags e selecione Macros .
Na janela pop-up Configurações , escolha as macros “Hoje” da lista. Atualize a página.
O elemento está visível no front end porque hoje é sexta-feira. No dia seguinte, a mensagem sobre o desconto ficará oculta.
Exibindo o conteúdo em dias específicos em Gutenberg
O plugin JetEngine foi atualizado e agora permite aplicar Visibilidade Dinâmica aos blocos do editor padrão do WordPress.
Selecione um bloco em Gutenberg. Haverá um ícone em forma de olho na barra de ferramentas na parte superior do bloco.
Depois de clicar nele, você verá uma janela pop-up com o botão Ativar .
Ative-o, mas primeiro certifique-se de que o tipo de condição de visibilidade esteja definido como “Mostrar elemento se a condição for atendida”.
Em seguida, clique no botão “ Adicionar novo item ” e escolha “Igual ” na lista suspensa Condição .
Vá para o Campo e clique no botão Tags Dinâmicas . Escolha “Dados personalizados” como fonte .
No menu suspenso Selecionar dados para mostrar , escolha a opção “String para carimbo de data / hora” e digite “ esta sexta-feira ” na barra de campo String para converter .
Não se esqueça de aplicar as configurações.
Prossiga para o campo Valor . Clique no botão Tags dinâmicas . Em seguida, selecione “Dados personalizados” como fonte e escolha as macros “Hoje” na lista abaixo.
Certifique-se de aplicar as configurações e atualizar a página quando terminar.
É isso. Agora você já sabe como aplicar a Visibilidade Dinâmica e mostrar o conteúdo apenas em uma determinada data.