Tutorial de WordPress Gutenberg: cómo utilizar el nuevo editor

Hola leyente ! Aquí Nicolas con un nuevo artículo para ustedes !
Espero que les guste y nos vemos en el próximo tutorial

Si ha estado usando WordPress durante bastantes años, entonces recuerda cuando la gente de WordPress lanzó el editor Gutenberg en WordPress 5.0 en 2018.

Este nuevo editor predeterminado fue una revisión importante para editar publicaciones y páginas en su sitio. Transformó el gran cuadro de texto al que estaban acostumbrados los propietarios de sitios web en una plataforma de edición basada en bloques muy diferente.

Algunos propietarios de sitios web lo odiaban tanto que evitaron actualizar a WordPress 5.0 y se quedaron con el editor predeterminado clásico el mayor tiempo posible. Otros propietarios de sitios web aceptaron el cambio por su simplicidad y facilidad de uso.

Si está haciendo la transición y tiene curiosidad sobre qué esperar, este tutorial de WordPress Gutenberg lo guiará a través de las características principales que necesita conocer y comprender. Esto debería hacer que su transición sea lo más fácil posible.

Qué esperar en WordPress Gutenberg

Lo principal que debe saber sobre el editor de Gutenberg es que está basado en bloques. Esto significa que todo lo que necesita agregar se administra mediante bloques. Los bloques en Gutenberg incluyen (pero no se limitan a):

  • Párrafo
  • Encabezamiento
  • Imagen
  • Lista
  • Citar
  • Código
  • Preformateado
  • Pullquote
  • Mesa

También hay algunos otros bloques avanzados que rara vez se utilizan. Puede ver bloques adicionales si instala nuevos complementos de WordPress al editor.

Agregar bloques es tan simple como seleccionar el ícono + a la derecha debajo del bloque más reciente que agregó.

Al seleccionar cualquiera de los bloques de la ventana emergente, se agrega ese bloque como la siguiente sección en su página o publicación.

Antes de llegar a estos bloques, comencemos desde el principio y creemos una nueva publicación usando Gutenberg en WordPress.

Crear publicaciones y agregar bloques

La adición de una publicación permanece sin cambios desde la última versión de WordPress. Solo seleccione Publicaciones en la barra de navegación izquierda y seleccione Agregar nuevo debajo de ello.

Esto abrirá la ventana del editor de publicaciones. Aquí también es donde todo es diferente. Verá el editor de WordPress de Gutenberg predeterminado.

Agregar elementos de bloque en el editor Gutenberg

Puede escribir el título de su publicación en el campo de título. Luego seleccione el + icono a la derecha para agregar el primer bloque.

Bloques de párrafos

El primer bloque más común que la gente agrega después del título es un bloque de párrafo. Para hacer esto, seleccione Párrafo desde la ventana emergente.

Esto insertará un campo de bloque donde puede comenzar a escribir el primer párrafo de su publicación. El formato para el bloque de párrafo sigue la fuente predeterminada para los bloques de párrafo de su sitio.

A continuación, se ofrecen algunos consejos para agregar bloques de párrafos en el editor de Gutenberg.

  • Tu párrafo puede ser tan largo como quieras. El texto se ajustará automáticamente a la siguiente línea, como en el editor clásico.
  • Si presiona Entrar, el editor de Gutenberg crea automáticamente un nuevo bloque de párrafo, sin embargo, parece un segundo párrafo con un salto de párrafo.
  • Al resaltar cualquier texto en el párrafo, se mostrará una ventana de formato donde puede alterar el formato de ese texto, o modificar el bloque en una lista o algún otro tipo de bloque.
  • Seleccione los tres puntos y seleccione Eliminar bloque para eliminar un bloque de párrafo y reemplazarlo con otra cosa.

Bloques de imagen

Si selecciona el bloque Imagen, verá un cuadro de Imagen donde puede seleccionar un botón Cargar para cargar una imagen en su publicación desde su computadora. Selecciona el Mediateca enlace para usar una imagen de su biblioteca de medios existente, o Insertar desde URL para vincular a una imagen de otro sitio.

Esto insertará la imagen en el artículo donde agregó el nuevo bloque de imagen. Notarás que puedes escribir el título de la imagen directamente debajo de la imagen.

Puede utilizar las mismas opciones de formato en el texto de la leyenda que en el texto de párrafo normal.

Lista de bloques

Cuando agrega un nuevo bloque y selecciona Lista, insertará el bloque de lista en ese punto del artículo.

Mostrará una viñeta, pero a medida que escribe y presiona Entrar, cada nueva viñeta aparecerá cuando las necesite.

El formato de la lista también sigue el estilo y tamaño de fuente según lo definido por su tema, así que no se sorprenda si la fuente en su lista se ve diferente a los bloques de párrafo.

Puede resaltar texto en el bloque de lista y verá opciones de formato para este texto si desea cambiarlo. No puede cambiar el estilo de fuente aquí, pero puede negrita, cursiva, agregar un hipervínculo o cambiar el tipo de bloque por completo.

Otros bloques

Si desea ver todos los bloques que están disponibles, seleccione + para agregar un bloque, luego seleccione Examinar todo para ver la lista completa.

Esta lista es bastante larga. Todo lo que recuerde que está disponible en el editor clásico a través de su sistema de menús se incluirá aquí. Estos incluyen otros bloques de uso común como:

  • Mesas
  • Archivos y medios
  • Videos
  • La etiqueta «Más»
  • Saltos de página y separadores
  • Widgets como íconos sociales, nubes de etiquetas, calendarioy widgets de complementos de WordPress
  • Inserte código para sitios sociales, sitios de medios como YouTube y Spotify, y más

Otras características de Gutenberg

No tienes que quedarte con los bloques que agregaste donde los agregaste. Puede desplazarse hacia atrás en su publicación y seleccionar el + icono entre cualquiera de los bloques existentes. Esto le permitirá insertar nuevos bloques entre los existentes.

Tampoco está atascado con la ubicación de sus bloques. En el editor clásico de WordPress, no siempre fue fácil mover cosas como imágenes a otras secciones de tu publicación sin estropear la codificación de fondo.

En Gutenberg, mover elementos como imágenes es tan simple como seleccionar el bloque y luego seleccionar las flechas hacia arriba o hacia abajo en la barra de menú emergente para mover el bloque hacia arriba o hacia abajo en la publicación.

Cada vez que seleccione la flecha, deslizará ese bloque una posición en la dirección que haya seleccionado.

Usando el editor Glutenberg en WordPress

El área de publicación no es el único lugar para agregar nuevos bloques. Notarás que hay un menú de íconos muy simple en la parte superior del editor donde puedes usar el + icono para agregar bloques también.

Los otros iconos de este menú le dan acceso rápido a otras funciones de Gutenberg.

  • El bolígrafo Editar El icono le permite cambiar al modo de selección para seleccionar bloques más fácilmente. Haga doble clic en un bloque para volver al modo de edición.
  • Deshacer o Rehacer Los iconos (flechas curvas izquierda y derecha) deshacen o rehacen su última edición.
  • los yo El icono (Detalles) le muestra la cantidad de caracteres, palabras, encabezados, párrafos y bloques de su publicación.
  • los contorno El icono te permite navegar rápidamente a los bloques de tu publicación según el orden en el esquema de la publicación.

Para muchas personas, el editor de Gutenberg en WordPress requiere algo de tiempo para acostumbrarse. Pero después de experimentar lo fácil que es crear, editar y manipular bloques de elementos en sus publicaciones, encontrará que su proceso de creación de publicaciones y páginas es más rápido y productivo.

Deja un comentario