Se a página inicial de uma empresa não inclui um breve vídeo explicativo, ela é considerada desatualizada e sem graça. Hoje em dia, é muito raro encontrar um site que não tenha um vídeo curto. A inclusão de vídeos curtos exige a necessidade deste artigo porque este artigo discute como gerenciar vídeos no Elementor. Neste artigo, expandimos o widget de vídeo e as opções de plano de fundo do vídeo.
- Suporte de vídeo auto-hospedado e do Dailymotion
- Benefícios dos vídeos auto-hospedados:
- Hora de início e término para widget de vídeo e plano de fundo
- Branding modesto
- Adicionar um fundo de vídeo ao Elementor
- Edição móvel aprimorada
- Alterar pontos de interrupção para celulares e tablets
- Integração WP CLI
- Inclusão de Gutenberg
- Sticky Video dos Emirados Árabes Unidos
- Como deixar um vídeo pegajoso?
- Tamanho do vídeo
- Alinhamento Pegajoso
- Video Spacing
- Tamanho e estilo do fundo
- Barra de Informação
- Gerenciar vídeos fixos em dispositivos responsivos
- Arraste em qualquer lugar na tela
- Botão Fechar
- Conclusão
Suporte de vídeo auto-hospedado e do Dailymotion
No Elementor, você pode incorporar não apenas vídeos do YouTube e Vimeo, mas agora também pode incluir vídeos auto-hospedados em HTML5 e Dailymotion.
Benefícios dos vídeos auto-hospedados:
- Privacidade e controle: com o GDPR e outras questões relacionadas à privacidade, tornou-se ainda mais importante ter vídeos auto-hospedados. Você pode ter controle sobre o conteúdo desses vídeos.
- Propriedade: ter vídeos auto-hospedados ajuda você a não confiar no conteúdo criado por outros. Com o seu vídeo, você tem 100% de certeza de que não haverá problemas de direitos autorais. Além disso, não há risco de o vídeo ser excluído.
- Personalização: com a auto-hospedagem, seu vídeo não terá logotipos ou links externos. Isso o ajudará a incluir conteúdo de qualidade, que parece mais profissional. Seus vídeos podem ser muito úteis para envolver os visitantes de seu site.
- UX: os vídeos auto-hospedados garantirão que seus visitantes não vejam anúncios ou vídeos sugeridos. Eles não serão distraídos ou redirecionados para seus concorrentes (por meio de vídeos sugeridos / recomendados).
Hora de início e término para widget de vídeo e plano de fundo
Você pode definir um ponto inicial e final para o widget de vídeo nas plataformas suportadas. Você também pode escolher o fundo do vídeo para que apenas a parte selecionada do vídeo seja reproduzida. Com a ajuda desse recurso, você pode repetir a parte relevante do vídeo com muita facilidade. Você pode exibir o conteúdo selecionado para seus visitantes em um loop.
Branding modesto
Digamos, se você incorporou um vídeo do youtube, mas deseja ocultar o logotipo do YouTube dele, pode selecionar 'Marca modesta' para ocultar o logotipo do vídeo incorporado do Youtube.
Adicionar um fundo de vídeo ao Elementor
Nesta seção, iremos guiá-lo sobre como adicionar um vídeo ao Elementor:
Clique no editor Elementor e navegue até o painel. A partir daqui, pesquise 'vídeo' e arraste no widget de vídeo.
- Elementor> painel> pesquisar 'vídeo'> arrastar 'widget de vídeo'
- Em Vídeo> Fonte, escolha 'YouTube', 'Dailymotion', 'Vimeo' ou auto-hospedado.
- Em seguida, adicione um link para o vídeo. Se o vídeo for auto-hospedado, você pode carregá-lo navegando na biblioteca de mídia ou usando um URL externo.
- Se quiser que uma parte específica do vídeo seja reproduzida, você pode escolher uma hora de início e uma hora de término.
- Você também pode adicionar uma miniatura de sua escolha adicionando uma sobreposição de imagem.
Edição móvel aprimorada
Alterar pontos de interrupção para celulares e tablets
Há muito tempo, as pessoas queriam ter a liberdade de ter valores de ponto de interrupção para vídeos em celulares e tablets. Boas notícias!! A solução está aqui.
Depois de adicionar o vídeo, conforme mostrado na seção acima, você pode alterar os valores dos pontos de interrupção do tablet e do celular para o Elementor. Com a ajuda do revolucionário recurso de pontos de interrupção, você pode personalizar seu site para ajustar em computadores widescreen, laptops, tablets ou pequenas telas móveis.
Para alterar os valores do ponto de interrupção, navegue até:
Elementor Dashboard> Settings> Style e insira os novos valores para 'Tablet Breakpoint' e 'Mobile Breakpoint.'
E voila !!!
Você fez isso na hora certa.
Integração WP CLI
A Interface de linha de comando para WordPress, WP-CLI, é um projeto de código aberto que fornece uma interface de linha de comando para uma variedade de ações que você pode executar no administrador do WordPress. Os desenvolvedores estão bastante familiarizados com ele.
Portanto, com um WP-CLI, você pode executar uma longa lista de tarefas de um terminal aleatório. Dessa forma, você não terá que fazer login no terminal do administrador.
O Elementor agora vem com WP-CLI integrado. E essa integração do WP-CLI permite que você execute as seguintes tarefas por meio da linha de comando:
- flush_css - Limpe o cache CSS do Construtor de páginas Elementor
- sync-library - Biblioteca do Sync Elementor
- substituir URLs - Substitua URLs antigos por novos URLs em todas as páginas do Elementor
- Ativar ou desativar licença - Ative ou desative sua licença Pro
- import-library - Importar arquivos de modelo para a Biblioteca
Mais comandos CLI continuarão sendo adicionados ao Elementor no futuro.
Inclusão de Gutenberg
Nos próximos meses, Gutenberg também será adicionado ao núcleo, o que torna o Elementor um pacote completo.
Com o lançamento do Gutenberg, o Elementor funcionará de maneira uniforme para todos os usuários do Elementor.
É fácil alternar entre Gutenberg e Elementor com a versão 2.1 porque você usará o botão sempre familiar 'Editar com Elementor' dentro de Gutenberg.
Sticky Video dos Emirados Árabes Unidos
Imagine se você estiver rolando uma página e o conteúdo do vídeo for para a esquerda ou para a direita ou simplesmente permanecer imóvel.
Deve ser uma visão frustrante.
Mas não mais. Como o incrível recurso do Sticky Video dos Emirados Árabes Unidos faz com que o vídeo fique na página enquanto você rola, isso significa que seu vídeo flutuará ao longo do lado esquerdo ou direito da janela do navegador. Com o recurso de vídeo fixo, à medida que o visitante rola para ler o conteúdo, o vídeo junto com o conteúdo do texto permanecerá em foco.
Como deixar um vídeo pegajoso?
Emirados Árabes Unidos tornou essa funcionalidade elegante e simples. Para tornar o vídeo fixo, você pode simplesmente habilitar o Vídeo Fixo para alternar em conteúdo (guia) > configuração Vídeo Fixo.
Existem várias opções de alinhamento para o vídeo em um recurso de vídeo aderente. Navegue até a Barra de ação e configurações para controlar todos os aspectos do vídeo aderente. Os principais recursos são fornecidos abaixo:
- Tamanho do vídeo
- Uma variedade de opções de alinhamento para vídeo pegajoso nas bordas
- Gerencie o espaçamento e o estilo do vídeo.
- Adicione um fundo para o vídeo
- Exiba a descrição do vídeo com a ajuda da barra de informações
- Suporte responsivo
- Arraste o vídeo aderente pela janela no frontend
- Personalizações do botão Fechar
Tamanho do vídeo
Você pode ajustar a altura e a largura do vídeo, especificando a largura do vídeo em px. A exibição do vídeo será aplicada de acordo com a proporção definida para o vídeo. Você pode controlar a proporção do vídeo em Conteúdo (guia)> Vídeo.
por exemplo - Se você definiu uma proporção de 16: 9, as dimensões do vídeo aderente serão aplicadas de acordo com a proporção selecionada.
Alinhamento Pegajoso
Você pode gerenciar o alinhamento, ou seja, a posição do vídeo aderente nas bordas da janela. O vídeo pode ser posicionado como:
- Canto superior direito
- Cima Esquerda
- Canto inferior direito
- Inferior esquerdo
- Centro à direita
- Centro Esquerdo
Video Spacing
Você pode alterar o espaçamento da borda para controlar o espaçamento ao redor do vídeo. O espaçamento será aplicado de acordo com o alinhamento aderente selecionado.
por exemplo, para alinhamento inferior esquerdo, o espaçamento será aplicado apenas nas bordas inferior e esquerda do vídeo.
Tamanho e estilo do fundo
A melhor parte sobre o vídeo pegajoso dos Emirados Árabes Unidos é que você pode adicionar o plano de fundo de sua escolha ao vídeo. Você também pode selecionar o tamanho e a cor do plano de fundo.
Barra de Informação
Há uma pequena descrição fornecida sobre cada tipo de metadados de vídeo. Com a opção de vídeo aderente dos Emirados Árabes Unidos , você pode adicionar texto informativo sob o vídeo aderente. Você pode descrever cada vídeo fixo, que exibirá as informações sobre o vídeo em execução no momento.
Com a barra de informações, você também pode controlar a cor, cor de fundo, tipografia e preenchimento do vídeo. O campo de texto oferece suporte a conteúdo HTML. Você também pode aplicar o estilo personalizado ao conteúdo da barra de informações.
Gerenciar vídeos fixos em dispositivos responsivos
Existe uma opção para ocultar o vídeo pegajoso em dispositivos responsivos. Você pode selecionar diferentes dispositivos nos quais deseja ocultar o vídeo pegajoso.
Arraste em qualquer lugar na tela
Você pode arrastar a tela do vídeo para qualquer lugar usando este recurso. Você pode simplesmente clicar no vídeo e arrastá-lo para colocá-lo em qualquer lugar da janela de visualização. O vídeo aderente dos Emirados Árabes Unidos suporta a funcionalidade de arrastá-lo para qualquer lugar, por padrão.
Nota : Os dispositivos móveis e o editor de back-end do Elementor não suportam a funcionalidade de arrastar.
Botão Fechar
Você pode ativar / desativar o botão Fechar para o vídeo fixo. Também existem controles disponíveis para gerenciar o estilo do botão Fechar.
Conclusão
Com a ajuda dos recursos de vídeo aderente dos Emirados Árabes Unidos , você pode estilizar e modificar seus vídeos aderentes de acordo com sua preferência. O plugin torna todo o procedimento muito fácil. É uma solução muito elegante para enriquecer o conteúdo gráfico do seu site. Continue criando incríveis vídeos pegajosos em seu site e envolva seus visitantes em sua página, mesmo quando eles estiverem rolando suas páginas.
