Quieres poner un vídeo uno al lado del otro y… ¿no sabes cómo hacerlo? Es muy fácil desde el editor Gutenberg, presente de forma nativa en WordPress 5.0 en adelante.
Realizo este videotutorial a petición de Morethanleds Let it be!, quien me pedía:
“Hola , excelente explicación Me gustaría que explicaras como poner 2 video uno al lado del otro , en la misma fila o linea. Siempre se me queda uno debajo del otro. No hay manera de encontrar nigun tutorial que lo explique. Muchas gracias”.
El vídeo donde deja este comentario Morethanleds Let it be! es éste:
21/10/2018. WordPress: insertar video de YouTube (forma profesional)
En el videotutorial de esta semana hablo del modo no profesional, incrustación de un vídeo (de cualquier tipo, no solo YouTube). Este modo es más rápido pero menos personalizable que el modo profesional 2020 (también aplicable a 2 vídeos en una fila) visto la semana pasada, el cual actualiza la versión del 21/10/2018.
Seguramente Morethanleds Let it be! esperaba hacerlo desde la pestaña HTML del editor clásico, trasteando con código a mano. Sin embargo, mucha gente lo podía hacer fácilmente desde un plugin para dicho editor llamado: Lightweight Grid Columns (Por Tom Usborne).
Actualmente el autor de dicho plugin (creador del tema GeneratePress) recomienda el uso del modo que muestro en este videotutorial con el editor Gutenberg, dado que su plugin aparece abandonado y presentando muchos problemas para quien aún usa el editor clásico.
¿Aún estás en una versión de WordPress anterior a 5.0?
Pierde el miedo a actualizar y considera seguir estos pasos para hacerlo bien:
- WordPress: Gutenberg vs Classic (editores entradas y páginas)
Así sabes qué diferencia hay entre ambos editores - Plugin – Editor Clásico. Si aún no has actualizado a la versión 5.0 de WordPress (con el editor Gutenberg de forma nativa), te recomiendo instales antes este plugin. En el siguiente vídeo explico su comportamiento:
– Instala plugin ‘Classic Editor’ antes de actualizar a WordPress 5.0.3 - SECCIÓN 3 (S3) – Qué es una Copia de Seguridad y para qué sirve
Antes de actualizar WordPress, a una nueva versión, procura hacer una copia de seguridad
Videotutorial
En este vídeo te muestro principalmente lo siguiente:
00:38 – Petición para atender la duda del usuario Morethanleds Let it be!
01:18 – Qué práctica vamos a hacer: incrustar 2 vídeos en una fila (con editor Gutenberg)
02:41 – Comenzamos la práctica creando una nueva entrada con el editor Gutenberg
03:41 – Búsqueda del bloque que necesitamos para incrustar 2 vídeos en una fila
04:39 – Opciones que nos ofrece este bloque para modificar a nuestro gusto antes de incrustar vídeos
05:58 – Vamos a la columna primera (izquierda) y vamos a añadir un bloque de video: Incrustar → YouTube
06:57 – Vamos a la columna segunda (derecha) y vamos a añadir un bloque de video: Bloques comunes → Video (puede ser cualquiera diferente de YouTube, Vimeo o VideoPress)
08:27 – Ahora si quieres hacerlo de modo profesional debes elegir otro tipo de bloque: HTML personalizado Ya te enseñé a hacerlo por este modo en el vídeo de la semana pasada:
– WordPress: insertar vídeo y lista YouTube 2020 (modo profesional). Te dejo tiempo exacto en el enlace
11:00 – Vamos a quitar la barra lateral de esta entrada del blog. Podemos hacerlo porque estoy haciendo uso del tema Astra, el cual permite este cambio
11:31 – Mira cómo se vería desde una pantalla de móvil, comportamiento responsive vídeos, gracias a cierta opción de los navegadores web
12:08 – Despedida videotutorial: suscríbete (clic en campana todas), sugiere nuevos vídeos, comenta, comparte
Opinión
La verdad que hasta hace poco era muy reacio a aprender con Gutenberg, aún a día de hoy lo soy al escribir esta entrada usando el editor clásico, ya que tengo instalado el plugin que os recomiendo para hacer la transición menos dolorosa. Porque siempre nos cuesta aprender de cero una nueva herramienta.
Pero cuando llevas un tiempo en WordPress y puedes permitirte ir quitando plugins de este CMS te alegras porque sabes que significa menos conflictos con otros plugins de otros autores. Y es por ello que os recomiendo que vayáis aprendiendo poco a poco con Gutenberg, yo mismo lo pienso hacer en próximas prácticas de WordPress.
¿Qué os ha parecido este videotutorial? Fácil, ¿no? Gutenberg encierra más tesoros de los que parece en principio y pasado un tiempo podrá ser un mejor competidor de cualquiera de los maquetadores visuales que conocemos.
En próximos videotutoriales hablaremos del tema Astra y Gutenberg.
Saludos.
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.