M谩s

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

    - Advertisement -

    驴Est谩 buscando una manera de agregar videos de YouTube como fondos de pantalla completa en WordPress?

    Cuando se usan con cuidado, los videos de fondo pueden captar instant谩neamente la atenci贸n de un visitante y mantenerlo en su sitio web. Esto los convierte en 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.

    驴Por qu茅 usar un video de YouTube como fondo de pantalla completa?

    Cuando los visitantes llegan por primera vez a su sitio web de WordPress, solo tiene unos segundos para captar su atenci贸n y hacer que se queden.

    Un fondo de video atractivo y llamativo es una excelente manera de mantener a los visitantes en su sitio. Adem谩s, hay muchos temas diferentes de WordPress que admiten fondos de video.

    Sin embargo, cargar y alojar un video en WordPress puede requerir mucho ancho de banda. Dependiendo de su plan de alojamiento de WordPress, es posible que incluso tenga que comprar almacenamiento adicional.

    Una soluci贸n es agregar un video de YouTube como fondo de pantalla completa. De esta manera, puede destacarse de sus competidores sin ralentizar su sitio web ni ocupar espacio de almacenamiento adicional.

    Dicho esto, veamos c贸mo puede 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

    La forma m谩s f谩cil de agregar un video de YouTube como fondo de pantalla completa es usando Fondos avanzados de WordPress. Este complemento agrega un nuevo bloque de fondo que le permite crear un fondo de pantalla completa usando cualquier color, imagen o video, incluidos los videos de YouTube.

    Un ejemplo de un fondo de video de YouTube en WordPress

    Primero, deber谩 instalar y activar el complemento. Si necesita ayuda, consulte nuestra gu铆a sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, simplemente dir铆jase a la p谩gina o publicaci贸n donde desea agregar un video de YouTube como fondo de pantalla completa. A continuaci贸n, puede continuar y hacer clic en el bot贸n ‘+’.

    En la ventana emergente que aparece, comience a escribir ‘Background AWB’. Cuando aparezca el bloque correcto, dale un clic para agregarlo a la p谩gina.

    C贸mo agregar un video de pantalla completa a una publicaci贸n o p谩gina de blog de WordPress

    En el men煤 de la izquierda, ver谩 tres pesta帽as para los diferentes tipos de fondos de pantalla completa que puede crear: Color, Imagen y Video.

    Como desea agregar un video de YouTube, haga clic en la pesta帽a ‘Video’.

    Este complemento le permite usar un video autohospedado como fondo. Sin embargo, los videos ocupan mucho espacio de almacenamiento y ancho de banda, por lo que nunca debes subir un video a WordPress.

    Dicho esto, seleccione la pesta帽a ‘YouTube / Video’.

    C贸mo agregar un video de YouTube como fondo de pantalla completa en WordPress

    Ahora, necesitar谩 la URL del video de YouTube que desea usar en su blog de WordPress.

    En una nueva pesta帽a, simplemente ve al video y copia el enlace en la barra de direcciones.

    Obtener la URL de un video de YouTube

    Una vez hecho esto, vuelva a su panel de control de WordPress y pegue la URL en la pesta帽a ‘URL de video’.

    Ahora, el editor de bloques de WordPress mostrar谩 una vista previa de c贸mo se ver谩 este fondo. Fondos avanzados de WordPress cambia el tama帽o del video seg煤n el contenido que agrega encima, as铆 que no se preocupe si el video actualmente se ve un poco peque帽o.

    C贸mo personalizar un video de fondo de YouTube en WordPress

    Antes de comenzar a agregar contenido, es una buena idea configurar los ajustes del fondo.

    De manera predeterminada, el fondo de video est谩 deshabilitado en dispositivos m贸viles. Los tel茅fonos inteligentes y las tabletas suelen tener pantallas m谩s peque帽as y menos potencia de procesamiento en comparaci贸n con las computadoras de escritorio. Con eso en mente, es una buena idea dejar el fondo de video deshabilitado en el m贸vil.

    Sin embargo, si desea mostrar el fondo del video en dispositivos m贸viles, haga clic para activar la opci贸n ‘Habilitar en dispositivos m贸viles’.

    Mostrar un fondo de YouTube en dispositivos m贸viles

    Fuera de la caja, el bloque reproducir谩 todo el video de YouTube en un 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’.

    C贸mo agregar un video de fondo de YouTube a un sitio web

    Tambi茅n puede evitar que el video se reproduzca en un bucle desactivando el interruptor ‘Bucle’.

    De forma predeterminada, el video solo se reproducir谩 cuando el visitante pueda verlo en su navegador. Esto ayuda a aumentar la velocidad y el rendimiento de WordPress, por lo que, por lo general, querr谩s dejar la opci贸n 芦Reproducir siempre禄 desactivada.

    Cuando agrega el video por primera vez, se muestra con una opacidad del 100%, por lo que se ve s贸lido.

    Seg煤n el dise帽o de su sitio, es posible que desee experimentar con un fondo de video semitransparente arrastrando el control deslizante 芦Opacidad de la imagen禄. Esta puede ser una forma de crear un fondo de video de YouTube m谩s sutil.

    Cambiar la configuraci贸n de opacidad de un video de YouTube

    Si experimenta con la opacidad, tambi茅n puede intentar agregar una superposici贸n de color.

    Simplemente haga clic para expandir la secci贸n ‘Color de superposici贸n’ y luego use la configuraci贸n para crear superposiciones de diferentes colores.

    Agregar una superposici贸n a un fondo de video

    El complemento Advanced WordPress Backgrounds admite algunos efectos de paralaje diferentes. Esta es una t茅cnica de dise帽o web moderna en la que el elemento de fondo se desplaza m谩s lentamente que el contenido de primer plano, lo que a menudo agrega profundidad al dise帽o de la p谩gina.

    Para probar los diferentes efectos de paralaje, haga clic para expandir la secci贸n ‘Paralaje’ y luego elija una opci贸n del men煤 desplegable.

    Agregar efectos de paralaje a un sitio web de WordPress

    Despu茅s de elegir un estilo de paralaje, obtendr谩 acceso a algunas configuraciones adicionales donde puede cambiar la velocidad. Tambi茅n puede habilitar y deshabilitar el efecto de paralaje en dispositivos m贸viles.

    Del mismo modo, puede experimentar con diferentes efectos de paralaje del mouse, que hacen que el fondo se desplace m谩s lentamente cuando el visitante mueve el mouse.

    Para echar un vistazo a estas configuraciones, haga clic para expandir la secci贸n ‘Mouse Parallax’.

    Agregar efectos de paralaje del mouse a un video de fondo

    Cuando est茅 satisfecho con la configuraci贸n del fondo de video de YouTube, es hora de comenzar a agregar contenido como texto, enlaces e im谩genes.

    Para comenzar, haga clic en el 铆cono ‘+’ en el medio del bloque Fondo (AWB).

    Agregar bloques a un video de fondo de YouTube

    Esto abre una ventana emergente donde puede elegir el bloque que desea 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.

    Despu茅s de configurar el primer bloque, simplemente haga clic en el bot贸n ‘+’ nuevamente y luego agregue el siguiente bloque que desea usar.

    Agregar un bloque de obsequios de RafflePress a un fondo de video

    Simplemente siga repitiendo este proceso para crear la publicaci贸n o el dise帽o de la p谩gina.

    Cuando est茅 satisfecho con su apariencia, haga clic en el bot贸n ‘Actualizar’ o ‘Publicar’ para que la p谩gina est茅 activa. Ahora, si visita su sitio web de WordPress, ver谩 el fondo del video en acci贸n.

    Un ejemplo de un fondo de video de YouTube en WordPress

    Bono: C贸mo agregar un feed de video de YouTube en WordPress

    Un fondo de video puede captar la atenci贸n de los visitantes y, al mismo tiempo, promocionar su canal de YouTube. Sin embargo, si realmente desea obtener m谩s visitantes y suscriptores en YouTube, es posible que desee agregar m谩s videos a su sitio web.

    Ah铆 es donde entra Smash Balloon.

    Aplastar globo YouTube Feed Pro es el mejor plugin de galer铆a de YouTube del mercado. Muestra autom谩ticamente todos los videos m谩s recientes de su canal de YouTube, para que los 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, y luego agr茅guelo a cualquier p谩gina o publicaci贸n usando un c贸digo abreviado o el bloque listo para usar del complemento.

    Tambi茅n puede usar Smash Balloon para incrustar listas de reproducci贸n, favoritos y transmisiones en vivo de YouTube en su sitio web de WordPress.

    Creaci贸n de un feed de YouTube con 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 incorporada del complemento se asegurar谩 de que su sitio siempre se cargue r谩pido, lo cual es excelente para SEO.

    Esperamos que este art铆culo te haya ayudado a aprender c贸mo agregar un video de YouTube como fondo en WordPress. Tambi茅n puede consultar nuestra gu铆a sobre c贸mo crear una p谩gina de destino con WordPress y nuestras selecciones de expertos para los mejores complementos de la galer铆a de videos de YouTube.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.

    La publicaci贸n C贸mo agregar videos de YouTube como fondo de pantalla completa en WordPress apareci贸 por primera vez en AprenderWP.


    Fuente: C贸mo agregar videos de YouTube como fondo de pantalla completa en WordPress

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.