3 formas sencillas de agregar un fondo de video de WordPress a su sitio web

Publicado: 2021-12-11

Usar fondos de video en su sitio de WordPress es una excelente manera de hacer que se destaque de sus competidores y atraer a más audiencias. Esto se debe a que los fondos de video le permiten transmitir mejor sus mensajes a su público y mantenerlos entretenidos.

Si está encontrando una manera de agregar un fondo de video de WordPress a su sitio, los siguientes consejos y guías serán muy útiles.

Tabla de contenido
[Mostrar ocultar]
  1. ¿Por qué debería agregar un fondo de video de WordPress a su sitio?
  2. Algunos consejos útiles sobre cómo agregar fondos de video de WordPress a su sitio
  3. ¿Dónde puede obtener un fondo de video de WordPress?
  4. 3 formas de agregar un fondo de video de WordPress a su sitio web
    1. Use un tema de WordPress que admita fondos de video
    2. Usa un creador de páginas
      1. Gutenberg
      2. Creador de páginas de Elementor
    3. Use un complemento de fondo de video de WordPress
      1. Control deslizante inteligente 3
      2. Reproductor de video y fondo de video de pantalla completa
      3. Complemento de WordPress de fondo de pantalla completa de imagen y video
  5. Ultimas palabras

¿Por qué debería agregar un fondo de video de WordPress a su sitio?

A continuación se presentan varios beneficios de agregar fondos de video de WordPress a su sitio.

  • Agregue estilos geniales y únicos a su sitio web de WordPress.
  • Los fondos de video son atractivos. Cuando los usuarios visiten su sitio web, se detendrán para ver su video en lugar de desplazarse.
  • Ayudarlo a resaltar algunos aspectos importantes de su negocio.
  • Saca a relucir la visión principal de tu sitio web fácilmente.
  • Haga que su sitio sea más compartible, lo que generará más tráfico al sitio web.

Algunos consejos útiles sobre cómo agregar fondos de video de WordPress a su sitio

Antes de continuar, aquí hay algunos consejos útiles que debe tener en cuenta al agregar un fondo de video de WordPress a su sitio.

  • Asegúrate de que el video que estás subiendo tenga una alta resolución.
  • Asegúrate de que el video no afecte demasiado la velocidad de carga de la página. Comprímelo si es necesario.
  • Los fondos de video deben ser totalmente receptivos. Así se verá bien en todas las pantallas y dispositivos.
  • Desactiva la reproducción automática con sonido. Si desea hacerlo, asegúrese de que sus visitantes tengan la opción de apagar el audio.
  • Establezca una imagen de fondo alternativa para los visitantes cuyos navegadores web no admitan fondos de video .
  • Deberías subir fondos de video cortos.

¿Dónde puede obtener un fondo de video de WordPress ?

El fondo de tu video puede recibir mucho tráfico, especialmente si está en tu página de inicio. Por lo tanto, querrá que se destaque y atraiga a sus visitantes tanto como sea posible.

Si no tiene un presupuesto ajustado, comuníquese con un camarógrafo local para que grabe un video para usted. Asegúrese de expresar su idea con claridad para asegurarse de que los videos satisfagan las necesidades de su marca.

¿No tienes tiempo ni dinero para grabar videos? No hay problema. Puede encontrar secuencias de video de alta calidad libres de regalías en sitios como Storyblocks y Pixabay.

3 formas de agregar un fondo de video de WordPress a su sitio web

Use un tema de WordPress que admita fondos de video

La forma más rápida y sencilla de agregar un video de fondo de WordPress a su sitio es usar un tema que lo admita. Los fondos de video de WordPress ya son una característica predeterminada de muchos temas.

Puede usar el tema Woostify o encontrar un tema en el mercado. Hay muchos lugares en la web donde puede encontrar un tema de WordPress pagado o gratuito que admita fondos de video, como Temas de WordPress, ThemeForest, etc.

Después de instalar el tema, diríjase a su página de documentación o póngase en contacto con el soporte para saber cómo agregar un video de fondo de WordPress.

Usa un creador de páginas

Gutenberg

El editor y creador de páginas predeterminado de WordPress, Gutenberg, ya le permite agregar fondos de video fácilmente.

  1. Haga clic en el signo ' + ' para agregar un nuevo bloque. Busca ' portada '. A continuación, haga clic en el bloque Portada para agregarlo.
wordpress-video-fondo-1
  1. Cargue un video o agréguelo desde la Biblioteca multimedia si ya lo ha subido.
wordpress-video-fondo-2
  1. Haga clic en el texto ' Escribir título ...' para agregar un título.
wordpress-video-fondo-3
  1. Personaliza el fondo del video de Gutenberg usando la barra de herramientas y la barra lateral. Puede agregar una clase CSS para personalizarla aún más.
wordpress-video-fondo-4
wordpress-video-fondo-5
wordpress-video-fondo-6

Esto es lo que significan las opciones en la barra lateral:

  • Superposición : establezca el color que aparece sobre el video.
  • Opacidad de fondo : ajusta la transparencia. Cuanto menor sea el valor, más transparente será.

Como puede ver, la opción predeterminada es bastante limitada. Pero también es la forma más sencilla ya que está integrado en WordPress desde el principio. Así que no necesitas instalar nada.

Creador de páginas de Elementor

Elementor, que se considera el creador de páginas más popular para WordPress, le permite agregar videos de YouTube y archivos .mp4 al fondo de su sitio web.

Algunos de los temas tienen soporte nativo para Elementor, como Woostify. Así que esta es la mejor opción si tu tema también es el caso.

También hay algunas opciones avanzadas para agregar un efecto, establecer una imagen alternativa, elegir una hora de inicio y finalización, etc.

Después de descargar y activar el complemento Elementor Website Builder, siga la siguiente guía para agregar fondos de video de Elementor a su sitio

  1. Abra una publicación/página nueva o existente con Elementor.
  2. Agregue una sección desde el editor haciendo clic en el botón '+'.
wordpress-video-fondo-7
  1. Seleccione el ancho de sección deseado. En este caso, seleccionaré la sección de ancho completo.
wordpress-video-fondo-8
  1. Aparecerá un panel izquierdo. Puede elegir la apariencia de la sección en la pestaña Diseño. Seleccione el ancho del contenido marcado como '1' en la foto de abajo. Lo seleccionaré como recuadro. También puede elegir la opción de ancho completo.
wordpress-video-fondo-9
  1. Haga clic en la pestaña Estilo marcada como '2' en la imagen de arriba para agregar un video. En la sección de fondo, puede elegir entre tres estilos de fondo: sólido, degradado y fondo de video. Haga clic en la opción de fondo de video marcada como '1' en la foto a continuación.
wordpress-video-fondo-10
  1. También puede usar el efecto de desplazamiento y el efecto de partículas haciendo clic en los botones marcados como '2' y '3' en la foto de arriba, respectivamente.
  2. Puede proporcionar un enlace de YouTube como video de fondo. O puede cargar cualquier video .mp4 usando la biblioteca de medios. Luego escriba el enlace permanente de la misma.
wordpress-video-fondo-11
  1. Puede especificar la hora de inicio y finalización y proporcionar una imagen alternativa como se marca '2' y '3' en la foto de arriba, respectivamente.
  2. Puede que tengas un problema de altura. Si ese es el caso, ajuste la altura mínima desde la pestaña Diseño.
wordpress-video-fondo-12

¡Eso es! Aunque este método es mucho más complicado, tiene mucho más control y funciones avanzadas para ajustar los videos de fondo de Elementor para satisfacer sus necesidades.

Use un complemento de fondo de video de WordPress

Si desea obtener más opciones de personalización en el fondo del video, debe usar complementos de terceros que admitan esta funcionalidad.

En estos días, puede elegir entre muchos complementos de WordPress gratuitos y de pago que le brindan opciones para usar videos de YouTube, Vimeo y MP4 en segundo plano. En este artículo, solo enumeraremos algunos notables.

Control deslizante inteligente 3

wordpress-video-fondo-13

Si está buscando el mejor complemento de fondo de video gratuito de WordPress, Smart Slider 3 será la mejor opción.

Con él, puedes crear bloques de video. Luego, insértelos en su sitio como secciones separadas o imágenes destacadas con efectos de desplazamiento de paralaje.

El complemento admite videos de YouTube y Vimeo. También le permite cargar archivos .mp4 y usarlos.

Smart Slider 3 también le permite agregar tantas capas como desee a los bloques de video, incluidos texto, botones, logotipos, miniaturas, etc. También puede ajustar la opacidad, silenciar el audio, reproducir el video en bucle y mucho más.

Para agregar fondos de video de WordPress a una publicación/página, puede insertar códigos abreviados o scripts PHP cortos directamente en el archivo de plantilla de su sitio de WordPress.

Reproductor de video y fondo de video de pantalla completa

wordpress-video-fondo-14

Esta es la herramienta definitiva para crear atractivos fondos de video de ancho completo. Le permite agregar videos autohospedados, YouTube o Vimeo a cualquier página de su sitio de WordPress.

También puede usar el complemento como reproductor de video para adaptar su contenido a todos los tipos de dispositivos.

Complemento de WordPress de fondo de pantalla completa de imagen y video

wordpress-video-fondo-15

Este complemento le permite mostrar fondos de video, controles deslizantes de fondo de imagen, galerías multimedia y galerías de video en el fondo de ancho completo de su sitio de WordPress.

Es compatible con dispositivos móviles e incluye muchas características notables, que incluyen texto dinámico, temporizadores circulares, transacciones personalizables y más.

Ultimas palabras

Cuando un visitante aterriza en su sitio, solo tiene unos segundos para captar su atención y hacer que se quede más tiempo. Fondos de vídeo de WordPress son una de las formas más efectivas de hacerlo y amplificar sus ideas de marca. Al utilizar los consejos y guías que proporcionamos en esta publicación, esperamos que pueda agregar fácilmente un fondo de video de WordPress a cualquier página de su sitio.