Una breve guía para el editor Gutenberg de WordPress

Última actualización el 14 de junio de 2020

WordPress 5.0 presenta el editor WordPress Gutenberg, que permite a los usuarios crear contenido utilizando un sistema de bloques. WordPress tiene un sólido conjunto de herramientas a tu disposición si estás pensando en hacer publicaciones de blog personalizadas o compartir varios medios. Atrás quedaron los días de texto desordenado y edición visual. Ahora puedes crear contenido de forma rápida y precisa gracias a algunas de las nuevas mejoras visuales que incluye esta actualización 5.0. Si bien es relativamente fácil de crear una vez que dominas las cosas, hay algunos conceptos nuevos que querrás saber antes de profundizar en esta nueva actualización.

El editor de WordPress Gutenberg comienza con el título

El viaje de mil millas comienza con un solo paso; aquí en el editor de WordPress Gutenberg, ese primer paso es un título. Prácticamente no ha cambiado con respecto al editor anterior, aunque ahora su título tiene más prominencia aquí. (¿Ves la parte superior de la pantalla? ¡Esa será la estrella del espectáculo!) ¡Es grande y audaz, fuerte y orgullosa! Como todas las publicaciones, desea un título ágil para atraer lectores a su publicación. De manera predeterminada, el enlace permanente (un hipervínculo generado que puede usar para redirigir a los lectores a su página) usa su título, así que asegúrese de tener uno bueno. ¿Lo entendiste? Bueno, ¡la diversión recién comienza!

¡La fiesta de barrio de Gutenberg!

El cambio más significativo del editor de WordPress Classic es la adición de bloques al elegir editar su publicación. Si bien se usan principalmente para separar párrafos al escribir texto, también se pueden usar para implementar diferentes herramientas de formato. ¿Quieres listas? ¡Lo entendiste! ¿Qué pasa con los encabezados? ¡Están justo ahí! La forma más fácil de hacer su primer bloque es comenzar a escribir después de hacer su título, pero hay botones simples para agregar cerca de la parte superior de la pantalla. También puede agregar bloques entre otros haciendo clic en el espacio entre los dos bloques que le gustaría elegir.

Si está intentando hacer la transición desde el editor de WordPress anterior, puede notar que las cosas están un poco espaciadas. Si bien existen razones técnicas para este cambio, visualmente ayuda, ya que se siente menos desordenado que el editor anterior. No más entrecerrar los ojos tratando de encontrar párrafos, ¡incluso si tenía configurado el editor visual! Sin embargo, sabemos que los viejos hábitos tardan en morir, y es posible que desee volver y editar a través del editor HTML. ¡No hay problema! Dentro de un bloque, puede habilitar la opción "Editar como HTML", que transformará ese bloque específico en un código HTML. Desde aquí, puede jugar con el código a voluntad. Si alguna vez desea volver a ser como eran las cosas, puede volver fácilmente al editor visual en el menú desplegable.

El cambio más significativo del editor de WordPress Classic es la adición de bloques al elegir editar su publicación. Haz clic para twittear

Ahora, ¿qué puedes hacer dentro de estos bloques? Gracias al editor de Gutenberg, aquí hay mucha flexibilidad. Básicamente tiene las mismas opciones que el editor anterior, aunque aquí todo está perfectamente organizado a través de menús desplegables que puede seleccionar. La parte superior de la pantalla también tiene algunas herramientas de navegación fáciles para que pueda viajar a cada bloque de forma rápida y precisa, además de otras herramientas que pueden contar las estadísticas de las publicaciones, como las palabras utilizadas y los encabezados. Si bien puede haber una avalancha de diferentes opciones disponibles, todas están convenientemente organizadas en el lateral, gracias a una herramienta de la que hablaremos en la siguiente sección.

Editor Gutenberg de WordPress – La barra lateral del bloque

¿Desea cambiar configuraciones como el estado, las imágenes destacadas o incluso los extractos?

¡La barra lateral es tu mano derecha, literalmente! La barra lateral tiene un tesoro lleno de diferentes opciones que puede seleccionar para formatear su publicación en el backend. Esto es excelente si necesita que ciertos bloques sigan un formato determinado, o si solo quiere jugar con algo en su publicación. ¡Después de todo, la variedad es la sal de la vida!

La barra lateral también tiene opciones específicas que puede alternar al seleccionar un bloque. Según lo que elija, puede cambiar todo, desde el tamaño del texto en un bloque de párrafo hasta las dimensiones de la imagen al mostrar una imagen o un bloque de video. ¿Quiere que su párrafo destaque con un color de fondo para un bloque específico? ¡Hay una opción de barra lateral para eso! Las opciones de formato, como seleccionar el posicionamiento para el diseño, también están presentes en la parte del bloque de la barra lateral. También puede habilitar o deshabilitar la barra de configuración con solo hacer clic en un botón, lo cual es excelente si solo desea concentrarse en editar bloques en lugar de tener un desorden innecesario que obstruye su pantalla. Ahora que lo tiene bajo control, veamos algunas de las opciones más generales disponibles en el editor de Gutenberg.

El estilo Gutenberg de la barra lateral de la página

Cuando esté listo para finalizar más detalles de alto nivel de su publicación, siempre puede ver las opciones para el documento general desde la barra lateral. Aquí, puede cambiar una variedad de opciones, como el enlace permanente; si desea que el enlace permanente sea más corto o más ágil que su título, siéntase libre de cambiarlo aquí. También puede comenzar a categorizar su publicación usando opciones como categorías y etiquetas. Estas opciones lo ayudarán a clasificar el contenido cuando acumule una gran cantidad de publicaciones en el futuro, así que siempre intente hacer que estas opciones sean reconocibles.

En términos de visibilidad, necesitarás poner algunas cosas en orden. Tu imagen destacada será la que se muestre como la principal cuando navegues por las publicaciones; si publica un enlace a las redes sociales, WordPress tomará la imagen destacada y la mostrará como un encabezado. (¡Asegúrese de elegir una imagen visualmente agradable y llamativa!) El extracto actúa como una descripción que los motores de búsqueda extraerán cuando publiquen su contenido en línea; asegúrese de tener algunas oraciones descriptivas aquí; resumir sin revelar demasiado. También puede editar herramientas de discusión como habilitar comentarios y permitir Pingbacks y Trackbacks (lo que será de gran ayuda al tener en cuenta los análisis). ¡Canaliza a tu especialista en marketing digital interno y mira a dónde te llevarán tus Pingbacks!

No lo olvide; también puede controlar la programación y la visibilidad; ¡tal vez no quieras compartir tu publicación con el mundo todavía! A través de la barra lateral, puede cambiar cualquier cosa, desde su audiencia hasta el momento en que desea publicar algo. Esto es excelente para el contenido embargado, o si va a repartir algunos escritos pero aún no está listo para publicar. (Confíe en nosotros, a veces solo necesita una segunda opinión, lo entendemos; también puede guardar como pendiente o guardar como borrador, y su audiencia no se dará cuenta). las zonas horarias correctas!

Un mar de posibilidades

Si bien hemos cubierto los fundamentos con lo que puede crear gracias al editor de Gutenberg, todavía hay toneladas de complementos y cosas para explorar. Por ejemplo, con Yoast SEO, puede probar qué tan preparada para SEO está su publicación con cosas como la palabrería y la visibilidad de las palabras clave bajo control. Tal vez también le gustaría ver cómo dar formato a la ubicación del anuncio en su publicación, lo que puede hacer con otras herramientas incluidas en el editor. No hay límite a la creatividad que se desata con estas nuevas opciones. ¡Con estas herramientas a tu disposición, serás una fuerza a tener en cuenta al hacer tu próxima publicación de blog con el editor de WordPress Gutenberg!

Autor Taj R.