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.
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 .
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.
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.
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:
Em Gutenberg:
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.
Visualizando o vídeo no front-end
Vamos ver como fica no front-end.
Isso é tudo. Incorpore vídeo ao site WordPress usando o widget Dynamic Repeater do plugin JetEngine .