Curso Wordpress 2021 | 15. Como INSERTAR un Video de YOUTUBE en WordPress con Gutenberg

Transcripción e instrucciones del video

En esta lección del curso de WordPress metemos vídeos de YouTube en la página de inicio, con un texto al lado, y vemos cómo enmarcar varias secciones con un borde.

1. La estructura

  1. Añade un contenedor de una columna (la sección principal) y, dentro, otro contenedor con dos columnas. Enseguida verás por qué.
  2. Izquierda: un Encabezado (por ejemplo, H4, 30 px, rojo) y un Párrafo en blanco.
  3. Pon la sección principal con fondo negro.

2. Insertar el vídeo

  1. En YouTube, abre el vídeo y copia la URL de la barra de direcciones (o Compartir → Copiar).
  2. En la columna derecha, añade el bloque YouTube (en Incrustados; también sirve pegar la URL en un párrafo vacío).
  3. Pega la URL → Incrustar. Ya se ve el vídeo.

Funciona igual con Vimeo, Spotify, X/Twitter y muchos más servicios.

3. Varios vídeos y un borde común

  1. Selecciona el contenedor de dos columnas → Duplicar, y cambia texto y vídeo.
  2. Si pones un borde a cada contenedor, cada uno tiene su marco. Si lo pones en la sección principal que los contiene (borde sólido, 4 px, radio 6 px), los dos quedan dentro de un solo marco, que queda más elegante.

Por eso conviene pensar la estructura antes: si dos secciones no están dentro de un contenedor común, no puedes enmarcarlas juntas (tendrías que crear el contenedor y mover los bloques dentro).

Si aparece una franja rara, suele ser un bloque vacío que se coló sin querer: selecciónalo y Eliminar bloque.

En la siguiente lección: modificar la cabecera (header) de la web con Astra. ¿Dudas? En los comentarios.

¿Te ha sido útil? Compártelo

Deja una respuesta

Carrito de compra
Scroll al inicio