Cómo agregar antecedentes de video a su sitio web de WordPress

El fondo de video es una de las características más fabulosas de un sitio web. Puede hacer que su sitio web no solo sea animado e interesante, sino también para poder mostrar más imágenes e información. Sin embargo, apuesto a que no muchas personas saben cómo agregar un video de video en sus sitios. Por lo tanto, esta guía final será útil si desea agregar un video de video a su sitio web.
Se esconde el contenido
1. Use un tema de WordPress que acepte antecedentes de video
2. Use un complemento para agregar fondo de video al sitio
2.1. Paso 1: Instale el complemento
2.2. Paso 2: Agregue un video de video
2.3. Paso 3: Personalizar el fondo de video
3. Las últimas palabras
Use un tema de WordPress que acepte antecedentes de video Algunos temas de WordPress acepten los antecedentes de video, por lo que solo tiene que configurar el tema para presentarlo. Por ejemplo, este tema de bloques limpios acepta el fondo de video en el área de cobertura del encabezado. Luego, solo necesita unos pocos pasos simples para insertar un video en él, ir a personalizador, encontrar la sección de medios de encabezado y seguir las demandas.

La mayoría de los temas le permitirán subir un video. Además, muchos aceptarán enlaces construidos desde YouTube, como lo hicimos anteriormente. Esto no solo será más rápido, más simple, sino que ayudará al sitio a ser más fácil, optimizando así la velocidad del sitio. Cada tema se personalizará de diferentes maneras, por lo que debe leer las instrucciones cuidadosamente.
Sin embargo, el área de fondo de video puede restringirse al usar temas, porque los temas solo pueden aceptar videos que se ejecutan en un área determinada. ¿Qué sucede si desea agregar un fondo de video a otra área? Es hora de usar un complemento para agregar un fondo de video a su sitio de WordPress. Use un complemento para agregar antecedentes de video al sitio, hay muchos complementos que pueden ayudarlo a este respecto. Después de investigar, descubrí que el complemento avanzado de fondo de WordPress (AWP) es muy fácil de usar para aquellos que no saben mucho sobre la tecnología. También ayuda a que el fondo de video se muestre maravillosamente y ofrece muchas opciones de personalización. Recuerde que este complemento funciona solo en WordPress 5.0 y Gutenberg Editor. Así que no olvide actualizar su versión de WordPress y usar este editor. Paso 1: Instale el complemento Puede descargar este complemento de WordPress.org, luego acceda a Dashboard> Plugin> Agregar nuevo plugin de carga, cargar, instalarlo y activarlo. O en Panel de control> Plugin> Agregar nuevo, busque el complemento y haga clic en Instalación> Activación.
Paso 2: Agregue un fondo de video Agregar un fondo de video es similar a insertar un bloque en Gutenberg. Entonces, si está familiarizado con Gutenberg, es fácil. Si no, puede leer las instrucciones de Gutenberg.

Vaya a una página o elemento en el que desea agregar un fondo de video, agregue un nuevo bloque y busque la palabra clave “AWB” para encontrar los antecedentes de AWB.
Después de insertar este bloque, en la barra lateral derecha, seleccione la pestaña Bloque para configurarlo. Hay 3 opciones para el fondo, que son imagen, color y video. Elija video para insertar el fondo de video. Luego tiene 2 opciones: inserte el video en la URL de YouTube o Vimeo o cargue videos autoguinientes. Si elige la primera opción, simplemente ingrese el enlace en la URL de video.

Para la segunda opción, vaya a la sección alojada. Hay 3 tipos de formatos de video de carga:

Seleccione el formato deseado, luego elija un video existente en la biblioteca o cargue uno nuevo. Eso es. Para mostrar el video con altura completa, seleccione la sección de altura completa de la barra de herramientas de bloque.

A continuación se muestra el fondo de video a plena altura con textos. Puede personalizar el tamaño, el color, la posición, etc. Para textos normalmente en la pestaña de bloqueo en la barra lateral. Esto es útil si desea poner este video en la portada del encabezado o en la sección de urgencia.

Incluso puede reemplazar los textos con cualquier bloque. Esto es similar a la inserción de cualquier bloque de Gutenberg. Configuración de video En la pestaña Video, debe configurar algunas secciones principales, como a continuación, para mostrar convenientemente el fondo de video:

(1): Puede activar o deshabilitar videos de fondo en dispositivos móviles. (2) y (3): ingrese la hora de inicio y finalización del video aquí para mostrar la parte deseada, especialmente cuando el video original es demasiado largo. (4): Puede repetir el video cuando termine. Creo que debería activar esta función para mantener la reproducción de video automática. Configuración de la imagen del póster, verá la sección de la imagen del póster. La foto que elija aquí se mostrará 1 segundo antes de que se muestre el video. Las opciones a continuación le permiten personalizar el tamaño y el estilo de la imagen apropiados.


Aquí está el resultado después de agregar la imagen del póster.

Instalar superpuesto (1) es el color de la superposición para el fondo de video y (2) es la transparencia de la superposición. Por ejemplo, Orange es el tono principal de mi sitio, por lo que elegí este color para superponer el video para que coincida con el diseño web.
En cuanto a la paleta de colores, es una alternativa al video. En otras palabras, muévase de un fondo de video a un fondo de color. Para eliminar este color de fondo, elija el botón Eliminar.

Instale los efectos del paralaje de paralaje y el ratón en la pestaña Paralax, puede activar o desactivar estos efectos y puede elegir fácilmente diferentes tipos de paralaje. Este es un efecto muy hermoso e interesante, por lo que debe usarlo y elegir un estilo adecuado para su sitio.

El efecto de paralaje puede ser familiar para usted, mientras que el efecto paralelo del mouse no. Se puede ver fácilmente al mover el mouse sobre el video, luego la escena en el video se moverá.

Puede usar este efecto accediendo al paralaje del mouse> la sección de activación. Luego puede ajustar el tamaño y la velocidad. Cuanto menor sea la velocidad, más rápido se mueve el video. Cuanto más pequeño sea el tamaño, más se mueve el video, haciéndote sentir que el video está “temblando” cuando mueves el mouse sobre él. Solo elijo la velocidad y el tamaño más bajos.

Configuración de espacio en la pestaña de espaciado, personalizado la distancia desde el video al borde de la página, ingrese los parámetros de distancia en las secciones y barras de margen. Por ejemplo, presentamos el acolchado de margen de 10 y 20 para las 4 partes del video.

Configuración avanzada En el CSS adicional de la sección avanzada, puede agregar código personalizado para los antecedentes de video. Y la sección de anclaje HTML le permite usar el enlace de palabras clave para el título de video. Si no sabe nada sobre los códigos cortos, puede omitir este lado.
Y este es el resultado final. El video se ve bonito, ¿no?

Últimas palabras a través de este elemento muy detallado, espero que pueda agregar un video de video a su sitio de WordPress para atraer a los visitantes. Sobre los complementos AWB, debe usarlos con un tema que admite Gutenberg, como Estar. Aquí, utilicé el tema Estar y el complemento AWB para tener una atractiva portada de video.

Esta combinación perfecta puede hacer que el video se vea más fascinante, ¿verdad? Si desea obtener más consejos en WordPress, no dude en comentar y compartir sus opiniones bajo este artículo.