Gutenberg,el nuevo editor de WordPress. Definición y funcionamiento.

27/03/2018 – Programación, Wordpress – 5/5 (2)

Como muchos ya sabéis, la web es un sistema en constante evolución. Cada día aparecen nuevos formatos de navegación, aplicaciones y sistemas de programación.

Esto conlleva que cualquier persona que trabaje con la web necesite ir actualizando sus conocimientos en esta área.

En la Agencia El Corriol nos hemos especializado en la creación de páginas web con el CMS WordPress.

Este CMS ha ido evolucionando con el tiempo. Inicialmente era un sistema para la creación de blogs de pequeño formato, pero con los años se ha convertido en el sistema de gestión de páginas web más utilizado en la actualidad.

Durante este tiempo, ha tenido varias modificaciones estructurales. Pero en esta entrada informaremos de una modificación que afectará a todas las personas (usuarios y programadores) que trabajen con este CMS.

Hablamos de Gutenberg, el nuevo editor de texto que aparecerá a partir de la actualización básica de WordPress 5.0 (aproximadamente en unos 6 meses) y que será el editor visual principal a la hora de entrar contenido en nuestras entradas o páginas.

¿Que es Gutenberg?

Como hemos comentado anteriormente, Gutenberg será el nuevo editor visual de WordPress.

Con el fin de que todos podamos ver cómo funcionará, tenemos dos opciones:

  • Instalar el plugin de Gutenberg, que puede encontrar dentro de su WordPress, en la sección de Plugins y activarlo.
  • Ir al siguiente link:  https://frontenberg.tomjn.com/, donde encontrareis una página demo del plugin.

Si lo que haga es la primera opción, podreis ver que en el lateral de la administración, en la parte baja aparece un nuevo apartado llamado Gutenberg. Si pasais por encima, aparecerá un submenú con 3 opciones:

  • Demo: Si hace click encima, puede ver una entrada de ejemplo, que podrá modificar.
  • Feedback: Para dejar su información sobre que os parece Gutenberg.
  • Documentación: Un pequeño tutorial de cómo funciona.

En el caso de la instalación del plugin, cuando vamos a crear una entrada o página, ya trabajaremos directamente con el nuevo editor. Si queremos volver al clásico, tendremos que volver a ver todas las páginas o entradas y seleccionarlo.

Diferencias entre el editor clásico de WordPress y Gutenberg

Para que queden claras las diferencias, hemos creado esta imagen donde puede ver el editor actual (imagen superior) y Gutenberg (imagen inferior).

Como podemos ver en la imagen, una de las diferencias más importantes es el espacio para escribir, que a Gutenberg es mayor. Esto está hecho por gente que trabaje con portátiles o tabletas, para facilitar la escritura.

En el nuevo editor, arriba a la derecha, aparece un engranaje en el que si se le hace clic, verá que desaparece la barra lateral y así podrá trabajar con el editor de texto sin distracciones.

A la derecha de este engranaje, aparecen tres puntos. Si hace clic encima, puede cambiar el modo del editor de visual a texto. Y aquí empiezan a aparecer las grandes diferencias entre el editor clásico y Gutenberg.

Si entrais en el nuevo editor en modo texto, vereis que aparecen unos comentarios dentro. Este sistema nos permitirá trabajar en bloques. Estos bloques se podrán mover de manera muy fácil como podemos ver en la siguiente imagen.

La siguiente diferencia, que seguro que ya os habeis dado cuenta, es la desaparición de la barra superior que teníamos en el editor clásico, donde podíamos definir párrafos, centrar el texto .. En el nuevo editor, una vez hemos terminado de escribir un blog y queremos seguir escribiendo cualquier otra cosa, aparece un icono con un signo más donde podremos añadir los diferentes tipos de bloques que tendremos y que comentaremos en otra entrada.

A nivel de resumen

Como hemos podido apreciar en esta entrada, Gutenberg será una modificación importante para todos los que trabajamos con WordPress. Este nuevo editor hará que muchos de nosotros tengamos que adaptarnos a su nueva forma de introducir el texto, añadir títulos, imágenes y nuevas posibilidades que el editor antiguo no tenía.

En la próxima entrada analizaremos todo el tipo de bloques que podremos añadir a Gutenberg y cuáles pros y contras le encontramos a este nuevo editor.

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 *