Los bloques para incrustar contenido nos permiten, a través de la inserción de una URL, incluir un elemento correspondiente a otra plataforma, que sirva como complemento al contenido que estemos desarrollando con el editor de Gutenberg.

☀ Manual de Gutenberg

Los bloques para incrustar

Sitios como Instagram, Twitter, Facebook, YouTube, son solo algunas de las numerosas plataformas que podrás encontrar, a modo de bloque, accediendo al área de Incrustados de la biblioteca de bloques de Gutenberg.

Al seleccionar cualquiera de estos bloques observaremos como se genera un recuadro identificado con el nombre del elemento que hemos seleccionado y una casilla donde posteriormente colocaremos la URL correspondiente al contenido de la plataforma que queremos añadir a nuestra página.

El bloque de Incrustar URL

El bloque incrustar URL, o simplemente Incrustar, nos permitirá añadir un enlace del elemento que deseamos insertar en nuestra página.

Como usar el bloque de Incrustar URL

Al activar este bloque, Gutenberg nos generara un recuadro en el área de la entrada que hemos seleccionado donde colocaremos en la casilla del bloque la URL del elemento multimedia o texto proveniente de cualquiera de las plataformas compatibles con los protocolos del editor para ser integrada en nuestra página.

Cabe destacar que al momento de insertar la URL el recuadro adopta las propiedades del elemento que estamos insertando. Por ejemplo, si insertamos la URL de un video de Youtube, el bloque se transforma en un bloque de YouTube.

Podríamos decir que el bloque insertar URL es un genérico o un comodín que se adapta según el contenido que le pongamos.

 

A continuación vemos los bloques específicos para cada plataforma, que tienen un uso idéntico. No voy a explicar todos sino los más destacados.

El bloque de Instagram

En el bloque de Instagram podremos insertar una URL especifica de cualquier publicación hecha en esta red social con el propósito de añadirla al contenido de nuestra entrada.

Como usar el bloque de Instagram

Al momento de insertar este bloque en el área de la entrada que deseamos se generará un recuadro donde nos será solicitado colocar la URL del contenido multimedia correspondiente a la publicación de Instagram que deseamos añadir a nuestra página.

Solo debemos copiar la URL ubicada en la barra de dirección de nuestro navegador y colocarla en la casilla del bloque de Instagram que hemos insertado.

Luego de haber incrustado la URL podremos observar de manera inmediata como se añade el contenido de Instagram asociado a esa URL en nuestra entrada donde, además, podremos colocar una leyenda en la parte inferior la cual cuenta con herramientas de edición como Negrita, Cursiva, Tachado y Enlace.

También tendrás en la parte superior del bloque, junto a las herramientas de alineación, un icono de lápiz que nos permitirá cambiar la URL de Instagram que hemos insertado.

El bloque de Twitter

A través del bloque de Twitter tendremos la oportunidad de insertar la URL correspondiente a una publicación específica realizada en esta plataforma para integrarla al contenido de nuestra entrada.

Como usar el bloque de Twitter

Insertando este bloque en cualquier área de la entrada que estamos desarrollando podremos añadir contenido proveniente de Twitter simplemente copiando la URL que aparece en la barra de dirección de nuestro navegador y colocándola en el recuadro del bloque de Twitter generado por Gutenberg.

Luego de incrustar la URL notaremos al instante como se integra el contenido asociado a la URL correspondiente a la publicación de Twitter que hemos escogido para incorporarla a nuestra página.

Del mismo modo, si lo deseamos podemos colocar una leyenda en la parte inferior que acompañe la publicación.

Más bloques para incrustar

Como pudiste ver, todos los bloques de incrustar funcionan de la misma manera. Otros bloques que están disponibles para incrustar contenido son:

✦ Youtube (incluido en bloques multimedia).
✦ Facebook.
✦ WordPress.
✦ SounCloud.
✦ Spotify.
✦ Flickr.
✦ Vimeo.
✦ Animoto.
✦ Cloudup.
✦ Dailymotion.
✦ Imgur.
✦ Meetup.com
✦ Reddit.
✦ Slideshare.
✦ Tumblr.
✦ TED.
✦ VideoPress.
✦ WordPress.tv

Tema relacionado

☀ Manual de Gutenberg 

 

¿Te sirvió esta guía sobre los bloques para incrustar de Gutenberg? Entonces dame una mano para ayudar a más gente compartiéndola en las redes sociales. ¡Gracias!