Exibindo campos repetidores personalizados no widget Classic Accordion
Criando os metacampos do repetidor personalizado
Navegue até o diretório WordPress Dashboard> JetEngine> Post Types e abra um editor Custom Post Type onde deseja adicionar os campos repetidores.
Vá até a guia Meta Fields e pressione o botão “ New Meta Field ”.
Preencha os campos Rótulo e Nome/ID com os valores desejados.
Deixe o tipo de objeto “Campo” padrão e defina “Repetidor” como tipo de campo .
Siga o guia detalhado através do processo de criação de metacampo do repetidor e adicione os campos necessários ao repetidor pressionando o botão “ Novo campo do repetidor ”.
Primeiramente, construímos um metacampo para o rótulo da guia. Por exemplo, pode ser um campo “Texto” conforme apresentado neste tutorial.
Mais um campo “WYSIWYG” é construído para o conteúdo das abas.
Depois que todos os campos necessários forem criados, clique no botão “ Atualizar tipo de postagem ”.
Preenchendo os campos nas postagens
Vá para cada postagem do tipo de postagem personalizada , role a página para baixo e adicione as informações necessárias aos campos repetidores recém-adicionados.
Como os campos repetidores serão exibidos nas abas sanfonadas, você deverá adicionar quantos blocos com informações forem necessários. Por exemplo, no caso dos passeios, cada um terá quatro ou mais dias.
” alt=”campo repetidor de dias no post” width=”1024″ height=”640″ data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-1024×640.webp” data-srcset=”https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-1024×640.webp 1024w, https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-300×188.webp 300w, https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-768×480.webp 768w, https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-1536×960.webp 1536w, https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post-600×375.webp 600w, https://crocoblock.com/knowledge-base/wp-content/uploads/2024/05/days-repeater-field-in-the-post.webp 1824w” data-sizes=”(max-width: 1024px) 100vw, 1024px” />Quando terminar, atualize a postagem.
Repita o mesmo procedimento com todas as postagens necessárias e prossiga para a próxima etapa.
Construindo uma consulta
Vá para WordPress Dashboard > JetEngine > Query Builder e pressione “ Add New ” para criar uma nova consulta .
Na seção Configurações Gerais , defina o Nome e defina o Tipo de Consulta , agora deve ser definido como “ Consulta de Repetidor ”.
Na seção Consulta do repetidor , especifique a fonte da consulta – “JetEngine Meta Field”.
Como JetEngine Field , selecione o metacampo “Repetidor” que você construiu anteriormente com base na parte Criando os metacampos do repetidor personalizado do artigo.
Neste caso, deixamos o campo Object ID vazio, pois queremos exibir o repetidor na página Single do post correspondente. Porém, se você for trabalhar com uma página estática, deverá preencher este campo com o ID do post desejado.
Pressione o botão “ Adicionar novo ” na seção Argumentos de consulta para conectar os campos repetidores a esta consulta.
Coloque o Nome do campo repetidor necessário como Chave/nome do campo e defina seu operador Comparar como “Existe”.
Você pode adicionar mais campos pressionando o botão “ Adicionar novo ” mais uma vez.
Após feitas as alterações, pressione o botão “ Adicionar Consulta ”.
Trabalhando com o widget acordeão
Vá para Painel do WordPress > Crocoblock > Modelos de Tema . Abra a página única no Elementor e solte o widget Classic Accordion .
Ative a alternância de consulta Usar JetEngine e escolha a consulta recém-criada no campo Selecionar consulta .
Em seguida, exclua os dois últimos itens apresentados por padrão como alternadores para que reste apenas um.
Abra a guia Toggle #1 e pressione o botão “ Tags dinâmicas ” próximo ao campo Rótulo .
Escolha a macro “Campo de objeto atual” na lista.
Uma vez clicado, os campos de personalização adicionais serão exibidos.
Como Field , escolha o campo repetidor que deseja exibir como rótulo da guia. Você pode encontrar o campo necessário abaixo do rótulo da consulta que atribuímos ao repetidor.
Em seguida, defina o Tipo de conteúdo . Se você usar o tipo de conteúdo “Modelo” , deverá escolher o modelo ( campo Escolher modelo ) que contém o campo dinâmico com o campo repetidor necessário definido como um campo de objeto .
Porém, no caso descrito, selecionamos a opção “Editor”. Aqui, pressione o botão “ Tags dinâmicas ” e selecione a macro “Campo de objeto atual” na lista.
Selecione o campo necessário para ser exibido como conteúdo da guia.
Estilize o widget e atualize a página quando terminar as configurações.
No front end, o widget Classic Accordion exibirá as informações que você inseriu anteriormente nos metacampos repetidores da postagem.
Trata-se de exibir campos repetidores personalizados no widget Classic Accordion , que está disponível com o plugin JetTabs para WordPress.