Como exibir um vídeo no Listing Template para campo repetidor

Criar CPT com metacampo repetidor

A primeira coisa, crie um tipo de postagem personalizado. Em nosso tutorial teremos um CPT “Tours”. Informações mais detalhadas podem ser encontradas em nosso tutorial de criação de CPT .

Depois de concluir seu CPT, você precisa criar um metacampo Repetidor onde incorporaremos nossos links para vídeos. Um guia completo é apresentado neste tutorial .

Nesta etapa, criaremos um novo metacampo Repetidor para nosso Tours CPT.

Então, criamos um tipo de metacampo Repetidor com um item de Texto dentro. Na próxima etapa, poderemos adicionar links para vídeos do YouTube ao campo Texto dentro do metacampo Repetidor. Você pode adicionar quantos itens de texto precisar.

Preencha os campos do repetidor nas postagens

Agora edite cada uma de suas postagens em seu CPT ( Tours em nosso exemplo) e cole os links dos vídeos nos campos Repetidor. Aqui está nosso exemplo:

Nova listagem para fonte repetidora

Vá para JetEngine> Listagens>Adicionar novo .

Agora selecione o Campo Repetidor como fonte para esta Listagem. Preencha os próximos parâmetros com atenção:

• Do tipo de postagem – seu CPT para o qual você criou o campo repetidor;
• A fonte repetidora contém três opções:

1. JetEngine – se você criou um metacampo repetidor via JetEngine;
2. Página de opções do JetEngine – se você deseja extrair dados da página de opções criada anteriormente no JetEngine; 
3. ACF — se você criou um metacampo repetidor por meio do plugin ACF.

• Campo Repetidor — especifique o nome do metacampo Repetidor;
• Nome do item da listagem — dê um nome a uma listagem;
• Visualização de listagem – selecione para operar com a listagem no editor Elementor ou Blocks (Gutenberg).

Vamos dar uma olhada no construtor de páginas Elementor como fonte. Lembre-se de que as configurações podem ser feitas clicando no botão em forma de engrenagem no canto inferior esquerdo do menu.

Ajustar as configurações do Elementor

Na etapa anterior, você criou com sucesso uma Listagem para Repetidor. Agora você foi transferido para a página do editor Elementor. Vamos ver como mostrar vídeos que adicionamos a um metacampo Repetidor. Arraste e solte o widget Campo Dinâmico .

No campo Fonte , selecione a opção “Campo Repetidor”. Além disso, especifique o metacampo do repetidor no metacampo personalizado/ campo chave do repetidor. Em nosso exemplo, exibimos a tecla repetidora “vídeo”. Para que o link que colocamos no backend possa ser mostrado como um vídeo, precisamos ativar a saída do campo de filtro e selecionar a opção Incorporar URL. Somente após essas ações o vídeo será exibido de forma adequada.

Trabalhando com widget de grade de listagem em modelo de postagem única

Ajustamos o modelo de listagem e é hora de exibi-lo no widget Listing Grid. Edite seu modelo Single (criado no JetThemeCore ou no Elementor Pro) no Elementor e solte o widget Listing Grid .

Digite o nome da Listagem para Repetidor que você criou anteriormente para o metacampo Repetidor e configure o número de colunas, postagens e outros parâmetros.

Para verificar a aparência da sua grade de listagem para listagem repetidora no front end, abra qualquer postagem em uma nova guia e veja se ela exibe a grade dos vídeos adicionados de acordo.