jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo agregar videos de YouTube como fondo de pantalla completa en WordPress

Cómo agregar videos de YouTube como fondo de pantalla completa en WordPress

¿Quieres agregar un video de YouTube como fondo de pantalla completa en WordPress?

Cuando se usan correctamente, los videos de fondo pueden captar inmediatamente la atención del visitante y mantenerlo en su sitio web. Esto hace que los vídeos sean una excelente opción para páginas de destino y páginas de ventas.

En este artículo, le mostraremos cómo agregar un video de YouTube como fondo de pantalla completa en su sitio web de WordPress.

Cómo agregar videos de YouTube como fondo de pantalla completa en WordPress

¿Por qué utilizar un vídeo de YouTube como fondo de pantalla a pantalla completa?

Un fondo de video llamativo y llamativo es una excelente manera de mantener a los visitantes en su sitio. Cuando los visitantes llegan por primera vez a su sitio de WordPress, solo tiene unos segundos para captar su atención y convencerlos de que se queden.

Hoy en día, muchos temas diferentes de WordPress admiten fondos de vídeo. Sin embargo, cargar y alojar un vídeo en WordPress puede requerir mucho ancho de banda.

Dependiendo de su plan de alojamiento de WordPress, es posible que también necesite comprar espacio de almacenamiento adicional.

En WPBeginner, recomendamos encarecidamente no subir sus vídeos a WordPress.

En su lugar, puedes utilizar un servicio como YouTube y luego incrustar el vídeo como fondo de tu sitio web de WordPress. De esta manera podrás diferenciarte de la competencia sin ralentizar tu sitio web.

Dicho esto, veamos cómo puedes agregar un video de YouTube como fondo de pantalla completa en tu sitio de WordPress. Le mostraremos dos métodos y puede utilizar estos enlaces rápidos para navegar entre ellos:

Método 1: Utilice fondos de pantalla avanzados de WordPress para fondo de vídeo en pantalla completa (gratis)

Si está buscando una manera fácil y gratuita de agregar un video de YouTube como fondo de pantalla completa, puede usar Fondos de pantalla avanzados de WordPress.

Este complemento gratuito agrega un bloque de Fondo que le permite crear un fondo de pantalla completa usando cualquier color, imagen o video, incluidos los videos de YouTube.

Primero deberá instalar y activar el complemento. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Después de la activación, simplemente vaya a la página o publicación donde desea agregar un video de YouTube como fondo de pantalla completa. Luego puede continuar y hacer clic en el botón “+” Agregar bloque.

En la ventana emergente que aparece, comienza a escribir “Fondo AWB”. Cuando aparezca el bloque derecho, haga clic para agregarlo a la página.

Cómo agregar un video en pantalla completa a una publicación o página de blog de WordPress

En el menú de la izquierda verás tres pestañas para los diferentes tipos de fondos de pantalla de pantalla completa que puedes crear: Color, Imagen y Vídeo.

🔥 Leer:  WhatsApp puede leer mensajes encriptados pero el Facebook di que está bien

Como desea agregar un video de YouTube, haga clic en la pestaña “Video”. A continuación, seleccione la pestaña “YouTube/Vimeo”.

Ahora puedes copiar y pegar la URL del vídeo de YouTube que deseas usar en tu blog de WordPress.

Obtener la URL de un vídeo de YouTube

Ahora, el editor de bloques de WordPress mostrará una vista previa de cómo se verá este fondo.

Los fondos avanzados de WordPress cambian el tamaño de su video según el contenido que agrega en la parte superior, así que no se preocupe si su video actualmente parece un poco pequeño.

Cómo personalizar un vídeo de fondo de YouTube en WordPress

De forma predeterminada, el fondo del vídeo está desactivado en los dispositivos móviles.

Sin embargo, si desea mostrar el fondo del video en dispositivos móviles, haga clic para activar el interruptor “Activar en dispositivos móviles”.

Ver un fondo de YouTube en dispositivos móviles

De fábrica, el bloque reproducirá todo el vídeo de YouTube en bucle.

Otra opción es reproducir una parte específica del video escribiendo las horas exactas en los cuadros “Hora de inicio” y “Hora de finalización”.

También puedes detener la reproducción del video en bucle desactivando el interruptor “Bucle”.

Cómo agregar un vídeo de fondo de YouTube a un sitio web

De forma predeterminada, el vídeo sólo se reproducirá cuando el visitante pueda verlo en su navegador. Esto le ayudará a mantener el rendimiento de su sitio web, por lo que normalmente querrá dejar el interruptor “Reproducir siempre” desactivado.

Cuando agregas el video por primera vez, se muestra al 100% de opacidad, por lo que se ve sólido. Siéntete libre de arrastrar el control deslizante “Opacidad de la imagen” para hacer que el fondo del video de YouTube sea más sutil.

Cambiar la configuración de opacidad de un vídeo de YouTube

Si experimentas con la opacidad, también puedes intentar agregar una superposición de color.

Simplemente haga clic para expandir la sección “Superposición de colores” y luego use la configuración para crear superposiciones de diferentes colores.

Agregar una superposición al fondo de un video

Siéntete libre de explorar otras configuraciones, como el efecto de paralaje y el espaciado, para hacer que el fondo sea exactamente como lo deseas.

Una vez que esté satisfecho con la configuración del fondo de su video de YouTube, es hora de comenzar a agregar contenido como enlaces, texto e imágenes.

Para comenzar, haga clic en el ícono “+” en el centro del bloque Fondo (AWB).

Agregar bloques a un video de fondo de YouTube

Se abre una ventana emergente donde puedes elegir el bloque que deseas agregar. El complemento Fondos avanzados de WordPress funciona con todos los bloques estándar de WordPress, por lo que puede agregar cualquier contenido que desee.

Cuando esté satisfecho con su apariencia, simplemente haga clic en el botón “Actualizar” o “Publicar” para activar la página. Ahora, si visitas tu sitio web de WordPress, verás el fondo del vídeo en acción.

Un ejemplo de fondo de vídeo de YouTube en WordPress

Si buscas personalizar completamente tu vídeo de fondo en pantalla completa o incluso diseñar fácilmente todas las páginas de tu sitio web, entonces este método es para ti.

🔥 Leer:  ¿Cómo configurar Vpn Plus Synology?

La mejor manera de agregar un video de YouTube como fondo de pantalla completa es con Arquitecto próspero.

Thrive Architect es un complemento de creación de páginas fácil de usar diseñado para principiantes. Además de una función de fondo de video, tiene una función flexible de arrastrar y soltar para usar, para que pueda crear el sitio web que desee sin ningún problema.

Además, viene con plantillas de páginas de destino inteligentes optimizadas para conversiones, de modo que su página de destino esté configurada para el éxito desde el principio.

Para obtener más información sobre Thrive Architect, puede leer nuestra revisión de Thrive Architect.

Arquitecto próspero

Si desea utilizar este método, compre primero un plan de Thrive Architect. Está disponible para su compra como producto independiente o como parte de Temas prósperos haz.

Luego, simplemente instale el complemento. Puede consultar nuestra guía sobre cómo instalar un complemento de WordPress para obtener más información.

A continuación, puede ir a “Páginas” desde el área de administración de WordPress y seleccionar una página para editar. Pase el cursor sobre la página y elija “Editar con Thrive Architect”.

Hacer clic en Editar con Thrive Architect en una página

A continuación, haga clic en el botón “+” en el lado derecho de la página y busque el elemento Sección de fondo.

Simplemente haga clic en él para agregarlo a la página.

Agregar una sección de fondo en Thrive Architect

En este punto, puede moverse al lado izquierdo de la página y desplazarse hacia abajo hasta la sección Estilo de fondo.

Aquí, simplemente active el interruptor “Fondo de video” y seleccione “YouTube” como Fuente.

Seleccionar un estilo de fondo de video en Thrive Architect

A continuación, vaya al vídeo de YouTube que desea utilizar como fondo de pantalla de pantalla completa.

Simplemente copie la URL del video de YouTube de esta manera:

Obtener la URL de un vídeo de YouTubeObtener la URL de un vídeo de YouTube

Luego, pegue la URL en la sección correspondiente.

Ahora deberías ver el fondo de pantalla en tu pantalla.

Pegue la URL de fondo del video en Thrive Architect

Aunque se ha agregado el fondo de pantalla, aún no está en pantalla completa.

Para asegurarse de que esté en pantalla completa, debe desplazarse hacia arriba hasta la sección Opciones principales. Luego, active las opciones “El contenido cubre todo el ancho de la pantalla”, “Ajustar la altura a la pantalla” y “Estirar para ajustarse al ancho de la pantalla”.

Ajustar la altura y el ancho del fondo del video en Thrive Architect

Exploremos algunas otras opciones. Para agregar contenido a su fondo, todo lo que necesita hacer es hacer clic nuevamente en el botón “+” en el lado derecho y arrastrar y soltar un elemento.

Puede agregar texto, imágenes, formularios, botones, testimonios y más. Thrive Architect tiene docenas de elementos centrados en la conversión que puede aprovechar para su sitio web.

Si cree que el color de fondo no contrasta lo suficiente con el texto, simplemente regrese a la configuración de la Sección de fondo.

Luego, desplácese hacia abajo nuevamente hasta Estilo de fondo y, en la opción Agregar capa, elija un color sólido. A continuación, puedes elegir un color para usar como filtro de fondo y ajustar la opacidad como quieras.

🔥 Leer:  Cómo probar la continuidad con un multímetro

Una vez que haya terminado, haga clic en “Aplicar”.

Cambiar la opacidad de la superposición de colores en Thrive Architect

Otra cosa que puedes ajustar en la configuración de la sección Fondo es el comportamiento de desplazamiento. Puede elegir si desea hacerlo estático, fijo o de paralaje.

Querrá mantenerlo estático para que el fondo no se mueva cuando el usuario se desplaza hacia abajo. De lo contrario, el vídeo seguirá reproduciéndose, lo que puede ralentizar su sitio web.

Ajustar el comportamiento de desplazamiento del fondo del video en Thrive Architect

Lo siguiente que puedes hacer es ir a la sección Responsive. Aquí puede elegir si el fondo del vídeo aparece en las versiones para dispositivos móviles y tabletas de su sitio web.

Depende de usted, pero tenga en cuenta que los videos tardan un poco en cargarse. Puede resultar molesto para los visitantes esperar a que se ejecuten cuando están en un dispositivo de pantalla pequeña.

Ajustar el comportamiento de respuesta del fondo de video en Thrive Architect

Una vez que esté satisfecho con el fondo de su video de YouTube en pantalla completa, simplemente haga clic en el botón “Guardar trabajo” para guardar los cambios.

¡Eso es todo!

Ahora vaya a su sitio web de WordPress para ver cómo se ve en vivo.

Así es como se ve nuestra página web de prueba.

Ejemplo de fondo de vídeo creado con Thrive Architect

Consejo adicional: agregue una fuente de video de YouTube en WordPress

¿Quieres agregar más videos a tu sitio web? Si bien WordPress tiene bloques de inserción de vídeo integrados, no son la forma más atractiva visualmente de mostrar vídeos, especialmente si tienes más de uno.

Ahí es donde Aplastar Globo YouTube Feed Pro ingresar.

Smash Balloon YouTube Feed Pro es el mejor complemento de galería de YouTube del mercado. Muestra automáticamente todos los vídeos más recientes de tu canal de YouTube, para que tus visitantes siempre vean el contenido más reciente.

Incrustar una lista de reproducción de YouTube usando Smash Balloon

Simplemente cree un feed de YouTube usando el sencillo editor de Smash Balloon, luego agréguelo a cualquier página o publicación usando el código corto o bloque ya preparado del complemento.

También puedes usar Smash Balloon para insertar listas de reproducción, favoritos y transmisiones en vivo de YouTube en tu sitio web de WordPress.

Crear un feed de YouTube utilizando el complemento de redes sociales Smash Balloon

Lo mejor de Smash Balloon es que no ralentiza tu sitio. La función de almacenamiento en caché de YouTube integrada en el complemento garantizará que su sitio siempre se cargue rápidamente, lo cual es excelente para SEO.

Para obtener más detalles, puede consultar nuestra guía sobre cómo mostrar los últimos vídeos de un canal de YouTube en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar un video de YouTube como fondo en WordPress. Es posible que también desee consultar nuestra guía sobre cómo crear una página de destino con WordPress y nuestras selecciones de expertos para obtener los mejores complementos de la galería de videos de YouTube.

Recomendamos

Populares