Gênios Academy
Dicas e tutoriais para amantes do wordpress
Exibindo ícone do campo repetidor usando o complemento de Dynamic Data
Criando um campo Iconpicker dentro do Metacampo Repetidor
Se você ainda não criou um campo Iconpicker para armazenar seu ícone, esta seria a primeira coisa a fazer. Encontre as configurações do metacampo do Repetidor acessando WordPress Dashboard > JetEngine > Meta Boxes ou WordPress Dashboard > JetEngine > Post Types (dependendo da localização do Repetidor).
Clique em “ Editar” no tipo de postagem personalizada ou Meta Box necessária . Depois de entrar, role para baixo até o bloco Meta Fields , abra-o e encontre o meta-campo Repeater .
No metacampo Repetidor , adicione um novo campo Iconpicker . Para isso, clique no botão “ Novo Metacampo do Repetidor ” e preencha o Rótulo e o Nome . Em seguida, encontre a opção “Iconpicker” no menu suspenso Tipo .
Se você planeja usar dois ícones – um para o estado ativo do widget e outro para o estado fechado – adicione outro campo Iconpicker abaixo e siga a mesma rotina.
Quando terminar, clique no botão “ Atualizar tipo de postagem ” para salvar as alterações.
Preenchendo Campos Repetidores com Ícones
A próxima coisa que você precisa fazer é definir os ícones para cada postagem. Na barra lateral esquerda do painel do WordPress, encontre seu tipo de postagem personalizada e abra o diretório principal. Você verá a lista de todas as postagens criadas. Clique no botão “ Editar ” abaixo da postagem necessária.
Agora, role para baixo até sua metacaixa e encontre o metacampo Repetidor. Para cada item do Repetidor, defina os ícones desejados. Atualize a postagem.
Colocando o widget
Abra a página no Elementor, onde você exibirá o conteúdo usando valores repetidores. Se você usar um modelo de postagem única, abra-o no editor Elementor.
Encontre o widget Classic Accordion ou qualquer outro que suporte o complemento de dados dinâmicos e coloque-o na página. Abra as configurações do widget e desdobre a guia Configurações Dinâmicas .
Exibindo o ícone
Agora que você ativou as configurações dinâmicas , é hora de mostrar os ícones adicionados anteriormente.
Nos campos Ícone e Ícone Ativo , insira a macro iconpicker_field|render_fa_icon , onde a parte iconpicker_field representa o nome do campo Iconpicker .
Por exemplo, o nome do nosso primeiro campo Iconpicker é icon_accordion, como você pode ver na imagem a seguir:
Portanto, a macro necessária no nosso caso ficará assim: icon-accordion|render_fa_icon . Substitua o nome do campo Iconpicker pelo seu próprio.
Desta forma, você pode definir seus ícones personalizados para cada item no widget Classic Accordion .
Defina o restante das configurações de acordo com as diretrizes em nosso tutorial principal sobre o complemento Dynamic Data – JetElements: Como usar valores dinâmicos em widgets .