Como exibir um vídeo usando widget Dynamic Repeater

Criando uma metacaixa

Começamos criando a metacaixa Vídeo , que inclui o metacampo Repetidor de apresentação . Vamos para o bloco JetEngine> Meta Boxes no WP Dashboard e clicamos na opção “ Adicionar Novo ”. A janela de configurações aparecerá aqui mesmo, onde devemos definir o título da meta box, especificar os Posts no campo Meta Box for e habilitar esta meta box para o Tour CPT.

metacaixa de vídeo

Adicionando o metacampo do repetidor de vídeo

Em seguida, clicamos na guia Metacampos abaixo e adicionamos um novo metacampo ( Apresentação ) à metacaixa Vídeo . No tipo Campo escolhemos a opção Repetidor . Na janela mostrada clicamos no botão “ Novo Campo Repetidor ” e enriquecemos os campos Etiqueta e Nome, e também selecionamos o Tipo: Texto .

metacampo repetidor

Editando uma postagem personalizada

Agora abrimos o Tour CPT no WP Dashboard e procedemos à edição da postagem personalizada Magnificent Sweden . No campo Repetidor de vídeo inserimos o link do vídeo no YouTube.

campo de apresentação cpt

Criando uma listagem

Na próxima etapa, criamos uma nova listagem no bloco JetEngine > Listings no Dashboard do WordPress. Definimos as configurações da listagem e a chamamos de “Listagem do tour”. Você pode criá-lo no construtor de páginas Elementor ou no Editor Gutenberg.

elemento de listagem

Configurando o widget repetidor dinâmico

Agora vamos enriquecê-lo com o widget Dynamic Repeater (no Elementor) ou bloco (no Gutenberg). Nas configurações do widget, selecionamos Fonte: Apresentação e colamos as %video|embed_url%macros na caixa Formato do item, onde “vídeo” é o nome do metacampo do repetidor.

No Elementor:

widget repetidor dinâmicoEm Gutenberg:

vídeo repetidor dinâmico

Usando o widget de grade de listagem

Vá para a página onde queremos apresentar uma listagem. Edite-o no editor Elementor e insira o widget Listing Grid nele. Na aba Conteúdo > Geral das configurações do widget, escolhemos a listagem criada, Listagem Tour , e aplicamos configurações variadas de conteúdo e estilo.

listagem de vídeo em grade

Visualizando o vídeo no front-end

Vamos ver como fica no front-end.

listagem de vídeo em grade

Isso é tudo. Incorpore vídeo ao site WordPress usando o widget Dynamic Repeater do plugin JetEngine .

Índice