El sistema de bloques de Gutenberg

17/04/2018 – Wordpress – 5/5 (3)

Hace 3 semanas introdujimos el nuevo editor que incluirá WordPress proximamente, Gutenberg.

Y en esta entrada explicaremos la nueva manera que tiene este editor para entrar el contenido en el editor de texto: El sistema de bloques.

Bloques normales, bloques incrustados y bloques compartidos

Se trata de diferentes secciones, que podremos seleccionar para desplazarlas de posición y que tienen muchas opciones.

Al abrir una entrada, en la parte superior encontraremos un icono con un signo más. Si le hacemos click, veremos que aparece una sección donde podemos elegir entre los elementos que usamos más, bloques (Blocks), incrustados (Embeds) y bloques compartidos (Shared).

En los siguientes apartados, comentaremos los bloques con las novedades más importantes a la hora de añadir contenido a nuestras entradas / páginas.

Bloque de columnas de texto y bloque de tablas

Dentro del apartado de los bloques normales, podemos encontrar bloques de columnas de texto y podemos elegir entre 2, 3 y 4 columnas.

Otra tarea que en el editor antiguo era necesario instalar algún plugin para poder realizarla era la creación de tablas. Con Gutenberg podremos controlarlo con el bloque de tablas de forma visual.

Bloque de HTML en vivo

Con este bloque podremos insertar código HTML y ver cuál será su resultado de forma automática.

Opciones de edición de texto

Con el nuevo editor, será mucho más fácil manejar los tamaños, colores, colores de fondo y modificaciones que anteriormente debían hacerse mediante CSS o añadiendo algún plugin al antiguo editor de texto.

Tabla de contenidos

Para todos aquellos que trabajamos siguiendo unas pautas de SEO (H1, H2, H3 …) el nuevo editor nos facilitará conocer cuántos títulos tenemos dentro del texto, cuántos párrafos e incluso, cuántas palabras hemos escrito.

Anclas

Otra mejora sustancial, es la posibilidad de utilizar anclas dentro de los bloques. Las anclas, permiten ir de un punto determinado a otro sólo haciendo un clic encima de una palabra o sección.

Finalmente, aunque tenemos todavía varias opciones nuevas como son la creación de un botón de manera fácil (aunque si queremos modificar, tendremos que utilizar el CSS, como hasta ahora), nuevas alineaciones de columna, añadir imágenes con el método de arrastrar y soltar … acabaremos con dos novedades muy interesantes, como son los bloques incrustados y los bloques compartidos.

Bloques incrustados (o Embed blocks)

Hasta ahora, para añadir contenido de Youtube, Hulu, Twitter, Flicker … teníamos que ir a la página de la red en cuestión y copiar un enlace que nos lo permitía hacer. Con el nuevo editor de WordPress, tendremos una sección para poder hacerlo directamente. Y combinándolo con los nuevos alineamientos y el sistema de bloques, pensamos que nos facilitará mucho el trabajo a la hora de añadir contenido.

Bloques compartidos

Hasta ahora, para añadir contenido de Youtube, Hulu, Twitter, Flicker … teníamos que ir a la página de la red en cuestión y copiar un enlace que nos lo permitía hacer. Con el nuevo editor de WordPress, tendremos una sección para poder hacerlo directamente. Y combinándolo con los nuevos alineamientos y el sistema de bloques, pensamos que nos facilitará mucho el trabajo a la hora de implementarlo.

¿Qué os ha parecido Gutemberg?

A nivel resumen diremos que todas las imágenes que hemos insertado dentro de los dos post, han sido creadas por nosotros mientras íbamos probando el editor. Y nos ha parecido un buen editor para los principiantes en el mundo del WordPress, a pesar de ser un editor que todavía está evolucionando por parte de los diferentes programadores que lo están construyendo. Eso si, probadlo si no queréis que el cambio os sorprenda !!!!

Valora el artículo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

BLOG ORGÁNICO DE COMUNICACIÓN Y TECNOLOGÍA

Proponemos los mejores recursos relacionados con el diseño gráfico, el diseño de páginas web, programación web y marketing online.

Sigue nuestro blog

Conecta con la Comunicación Digital

Categorías

Últimos Artículos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *