Como exibir o vídeo do WordPress como imagem em destaque com o PostX

Publicados: 2023-01-09

Você pode adicionar um vídeo como imagem de destaque em seu site, o que ajudará os visitantes a identificar rapidamente o conteúdo do vídeo, mesmo antes de assisti-lo. Com o PostX, você pode conseguir isso facilmente. Este tutorial o guiará pelo processo de adicionar um vídeo em destaque do WordPress em vez de uma imagem. Então, como podemos exibir o vídeo do WordPress como imagem em destaque?

Para exibir o vídeo em destaque em vez da imagem, você precisa seguir as etapas:

  • Passo 1: Instale o PostX
  • Etapa 2: adicione o vídeo em destaque à postagem desejada
  • Etapa 3: exibir o vídeo em destaque na postagem do blog
  • Etapa 4: personalize o vídeo em destaque (opcional)
Esconder conteúdo
1 O que é o vídeo em destaque do WordPress?
2 Por que devemos exibir o vídeo em destaque do WordPress em vez da imagem?
3 Como exibir o vídeo do WordPress como imagem em destaque
4 Vídeo Tutorial
5 Passo 1: Instalar o PostX
6 Etapa 2: Adicionar vídeo em destaque à postagem desejada
7 Etapa 3: exibir o vídeo em destaque na postagem do blog
8 Etapa 4: personalize o vídeo em destaque (opcional)
9 Ajuste a altura, largura e alinhamento do vídeo
10 Torne o Vídeo Fixo
11 Exibir vídeo em destaque nas páginas inicial e de arquivo
12 Personalize o ícone de jogo
13 Ativar pop-up
14 Conclusão

O que é o vídeo em destaque do WordPress?

O vídeo em destaque do WordPress, também conhecido como miniatura de vídeo em destaque, é um recurso interessante para adicionar vídeos em vez de imagem em destaque às suas postagens, páginas e tipos de postagem personalizados do WordPress. Ele permite que você incorpore vídeos do YouTube, Vimeo, outros serviços de hospedagem de vídeo e vídeos auto-hospedados.

Por que devemos exibir o vídeo em destaque do WordPress em vez da imagem?

À medida que as empresas continuam a usar o WordPress para gerenciar seus sites, muitas procuram maneiras de tornar seu conteúdo mais envolvente e visualmente atraente. Uma ótima maneira de fazer isso é adicionando um vídeo como um vídeo em destaque do WordPress às ​​postagens do WordPress. Você também pode destacar suas postagens usando o controle deslizante PostX ou postagens em destaque.

Um grande benefício de adicionar um vídeo como uma imagem em destaque às suas postagens do WordPress é que isso pode ajudar a aumentar sua classificação de SEO. Os mecanismos de pesquisa, como o Google, classificam as páginas com vídeos mais alto em seus resultados de pesquisa, pois os vídeos são mais envolventes e informativos do que apenas texto.

Pode ser uma ótima maneira de se conectar com seu público. Adicionar um vídeo como uma imagem em destaque à sua postagem pode ajudar a atrair visitantes e torná-los mais propensos a interagir com seu conteúdo. Além disso, apresentar um vídeo pode atrair seus leitores rapidamente.

Como exibir o vídeo do WordPress como imagem em destaque

Chega de falar sobre o vídeo em destaque, mas mencionamos que você não pode adicionar ou exibir um vídeo do WordPress como imagem em destaque sem usar um plug-in? Você vai precisar de um plugin para isso.

Confuso sobre qual plugin escolher? Bem, nós temos uma solução: PostX, o #1 Gutenberg Dynamic Site Builder Plugin.

Com o recurso de vídeos e miniaturas em destaque do PostX, você pode adicionar facilmente vídeos como imagens em destaque para suas postagens do WordPress.

Vídeo tutorial

Aqui está um pequeno vídeo onde você pode ver como você pode exibir o vídeo do WordPress como imagem em destaque:

Como exibir o vídeo do WordPress como imagem/miniatura em destaque usando o PostX

Então, vamos avançar para as etapas de exibição do vídeo em destaque do WordPress.

Passo 1: Instale o PostX

O primeiro passo para usar o PostX é instalá-lo. Veja como você pode instalá-lo.

Installing PostX
Instalando o PostX
  • Vá para a seção “Plugins” no painel do WordPress.
  • Em seguida, clique em “Adicionar novo”.
  • No painel de pesquisa à direita, digite "PostX ".
  • Agora você deve ver o plugin PostX .
  • Clique em “Instalar”.
  • Em seguida, você pode clicar no botão "Ativar" destacado.

Agora você pode adicionar vídeos em destaque do WordPress em vez de imagens em suas postagens do WordPress. Esse recurso permite incorporar e exibir vídeos em seu site facilmente. Você também pode adicionar um ícone de reprodução de vídeo personalizado às miniaturas para torná-las mais reconhecíveis. Além disso, o recurso inclui uma pré-visualização de vídeo durante a rolagem para garantir uma experiência de vídeo perfeita.

Etapa 2: adicione o vídeo em destaque à postagem desejada

Esta etapa permite adicionar uma miniatura de vídeo em destaque à sua postagem, tornando-a mais atraente e atraente para os leitores. Para adicionar um vídeo do WordPress como imagem em destaque à sua postagem, siga estas etapas simples:

PostX All Post Editing
Selecionando postagem para edição
  • Primeiro, vá para o Painel do WordPress e navegue até a postagem à qual deseja adicionar um vídeo em destaque.

Então, agora você inseriu o post para posterior edição. Como você bem sabe, o WordPress, por padrão, tem a opção de adicionar “Imagem em destaque” na barra lateral direita. Mas não vamos precisar dele hoje.

Adicionar um vídeo do WordPress como uma imagem em destaque é relativamente simples. Agora, para adicionar o vídeo em destaque:

Adding WordPress Video As Featured Image
Adicionando vídeo WordPress como imagem em destaque
  • Na barra lateral direita, clique no painel denominado “Post”.
  • Role para baixo até ver "Vídeo em destaque".
  • Na caixa 'PostX Featured Video', você pode inserir o link Youtube/ Vimeo/Self-Hosted URL.
  • Você também pode clicar em “Carregar/Usar mídia” para carregar o vídeo para sua biblioteca de mídia e selecioná-lo como o vídeo em destaque.
  • Assim que o URL for colado corretamente ou o vídeo for carregado com sucesso, você precisa atualizar sua postagem clicando no botão Atualizar no canto superior direito da página.

Agora você tem o vídeo em destaque no lugar de sua imagem em destaque. No entanto, lembre-se de que o vídeo em destaque está no topo da lista de prioridades, portanto, não importa se você já adicionou uma imagem em destaque anteriormente e depois adicionou o vídeo em destaque PostX, suas postagens mostrarão o vídeo WordPress como imagem em destaque na postagem, não importa o que.

Etapa 3: exibir o vídeo em destaque na postagem do blog

Exibir a miniatura do vídeo em destaque é provavelmente a primeira coisa em que você pensará depois de anexar o vídeo.

Você deve criar um modelo usando o PostX Dynamic Site Builder para fazer isso.

Deixe-nos orientá-lo no processo de criação de um único modelo de postagem. Se você deseja instruções abrangentes, consulte nossa documentação.

Aqui está uma versão curta:

Creating Single Post Template
Criando modelo de postagem única
  • Vá para Painel do WordPress → PostX → Construtor de sites . Agora, clique em “ Adicionar Singular ”.
Single Post Template Starting Form Scratch
Rascunho de formulário inicial de modelo de postagem única
  • Se quiser criar o modelo do zero adicionando blocos do Gutenberg, clique em “ Começar do zero ”.
Single Post Template Importing
Importação de modelo de postagem única
  • Se você não quiser ter trabalho extra e quiser usar um modelo pré-criado, selecione o modelo desejado e clique emImportar ”.

Depois, você verá um modelo criado com vários blocos Gutenberg personalizáveis ​​pelo PostX. E se você fizer o processo corretamente, o vídeo em destaque será exibido corretamente.

Então, vamos verificar se conseguimos exibir o vídeo em destaque.

Featured Video In Single Post
Vídeo em destaque em postagem única (saída)

Exibimos com sucesso o vídeo em destaque do WordPress em vez da imagem na miniatura. Então, vamos avançar para as opções de personalização.

Etapa 4: personalize o vídeo em destaque (opcional)

Se você já usou o PostX anteriormente, sabe quanta personalização esse plug-in oferece. O vídeo em destaque também possui algumas opções de personalização.

Ajuste a altura, largura e alinhamento do vídeo

Featured Video Settings for Singular Post
  • Vá para as configurações de vídeo do bloco “Post Featured Image/Video”.
  • Podemos personalizar as seguintes opções:
    • Largura do vídeo
    • Altura máxima do vídeo
    • Alinhamento de vídeo (esquerda, centro, direita) e várias outras configurações tipográficas.

Tornar o vídeo fixo

Também podemos fixar o vídeo em destaque, então vamos ver como podemos fazer isso.

Making Featured Video Sticky in Single Post
Tornando o vídeo em destaque fixo em uma única postagem
  • Selecione o bloco “Publicar imagem/vídeo em destaque”.
  • Vá para as configurações de vídeo.
  • Ative a opção "On Scroll Sticky Enable".

Agora vamos ver se o vídeo em destaque fixo está funcionando ou não.

Sticky Featured Video
Vídeo em destaque fixo

Exibir vídeo em destaque nas páginas inicial e de arquivo

Você também pode exibir o vídeo em destaque do WordPress em vez da imagem em uma página inicial ou outras páginas de arquivo. Você também pode fazer isso com a ajuda do PostX Dynamic Site Builder.

Igual a um único modelo de postagem, precisamos criar uma página inicial ou um modelo de página de arquivo com o construtor. Obtenha o tutorial completo de criação de página inicial personalizada aqui.

Aqui está uma versão curta:

Creating Home Page Template
Criando modelo de página inicial
  • Vá para Painel do WordPress → PostX → Construtor de sites . Agora, clique em “ Adicionar Front_page ”.
Creating Home Page from Scratch
Criando a página inicial do zero
  • Se quiser criar o modelo do zero adicionando blocos do Gutenberg, clique em “ Começar do zero ”.
Importing Template For Home Page
Importando modelo para página inicial
  • Se você não quiser ter trabalho extra e quiser usar um modelo pré-criado, selecione o modelo desejado e clique emImportar ”.
  • Agora você pode publicar a página, se não quiser fazer mais personalizações.

Vamos ver como fica no front-end.

Featured Video in Home Page
Vídeo em destaque na página inicial

Você verá uma página inicial com Blocos PostX Gutenberg semelhantes. E também, veja as configurações de personalização tipográfica. Você verá 2 opções interessantes: personalização do ícone de reprodução e ativador de pop-up.

Personalize o ícone de jogo

Você pode personalizar o ícone de reprodução para cada vídeo em destaque.

Featured Video Customization Settings
Configurações de personalização de vídeo em destaque
  • Clique na Post Grid/ Post List que você deseja personalizar o ícone.
  • E você pode alterar as seguintes configurações relacionadas a ícones:
    • Cor do Ícone
    • Ícone sobre Cor
    • Tamanho do ícone
Featured Video Modified Play Icon
Ícone de reprodução modificado de vídeo em destaque

Ativar pop-up

O mesmo vale para as configurações de pop-up.

Featured Video Popup Customization
Personalização de pop-up de vídeo em destaque
  • Selecione a grade de postagens/lista de postagens.
  • Alterne a opção “Ativar pop-up de vídeo”
  • Além disso, você pode alterar a cor do ícone de fechamento, a cor do foco de fechamento e o tamanho do ícone de fechamento.

Vamos ver como o pop-up fica incrível.

Featured Video Pop Up
Pop-up de vídeo em destaque

Conclusão

Em conclusão, adicionar vídeo WordPress como imagem destacada pelo PostX é uma excelente maneira de melhorar o apelo visual do seu site baseado em notícias/revistas/blogs. Este plug-in torna a adição de vídeos em destaque às suas postagens incrivelmente fácil, o que pode ajudar a envolver seus visitantes com seu conteúdo. Com este plug-in, você pode adicionar facilmente vídeos atraentes em destaque ao seu site WordPress, aumentando a probabilidade de seus visitantes permanecerem em sua página por mais tempo.

Você pode conferir os tutoriais em vídeo do WordPress em nosso canal do YouTube. Além disso, encontre-nos no Facebook e Twitter para atualizações regulares!

Gostou deste artigo? Espalhe a palavra
  • How to Add Post Carousel in WordPress

    Como adicionar carrossel de postagens no WordPress

  • How to Create Wholesale User Roles with WholesaleX

    Como criar funções de usuário de atacado com WholesaleX

  • How to Create a WordPress Search Results Page Template

    Como criar um modelo de página de resultados de pesquisa no WordPress

  • Table of Contents SEO

    6 Índice de Tendências Vantagens de SEO