¿Cómo crear una sección de fondo de video en WordPress?

Una forma efectiva de mejorar el atractivo visual de su sitio es crear un fondo de video. Intriga a sus visitantes y los alienta a permanecer más tiempo en su sitio. WordPress ofrece varios enfoques a través de los cuales puede integrar el fondo de video. Si no conoce ninguno de estos métodos, permítanos guiarlo a través del proceso. Aprenderá tres técnicas sin problemas para agregar videos como sección de fondo en este blog.
contenido
#¿Por qué necesitas un video de video en WordPress?
#Sfits para seleccionar un fondo de video perfecto
1. Video comprimido pero de alta calidad
2. Corta duración de video
3. Complementar el contenido de su sitio
4. Opción para activar/desactivar audio
5. La sección de fondo de video receptivo
#Se formas de crear una sección de fondo de video
1. Cree un fondo de video utilizando el constructor de sitios web
2. Cree una sección de fondo de video utilizando complementos de WordPress
3. Cree un fondo de video usando temas de WordPress
¿Dónde encontrar fotos de stock para su sección de fondo de video?
1. Shutterstock
2. Elementos de envanato
3. Pexes
4. Pixabay
Preguntas frecuentes (preguntas frecuentes)
¿El complemento Slider Hero acepta la función de reproducción automática de los videos de YouTube?
¿Qué complemento de fondo de video es el mejor para mi sitio?
¿Cuándo no debo usar un fondo de video en mi sitio?
¿Debo subir un video de sí mismo o incorporar un video de YouTube?
¿Puedo eliminar los botones de intercambio y suscripción de un video de YouTube incorporado?
¡La conclusión!
#¿Por qué necesitas un video de video en WordPress? Todos sabemos la importancia de agregar imágenes de fondo atractivas a nuestro sitio. Cautivan la atención del público y se comunican más rápido que una descripción escrita. Sin embargo, otra forma de medios es 100 veces más fuerte que las imágenes, gráficos y otras ilustraciones. Si piensas en el video, ¡puedes luchar en tu espalda! Dos bloggers invitados del blog de YouTube proporcionaron estadísticas que muestran que el video eclipsa la comunicación de imágenes ineficientes. Escuchaste que una imagen dice más de mil palabras, ¿verdad? Bueno, según el conocimiento de estos bloggers invitados, un video dice un millón de palabras. Por lo tanto, puede agregar videos como experiencia en su sitio para comunicar información esencial a su audiencia. Puede agregar un video corto para describir la historia de su marca, el mecanismo operativo de su producto, etc.
Una sección de video alienta a los visitantes a su sitio a interactuar con él. Es posible que desee comenzar el volumen de los medios, aumentar el reproductor o reproducir todo el video. Además, su audiencia querrá saber más sobre su marca después de ver el video introductorio. Si sus visitantes pasan mucho tiempo en su sitio, la tasa de rechazo disminuye, lo que aumenta el rendimiento de SEO. #Sfits Para seleccionar un fondo de video perfecto ahora, sabe la importancia de la integración de video en los sitios web. Presentamos algunos consejos sobre cómo seleccionar un excelente video para agregar a su sitio web de WordPress. Aquí hay cinco puntos cruciales que podría encontrar útiles.
1. Video comprimido, pero de alta calidad debe comprimir archivos de video antes de cargarlos en la sección de fondo. Un sitio web con un tamaño de video grande es lento y ofrece una terrible experiencia de usuario. Además, Google no clasificará su sitio en los primeros resultados de los resultados de búsqueda relevantes. Compresar el video pondrá menos embarazo en el servidor, y su sitio web se ejecuta más rápido. Pero asegúrese de no dañar la calidad de su video mientras se comprime. Su público no quiere ver un video poco claro. Debe encontrar un punto medio en el que se comprime el video, pero aún tiene una resolución decente. Puede usar una herramienta como un videoproad que le permite comprimir sus videos al mejor tamaño. El instrumento VideoProc Converter funciona con cualquier video filmado con GoPro, DJI, iPhone, Android, cámara de video o cualquier otra cámara 4K. 2. Breve duración del video Otra cosa a considerar al agregar un video en su sitio web es hacerlo corto. En primer lugar, el público en línea tiene poca atención. No verán un video de media hora que ofrezca todo el historial de su empresa. A cambio, cargue un video corto de menos de un minuto con un tamaño de archivo más pequeño. La carga tomará una corta duración y atraerá la atención de los visitantes a su sitio.
3. Complementar el contenido de su sitio, sus visitantes solo disfrutarán del video si complementa el contenido de su sitio. Por ejemplo, tiene un sitio de cafetería, entonces un video de bicicleta deportiva ciertamente no completará su sitio. Salir del contexto irrita a su público, aumentando la oportunidad de perder la atención. Por lo tanto, cree un video adecuado de su marca para agregar al fondo. En su lugar, puede mostrar material de almacenamiento relevante. 4. La opción de activar/desactivar audio cuando alguien ingresa a su sitio, puede no esperar reproducción de sonido automático. Su audiencia puede navegar por su sitio en una biblioteca, oficina, aula u otros lugares tranquilos. Un sonido repentino se unirá a ellos y cerrará la pestaña para deshacerse de él. El contenido automático multimedia se encuentra entre los principales atributos que la gente odia en el sitio. Puede evitar esta situación agregando una opción de conmutación para activar/desactivar audio. De esta manera, los visitantes solo pueden reproducir audio cuando sienten la necesidad. 5. La sección receptiva de fondo de video, los visitantes de su sitio navegarán a través de su contenido en diferentes dispositivos digitales. Por ejemplo, puede ver su video en dispositivos móviles, computadoras portátiles o más. Un video que no responde no dará el mismo tamaño en todas estas dimensiones de pantalla.
Por lo tanto, debe hacer que el fondo de video sea receptivo. Con esta función, el video se carga con las dimensiones correctas en todos los dispositivos de visualización. #Las formas de crear una sección de fondo de video hay tres formas principales de agregar un video como fondo en su sitio web. En esta sección, obtienes una explicación en profundidad de cada técnica. Puede seleccionar cualquiera de estas opciones dependiendo de sus preferencias.). Estas herramientas también lo ayudan a agregar varios componentes multimedia, como diapositivas de carrusel, caja de luz de imagen, animación, etc.
Elementor es un complemento todo en uno para crear sitios web. Le permite diseñar varios elementos, como encabezado, sótano, página de productos, etc. Este generador de página acepta casi todos los temas y complementos de WordPress. Primero, instale este generador de página en la página Agregue un nuevo complemento. Vaya a la barra de búsqueda y busque “Elementor. Ahora, instale y active la primera opción que tiene los nombres de los editores: elementor.com.
Ahora regrese al tablero y coloque el cursor del mouse en la parte superior de la opción elemental en la barra lateral. Haga clic en el botón Introductory Notions en el menú Drop -down.
Esta acción lo lleva a la página de bienvenida de Elementor. Puede ver un botón “Crear primera página”. Haga clic en él para continuar. Llegará a la interfaz de edición deslizando y colocando el creador de sitios web Elementor. Creemos una nueva plantilla de página usando este complemento. Haga clic en el icono de carpeta que ve dentro del cuadro punteado, como se muestra en la captura de pantalla. Ass una ventana emergente con muchas plantillas de página predeterminadas. Coloque el cursor del mouse sobre el aspecto seleccionado. Esta acción le muestra un botón de inserción, que debe hacer clic para agregar plantilla a su sitio web.
Obtendrá otra ventana después de seleccionar uno de los aspectos. Haga clic en el botón Inicio, que lo lleva a la página de inscripción del elemento. Cree una cuenta con este complemento de constructor para continuar.
Elementor le brinda una opción para conectar su sitio web con la biblioteca de plantillas. Haga clic en el botón de inicio de sesión. Después de eso, regrese a su interfaz de edición. Puede seleccionar cualquier sección en la que desee mostrar un video como fondo. Si tiene la intención de ajustar su tamaño, haga clic en la sección Editar seis puntos en la parte superior.

Ahora puede cambiar su configuración, como altura, ancho y distancia, desde la opción de aspecto. Acceda a la opción de estilo después de ajustar esta sección. Puede elegir cuatro tipos diferentes de fondo: imagen, video, gradiente y presentación de diapositivas. Seleccione el icono de video e inserte la URL de un video de YouTube en el cuadro de texto.

Si no desea mostrar un video de YouTube, puede cargar un archivo en formato MP4. Para este método, debe copiar el permiso de ese video en la biblioteca de medios. Después de eso, péguelo al mismo cuadro de texto en la interfaz Elementor. Cuando vaya más allá, puede ajustar otras configuraciones para el video seleccionado. Por ejemplo, puede personalizar la superposición del color de fondo para su sección, puede elegir si reproducir el video en dispositivos móviles o no.

También puede cargar una imagen alternativa que se mostrará si el video no se carga. Finalmente, haga clic en el botón publicado una vez que esté satisfecho con su video de fondo.

WordPress Page Builder – Beaver Builder

Beaver Builder le permite editar la primera página de su sitio utilizando la interfaz flexible de arrastrar y arrastrar. Acepta varios módulos de contenido, como fotografía, botón, título, icono, audio, video, etc. Acceda a agregar un nuevo complemento para agregar esta extensión del constructor al tablero de WordPress. Ingrese su nombre en la barra de búsqueda y seleccione la primera opción, que tiene más de 300,000 instalaciones activas.

Debe instalar y activar esta extensión e ir a la página donde agregue un fondo multimedia. Si desea crear una nueva página, haga clic en el botón Agregar nuevo en el departamento de opciones de página.

Ingresa la interfaz de edición de una nueva página. Dado que ha instalado este constructor de arrastre por DRAG, puede personalizar la página desde el frente. Haga clic en el botón Launți Beaver Builder, como se muestra en la captura de pantalla.

Esta acción lo lleva a la interfaz de edición frontal. Beaver Builder muestra varios módulos en la barra lateral derecha, como audio, título, foto, etc. Haga clic en el icono de video y tómelo en el cuadro punteado. Crea un bloque de video y abre una ventana para ajustar la configuración del video. Primero debe establecer el tipo de video de dos opciones: biblioteca de medios e insertar. Si ha elegido la primera alternativa, puede cargar un video de formatos de archivo MP4 o WebM.

Haga clic en el botón “Seleccione el video” en cualquiera de estas opciones. Debe seleccionar un video de la biblioteca de medios o cargarlo de la unidad. Beaver Builder le permite hacer algunos ajustes, como carteles de carga, reproducción automática y conmutación en el bucle, etc.
Por el contrario, si selecciona la opción Video de incrustación, le permite pegar la URL de su video de YouTube. Una vez que haya ingresado la URL, obtendrá una vista previa del video en segundo plano. Haga clic en el botón Guardar después de hacer los cambios finales.
Beaver Builder muestra una vista previa de su video incrustado en su interfaz. Haga clic en el botón terminado en la esquina superior derecha. Después de eso, verá cuatro botones nuevos: rendirse, guardar el boceto, publicar y cancelar.

Haga clic en Publicación después para guardar actualizaciones. Le sugerimos que cargue su sitio web para verificar cómo funciona el fondo de video. Si desea una alternativa a los constructores de páginas del sitio web, mire la siguiente sección: complementos. 2. Cree un fondo de video con los complementos de los complementos de WordPress son una excelente manera de agregar funciones adicionales a su sitio. Tiene la opción de elegir entre diferentes extensiones para agregar un fondo de video a su sitio. Le expliqué el proceso de agregar esta función usando dos complementos. WordPress avanzado

Con fondos avanzados de WordPress, puede mostrar diferentes tipos de fondos. Por ejemplo, puede agregar una imagen, una imagen de modelo, un color, un video cargado y videos de YouTube/Vimeo. Explore la página Agregue un nuevo complemento desde el tablero de WordPress. Ingrese los fondos avanzados de WordPress en la barra de búsqueda e instale la primera opción.

Active el complemento después de instalarlo. Luego acceda a la página donde desea agregar un fondo de video. Para este tutorial, elegimos la página inicial de nuestro sitio. Haga clic en el botón Editar, que está en la parte inferior del título de la página.

Dentro de la página inicial de la página de inicio, haga clic en el signo más (+) para abrir una barra de búsqueda. Ingrese el término “AWB” y seleccione la opción de bloqueo de fondo (AWB). Obtiene un nuevo bloque agregado a su página.

En este bloque, puede agregar un color, imagen o video. Haga clic en el botón Tipo en la barra de barra. Seleccione la opción “Video” en el menú de caída que ve en la captura de pantalla a continuación. Este complemento ofrece una interfaz para agregar un video utilizando dos métodos. Primero, haga clic en el botón Bloquear en la barra lateral derecha. Justo debajo de la opción de video, puede elegir entre YouTube/Vimeo o la opción auto alojada.

Al seleccionar la opción para YouTube/Vimeo, reciba un cuadro de texto para ingresar su video de su video, también puede configurar el video inicial para comenzar exactamente donde desea reproducirse.

Otra opción es el video autocompleto. Puede cargar un video seleccionando uno de estos tres formatos: MP4, OGV y WebM. Haga clic en uno de estos botones y elija un video de su biblioteca de medios.

Si no tiene un video en la biblioteca, cargue uno desde el disco. Una vez que inserta un video, puede ver su vista previa en la misma barra lateral. Después de eso, haga clic en el botón Publicar en la parte superior de la página.
mb.ytplayer para videos de fondo
El complemento MB.ytPlayer para videos de fondo le permite integrar videos de YouTube en su sitio web. Con su versión Pro, puede editar opacidad de video, calidad, relación de apariencia y otras características. Similar a los complementos anteriores, puede instalar mb.ytplayer en la nueva página Add de complementos. Ingrese su palabra clave como se muestra a continuación y activela en su cuenta de WordPress.

Acceda al tablero de WordPress después de instalarlo. Después de eso, coloque el cursor del mouse en la opción “Mb.ideas” en la barra lateral izquierda. Haga clic en el botón YTPlayer que ve en su menú vertical. Inflige en la interfaz de edición de extensión de YT.Player. Primero, haga clic en el botón Switch para activar el video de fondo. Después de eso, inserte la URL de un video de YouTube en el cuadro de texto que se muestra en la captura de pantalla.

Desplácese hacia abajo en la página y verá una sección para elegir una página donde desea integrar el video. Elegí la página de inicio estática para la demostración. Puede hacer clic en Guardar cambios después de haber terminado sus cambios.

Después de guardar los cambios, verá la miniatura del video seleccionado en esta página. También puede agregar más direcciones de video separadas por URL de video. Su audiencia puede ver al azar cualquiera de estos videos cada vez que visite su sitio web.

Slider Hero con animación, fondo de video y creador de introducción


Slider Hero Plugin te ayuda a crear diapositivas receptivas para tu sitio web. Puede agregar un carrusel de texto, botones de acción (CTA) y algunos otros elementos en la diapositiva. Además, le permite agregar un video como sección de fondo. Al igual que cualquier otra extensión gratuita, puede instalarla en la página Agregar un nuevo complemento de WordPress. Ingrese su palabra clave “Slider Hero” en la barra de búsqueda. Seleccione la primera opción que tiene el nombre de Editor Quantum Cloud.

Ahora tienes que ir al tablero y buscar la opción Slider Hero en la barra lateral. Coloque el cursor del mouse sobre él para mostrar un menú desplegable. Haga clic en el botón Glisor en el menú. Ahora está en la interfaz de edición de este complemento. Proporciona siete efectos deslizantes distintos que puede elegir. Haga clic en la opción GISOR que desea editar. Elegí la primera opción: sin efecto.

La siguiente página incluye dos secciones. El primero le permite agregar diapositivas, mientras que la siguiente le permite personalizar sus efectos. Le sugerimos que haga clic en el símbolo Plus (+) en la parte superior de la sección izquierda. Crea un boceto de diapositivas en el que puedes escribir el título y la descripción. Además, puede agregar dos botones CTA para cada uno de ellos.

Pasando a la sección derecha, debe seleccionar la opción de configuración de video en la barra de menú. Muestra un menú de caída con tres alternativas de fondo de video. Elija la opción de fondo de video de YouTube.
Puede usar las otras dos opciones solo con su versión de complemento premium. Slider Hero muestra varias configuraciones de diapositivas de video con esta acción. Reciba un cuadro de texto para incluir la identificación de un video de YouTube. Para obtener este código, puede insertar toda la URL de su video en este espacio.

Haga clic en el botón Guardar después de completar los ajustes. Después de guardar los cambios, haga clic en la opción de código corto en la esquina derecha de la barra de menú. Slider Hero ofrece un código corto que puede insertar en cualquier página de su sitio.

Copie el código resaltado anteriormente e insértelo en un bloque notable. Ahora puede buscar la opción de páginas en la barra lateral de WordPress. Pase el cursor del mouse encima para mostrar un menú desplegable. Después de eso, debe hacer clic en New Agregar para crear una nueva página. Cuando ingresa a la nueva página, debe pegar el código corto en el área del cuerpo. Haga clic en el botón Sketch Salvation después de completar las ediciones.

También puede hacer clic en el botón Vista previa para verificar cómo funciona el video. Haga clic en el botón de publicación después de haber terminado de agregar otros elementos de la página. La captura de pantalla a continuación ilustra cómo se verá el video de fondo.

3. Cree un fondo de video utilizando temas de WordPress Una manera fácil de integrar un fondo de video es instalar un tema de WordPress que acepte esta característica. Con un tema de soporte multimedia, no necesita una extensión externa para agregar secciones de video a su sitio. Aquí hay tres sitios web que tienen temas fuertes que aceptan fondos de video.

WordPress.org – Depósito de temas gratuitos
WordPress.org incluye varios temas y complementos gratuitos para alimentar a su sitio. Funciona con una configuración mínima. Además, esta herramienta de código abierto le permite compartir sus historias, productos y servicios con comodidad. Puede buscar un tema relevante de la barra de búsqueda. Ingrese el término “fondo de video” y seleccione cualquiera de los elementos en sus resultados. Además, puede descargar cualquier plantilla e instalarla en el tablero de WordPress. Lea su descripción antes de descargar para asegurarse de aceptar la función que desea agregar. Debe cargar el archivo zip en su cuenta de WordPress y activarlo más tarde. Theme Forest – WordPress Premium temas

El bosque temático incluye miles de temas y patrones para WordPress, comercio electrónico, marketing, CMS, etc. Soy el mercado temático más grande del mundo, con artículos únicos para diferentes proyectos. Si desea una plantilla web premium, recomendamos este sitio web. Similar a WordPress.org, debe ingresar la palabra clave para buscar un tema relevante. Le permite ordenar los resultados de acuerdo con el precio, la mejor coincidencia, etc. Después de instalarlo en el tablero de WordPress, debe leer su documentación para agregar un fondo de video. Si no incluye instrucciones relevantes, debe comunicarse con su equipo de asistencia.

Temas de Rara: temas de WordPress gratuitos y premium

Rara Themes tiene una colección de algunas de las mejores plantillas de sitios web. Sus temas son ideales para crear sitios web de diferentes nichos, incluidos viajes, negocios, educación, moda, blogs personales y más. Cada una de sus plantillas de sitio le permite integrar videos en el fondo del encabezado. Puede usar sus temas gratuitos y premium para este propósito. Explicaremos cómo configurar la sección de fondo de video utilizando uno de sus productos. Para esta demostración, elegí Chic Lite. Instale y active este tema y acceda al tablero de WordPress. Pase el cursor del mouse a la aparición de la barra lateral. Luego haga clic en el botón Encabezado en el menú Drop -down. Con esta acción, ingrese la configuración personalizada de la primera página para la sección Banner. Puede ver el título para agregar el video del encabezado a la barra lateral izquierda. Haga clic en el botón Seleccionar video, como se muestra a continuación.

Llegas a la página de la biblioteca de medios, donde te permite elegir un video que se mostrará. Seleccione el video que tiene la intención de cargar, luego haga clic en el botón Video. Le permite cambiar el título del archivo, la leyenda y la descripción.

Si aún no ha subido un video, debe ir a la sección de carga del archivo. Puede agregar un video a la biblioteca y puede elegir mostrarlo en el área del encabezado. Regrese a la configuración de personalización y puede ver la miniatura para el video que ha elegido. Además, si desea integrar un video de YouTube, puede ingresar su URL en el espacio resaltado a continuación.

El video se representa automáticamente sin sonido.Su audiencia tiene la opción de interrumpir y reproducir el video mientras navega en el sitio.¿Dónde encontrar fotos de stock para su sección de fondo de video?Hasta ahora, debe tener una idea clara de cómo agregar un video de video a su sitio web.¿Pero tienes un video listo para ser insertado?

Si no, déjanos hacerlo más fácil para ti. Si es un fabricante de video o ha contratado uno para su proyecto, no tiene que preocuparse. Sin embargo, si desea un videoclip genérico para mejorar la estética de su sitio, puede usar material de almacenamiento. La filmación de valores está contenida sin derechos de autor que pueda usar sin derechos de autor. Veamos la lista de cuatro sitios web que ofrecen videos premium y gratuitos. 1. Shutterstock Shutterstock le permite descargar varios elementos multimedia, como imágenes, gráficos, música, filmación, etc. Google, BuzzFeed, Marvel y algunas otras marcas de renombre se basan en su biblioteca de acciones para alimentar su creatividad. Puede clasificar videos de acuerdo con temas, como animales salvajes/fauna, vacaciones, ciencia, educación, naturaleza y más. Shutterstock tiene más de un millón de videos de calidad de 4K, HD y SD. 2. Envato Elements Elements tiene más de 50 millones de activos digitales, como plantillas gráficas, videos, audio, fotos, fuentes, etc. Recibieron todo tipo de imágenes de B-Roll y videos, negocios y videoclips de fondo. 3. Pexeli Pexels es una biblioteca gratuita de imágenes y videos. Puede buscar cualquier categoría de imágenes, como casas, cafeterías, naturaleza, niños, familiares y más. También le permite donar a los creadores si desea apoyarlos. 4. Pixabay Pixabay tiene una comunidad de creadores talentosos con más de 1.8 millones de fotos y videos. Puede usar, cambiar y distribuir sus artículos sin otorgar crédito.

Similar a Pexels, puede donar uno o más creadores si lo desea. Preguntas frecuentes (Preguntas frecuentes) El complemento Slider Hero acepta la función de reproducción automática de YouTube?

Slider Hero acepta la función de reproducción automática de su video de YouTube solo si no tiene sonido. Si su video tiene sonido, entonces no se puede canjear automáticamente, dependiendo de diferentes factores.

¿Qué complemento de fondo de video es el mejor para mi sitio?
Los fondos avanzados de WordPress funcionarán mejor en su sitio. Le permite integrar videos utilizando elementos de bloque fáciles de usar y aceptar videos autocuidas y videos de YouTube.
¿Cuándo no debo usar un fondo de video en mi sitio?
Hay algunos casos en los que el fondo del video puede no ser un componente significativo para incluir. Por ejemplo, si desea que los visitantes lean un texto determinado, entonces el video podría ser una distracción.
¿Debo subir un video de sí mismo o incorporar un video de YouTube?
Debe tener en cuenta la velocidad de carga de su sitio al tomar esta decisión. Si está utilizando videos autoestagadores, entonces puede ralentizar su sitio. Por lo tanto, recomendamos un fondo de video de YouTube.
¿Puedo eliminar los botones de intercambio y suscripción de un video de YouTube incorporado?

No. YouTube no le permite eliminar el botón de partición y suscribirse de un video incorporado. Esta función solo estaba disponible antes de septiembre de 2018.