Visão geral do campo personalizado do repetidor

Crie uma metacaixa

Faça login no painel do WordPress e navegue até a guia JetEngine > Meta Boxes .

Clique no botão “ Adicionar Novo ” na parte superior e você será redirecionado para a janela Adicionar Nova Meta Box . Forneça uma nova meta box com o Title , escolha a opção necessária no campo Meta Box for , aplique-a ao tipo de postagem específico (por exemplo, Postagens) ou taxonomia e role a página para baixo até o bloco Meta Field .

Adicione o metacampo Repetidor

Clique no botão “ Novo metacampo ” abaixo para criar o metacampo Repetidor .

Preencha o rótulo para um novo metacampo no campo Etiqueta (seja “Repetidor”) e adicione um ID no campo vazio Nome/ID e defina o tipo “Repetidor” na lista suspensa Tipo de campo .

Depois de especificar o tipo de campo “Repetidor” , você verá o botão “ Novo campo repetidor ”. Clique nele para adicionar um novo campo e fornecer-lhe o Label e Name/ID .

Defina o tipo específico no menu suspenso Tipo (por exemplo, se você deseja ativar a adição de imagens, selecione o tipo “Mídia” , etc.). Adicione quantos subcampos você precisar.

Em seguida, clique no botão “ Adicionar Meta Box ” para salvar a meta box com metacampos repetidores.

Volte para o painel do WordPress e navegue até a guia Postagens (ou o tipo de postagem específico para o qual você definiu o metacampo Repetidor ). Abra a postagem específica e você verá um campo personalizado abaixo do conteúdo. Preencha os campos que estão disponíveis com o conteúdo solicitado. Se você precisar de mais um metacampo com mais subcampos, clique no botão “ Adicionar Item ”. Quando terminar todas as configurações, clique no botão “ Atualizar ”.

Abra o modelo de página com o editor Elementor ou Gutenberg. Arraste e solte o widget/bloco do Repetidor Dinâmico na tela da página.

As configurações são as mesmas no Elementor e Gutenberg. Escolha a fonte na lista suspensa Fonte (encontre o nome do metacampo Repetidor que você acabou de criar) e insira as macros necessárias no campo Formato do item . A lista completa de macros você pode encontrar neste Guia de macros do JetEngine .

No Elementor, será assim:

Em Gutenberg, é assim:

Outras características:

• Tag HTML do item – permite que você escolha o empacotamento HTML do seu repetidor. Se você selecionar “tr”, o repetidor terá um layout de tabela e “li” classificará os itens como uma lista;
• Delimitador de itens – aqui você pode definir o que será colocado entre os itens da linha. Poderia ser, literalmente, qualquer caractere ou letra;
• Antes da marcação do item – digite o texto na barra, que será mostrado antes de cada item;
• Após marcação dos itens – digite o texto na barra, que será mostrado após cada item;
• Adicionar contador aos itens repetidores – se você ativar esta opção, os itens serão mostrados com números sequenciais na frente deles;
• Ocultar se o valor estiver vazio – este é óbvio; permite ocultar o campo caso ele não esteja preenchido com algum valor.

A última coisa a fazer é alterar a aparência dos itens do Repetidor Dinâmico . Você pode personalizá-los nas seções Estilo ou Estilo de bloco (que aparece se você tiver o plugin gratuito  JetStyleManager instalado).

A guia Geral contém configurações para alterar a direção dos valores nos campos do Repetidor Dinâmico : para mostrá-los horizontalmente ou verticalmente. Em seguida, você pode alterar o alinhamento – exibi-los à esquerda, ao centro ou à direita. Além disso, você pode aplicar algumas características de tipografia .

Na guia Itens , você pode ativar o Tamanho fixo do item . Além disso, você pode definir a cor, as características da borda, o preenchimento e a margem para a aparência Normal e Hover .

A guia Delimitador permite alterar a cor e a margem do delimitador.

Quando a personalização terminar, clique no botão “ Atualizar ”.