Cómo usar el bloque de incrustación de YouTube de WordPress

Hacer un video de YouTube lleva mucho tiempo. Cuando finalmente haya terminado y su video esté en vivo, probablemente desee compartirlo en todos los lugares que pueda, incluso en su sitio web. O tal vez tenga el video de otra persona que desea publicar en su sitio de WordPress. Podría estar proporcionando comentarios sobre el trabajo de alguien y desea mostrar el video del que está hablando. O bien, otro creador puede tener un video que explique un proceso tan bien que prefiera mostrar ese video que hacer uno propio.

Cualquiera que sea el motivo, el bloque de inserción dedicado en el editor de Gutenberg le permitirá agregar un video de YouTube a su publicación o página de WordPress. El video tendrá botones de navegación para que los visitantes puedan reproducir y ver el contenido de su sitio web sin tener que ser redirigidos a YouTube. El bloque de inserción de YouTube es uno de varios bloques de inserción de video disponibles en WordPress, incluidos VideoPress , TED , WordPress.tv , Dailymotion y Vimeo .

Nota: cuando un visitante ve un video de YouTube en su sitio web, los datos no personales se compartirán con YouTube.

En este artículo, lo guiaremos a través de cómo incrustar un video o una lista de reproducción de YouTube en una publicación o página de WordPress, todo sin un complemento de incrustación de video de Youtube . También cubriremos algunas mejores prácticas, consejos y preguntas frecuentes.

¡Vamos!

Suscríbete a nuestro canal de Youtube

Cómo incrustar un video de YouTube en WordPress

Primero, asegúrese de estar usando el editor Gutenberg en WordPress en lugar del editor clásico. En una publicación o página de WordPress, haga clic en el signo más . (Si no ve uno, haga clic en el cuerpo principal de la publicación o página).

En el cuadro emergente, busque «YouTube» y luego haga clic en el icono de YouTube . Esto agregará el cuadro de inserción a su publicación o página.

En YouTube, ve al video que deseas incrustar. Copie la URL de la barra de direcciones.

Péguelo en el cuadro de inserción, luego haga clic en Incrustar . Agregue un título debajo, si lo desea. En el editor de WordPress , verás algo como esto:

Así es como se ve para sus visitantes:

Cómo incrustar una lista de reproducción de YouTube en WordPress

Para incrustar una lista de reproducción de YouTube, el proceso es bastante similar. Vaya a la lista de reproducción en YouTube y copie la URL de la barra de direcciones. Vaya a WordPress y pegue esa URL en el cuadro de inserción de YouTube. Haga clic en Incrustar .

Cuando inserta una lista de reproducción de YouTube, el primer video de la lista de reproducción se mostrará en su publicación o página de WordPress. La navegación de la lista de reproducción estará en la esquina superior derecha. Cuando un visitante hace clic en el ícono de la hamburguesa , verá un menú desplegable de todos los videos en la lista de reproducción para que pueda navegar hasta el que desea o ver lo que sigue.

Configuración de bloqueo de inserción de YouTube

Hay un par de lugares diferentes para acceder a la configuración del bloque de inserción de YouTube. Vamos a repasarlos.

Barra de herramientas sobre el cuadro de inserción

Al hacer clic en el cuadro de inserción, aparecerá una barra de herramientas en la parte superior. De izquierda a derecha, las opciones son las siguientes:

    • Cambiar tipo o estilo de bloque: puede transformar el bloque incrustado en un párrafo, columnas o grupo. Lo único que debe saber aquí es que si desea cambiar el color de fondo del bloque incrustado, elija Grupo , que le dará algunas opciones de color.

  • Arrastrar: cambia la posición del bloque arrastrándolo.
  • Mover hacia arriba/Mover hacia abajo: Mueve el bloque hacia arriba o hacia abajo un espacio.
  • Cambiar alineación: configure la alineación izquierda, derecha, central, de ancho completo o de ancho ancho. Tenga en cuenta que solo puede usar la alineación de ancho completo o ancho si su tema lo permite.
  • Editar URL: reemplaza la URL por una nueva.
  • Opciones: Hay otro menú con más opciones de bloqueo. Entraremos en eso en un segundo.

Menú de más opciones

Cuando hace clic en el icono de tres puntos en el extremo derecho de la barra de herramientas del bloque, aparecen varias opciones más en un menú. Esto es lo que hace cada uno:

Ocultar más configuraciones: oculta (o muestra) la barra lateral del bloque en el lado derecho de la página.
Copiar: Copia el bloque para luego pegarlo donde quieras.
Duplicar: haga un duplicado del bloque que aparecerá directamente debajo de él.
Insertar antes: agregue un nuevo bloque encima del bloque de incrustación de YouTube.
Insertar después: agregue un nuevo bloque debajo del bloque de inserción de YouTube.
Mover a: aparecerá una línea azul en la página. Usa las flechas de tu teclado para mover la línea donde quieras, luego presiona Enter o Return para mover el bloque a esa ubicación.
Editar como HTML: realice cambios en el código HTML del bloque.
Añadir a bloques reutilizables: agregue el bloque actual a su lista de bloques reutilizables, lo que facilita agregar ese bloque a cualquier otra publicación o página de WordPress.
Grupo: al igual que la opción Grupo en la barra de herramientas principal, esto le permite ajustar el color de fondo del bloque.
Eliminar bloque: elimine el bloque incrustado de su publicación o página.

Configuración de la barra lateral

En la barra lateral derecha, verá un par de opciones. La configuración de medios le permite controlar cómo se ve el video incrustado cuando un usuario está en un dispositivo más pequeño, como un teléfono inteligente. Es mejor activar esta configuración para que la relación de aspecto se conserve cuando se cambia el tamaño del navegador, lo que puede mejorar la experiencia de visualización.

También hay una pestaña Avanzado que le permite agregar CSS al bloque incrustado, lo que significa que puede personalizarlo y diseñarlo de formas más avanzadas.

Mejores prácticas y consejos

Saltar un paso!

A veces, vale la pena agregar primero el bloque de incrustación de YouTube y luego pegar la URL