10 "características de Gutenberg" interesantes que quizás no conozcas

Con diferentes plataformas de blogs como Medium, Ghost y Squarespace mejorando y creciendo continuamente, WordPress tuvo que hacer algo para mejorar su editor visual.

Pero, después de presentar el editor de Gutenberg, WordPress ha dado un gran paso adelante. Ha cambiado completamente la forma en que usamos WordPress.

Si bien Gutenberg ha recibido críticas con respecto a su implementación, no dejes que eso te desanime de intentarlo. Es el futuro de WordPress.

Si todavía es escéptico acerca de Gutenberg, esta publicación es para usted. A continuación, te mostraré 10 interesantes características de Gutenberg eso te hará cambiarte a Gutenberg ahora mismo.

Como se esto

Bueno, estaba a punto de usar Gutenberg, y después de descubrir estas increíbles características ocultas, hice el cambio sin dudarlo.

Entonces, revisemos estas características ahora.

Índice
  1. Funciones de Gutenberg que quizás no conozcas
    1. Característica # 1: Copie y pegue de Google Docs a WordPress
    2. Característica # 2: Arrastra y suelta imágenes desde la carpeta de tu ordenador
    3. Característica # 3: comando de barra inclinada para agregar bloques
    4. Característica # 4: agregue enlaces simplemente pegándolos
    5. Característica # 5: ancla HTML para crear enlaces de ancla
    6. Característica # 6: barra de herramientas superior, modo de foco y modo de pantalla completa
    7. Característica # 7: Hacer editor de ancho completo
    8. Característica # 8: Esquema del documento
    9. Característica # 9: Bloques reutilizables
    10. Característica # 10: amplíe la funcionalidad mediante el uso de plugins de Gutenberg
  2. Conclusión

Funciones de Gutenberg que quizás no conozcas

Las características de esta publicación no se refieren a cómo ha cambiado el diseño del editor y qué hay de nuevo. Se trata más de las funciones ocultas que te harán decir "¡eso es increíble!".

Y el primero es realmente revolucionario.

Característica # 1: Copie y pegue de Google Docs a WordPress

Para cualquiera que no escriba directamente en el editor de WordPress, esta función hará que se enamore de Gutenberg.

El editor de Gutenberg le permite copiar y pegar contenido directamente de Google Docs a WordPress. Sí, incluidas las imágenes.

Copiar y pegar de Google Docs

Esto es realmente importante, ya que el editor clásico no siempre pegaba todos los contenidos copiados de Google Docs.

Esto también funciona con Microsoft Word, Office 365 y Quip.

Puede copiar su contenido directamente sin necesidad de formatearlo.

Característica # 2: Arrastra y suelta imágenes desde la carpeta de tu ordenador

Una cosa realmente molesta y que consume mucho tiempo en el editor clásico es agregar imágenes. Incluso si arrastra y suelta una imagen en el editor, primero abrirá la ventana emergente de la biblioteca de medios para importar la imagen. Luego, tendrá que hacer clic en el botón 'Agregar' para agregar la imagen a su contenido.

Con Gutenberg, WordPress mejoró esto y ahora te permite arrastrar y soltar imágenes directamente desde tu ordenador a tu editor.

Vea lo fácil que es:

Arrastra y suelta imágenes

Esta es una característica realmente útil, especialmente cuando tiene que cargar demasiadas imágenes en su contenido.

El editor de Gutenberg realmente le ahorra tiempo al permitirle arrastrar y soltar imágenes directamente.

Característica # 3: comando de barra inclinada para agregar bloques

Como sabrá, el editor de Gutenberg gira principalmente en torno a bloques. Ya sea que desee agregar un encabezado o una imagen, deberá agregar un bloque para eso.

Y para ayudarlo a agregar bloques rápidamente, Gutenberg le permite usar el comando de barra para agregar un bloque.

Así es como funciona:

Escribes el comando de barra y el editor te muestra opciones para agregar bloques. También puede escribir el nombre del bloque después de la barra para encontrar el bloque más fácilmente.

Comando barra para agregar bloques

Esta función le ayudará mucho a agregar bloques rápidamente sin tener que buscar bloques.

Característica # 4: agregue enlaces simplemente pegándolos

¿Quiere agregar un enlace rápidamente?

Solo pégalo. ¡Literalmente!

Agrega enlaces simplemente pegándolos

Gutenberg le permite agregar enlaces a su contenido con solo pegarlo. Seleccione el texto al que desea agregar su enlace y luego péguelo.

No es necesario hacer clic en el icono "Agregar enlace" y luego pegarlo.

Gutenberg se trata de ahorrar tiempo y trabajar sin problemas.

Característica # 5: ancla HTML para crear enlaces de ancla

¿Utiliza una tabla de contenido o enlaces de salto en su contenido? El editor clásico no le permite agregar enlaces de salto o una tabla de contenido, por lo que tendría que confiar en plugins que puedan lograrlo.

Pero con Gutenberg, es una historia completamente diferente.

Puede agregar un ancla HTML en Gutenberg para crear enlaces de anclaje. En otras palabras, puede agregar enlaces de salto directamente.

Así es como puede hacerlo:

El primer paso es agregar un ancla a su contenido. Puede agregar anclas a sus encabezados si está creando una tabla de contenido.

Para agregar un ancla, haga clic en un encabezado y en su configuración de bloque, encontrará configuraciones avanzadas. En la configuración avanzada, agregue su texto de anclaje.

Ancla HTML para crear enlaces de anclaje 1

El siguiente paso es agregar un enlace que saltará al texto de anclaje. Para hacer esto, agregue un enlace que tenga el mismo nombre que su texto de anclaje HTML.

Así es cómo:

Ancla HTML para crear enlaces de anclaje 2

Y eso es.

Esta función te ayudará mucho y te permitirá agregar enlaces de salto o incluso crear una tabla de contenido en tus publicaciones y páginas.

Característica # 6: barra de herramientas superior, modo de foco y modo de pantalla completa

WordPress también se aseguró de que tenga la mejor experiencia al usar Gutenberg. Esto es evidente por la inclusión de la barra de herramientas superior, el modo de foco y el modo de pantalla completa.

Déjame explicarte cada uno:

Barra de herramientas superior

El editor de Gutenberg resalta o muestra una barra de herramientas de formato cada vez que pasa el mouse sobre un bloque o sección.

Esto puede ser molesto y es posible que solo desee una barra de herramientas unificada que no muestre una barra de herramientas de formato para cada bloque.

Bueno, puedes hacer eso en Gutenberg. Con la barra de herramientas superior habilitada, la barra de herramientas ya no se mostrará al pasar el cursor sobre cualquier bloque.

En cambio, para acceder a la barra de herramientas, deberá hacer clic en un bloque y la barra de herramientas estará visible en la parte superior.

Modo de barra de herramientas superior

Modo de foco

¿Quieres escribir sin distracciones?

Puede llevar su creatividad por las nubes habilitando el modo de foco. Con este modo habilitado, el editor atenuará todos los bloques en el editor y solo el bloque que está editando será visible correctamente.

Modo de foco

Esto es útil si desea concentrarse y escribir sin distracciones. El modo de foco se puede desactivar si ya no desea utilizarlo.

Modo de pantalla completa

El editor clásico también tiene un modo de pantalla completa. Entonces, como puede imaginar, el editor de Gutenberg también tiene esta función.

Puede habilitar el modo de pantalla completa y eliminará el menú de administración.

Modo de pantalla completa

El modo de pantalla completa también te ayuda a concentrarte en el contenido y evita distracciones.

Característica # 7: Hacer editor de ancho completo

Esta característica faltaba en el editor clásico y hace que muchos usuarios de WordPress instalar plugins del generador de páginas.

Pero con Gutenberg, puede hacer que el editor tenga el ancho completo.

Algunos temas de WordPress le permiten estirar algunos bloques al ancho completo.

Hacer editor de ancho completo

Esta función le ayuda a crear páginas atractivas con Gutenberg.

Característica # 8: Esquema del documento

Realmente me encantó esta función, ya que te ayuda a obtener una descripción general del esquema de tu contenido.

Además del esquema, también muestra el número de palabras en el contenido, el número de encabezados, párrafos y bloques.

Esquema del documento

Esto es increíblemente asombroso y realmente útil para crear publicaciones con títulos adecuados.

Característica # 9: Bloques reutilizables

Si hasta ahora te encantan estas increíbles funciones de Gutenberg, esta también te encantará.

El editor de Gutenberg te permite crear bloques reutilizables. Entonces, si ha creado un bloque increíble y desea usarlo más tarde en algún lugar, puede guardarlo.

Bloques reutilizables

Una vez que le dé un nombre a su bloque y lo guarde, podrá usarlo en sus publicaciones y páginas futuras. También puede convertir su bloque reutilizable en un bloque normal.

Esta función puede ser útil cuando desee agregar CTA, tablas u otros bloques similares.

Característica # 10: amplíe la funcionalidad mediante el uso de plugins de Gutenberg

Por último, con la introducción de Gutenberg, ayudó a los desarrolladores a crear nuevos plugins que amplían la funcionalidad del editor de Gutenberg.

Ya hay un puñado de plugins de Gutenberg disponibles en el repositorio de WordPress. Estos plugins tienen algunos bloques realmente increíbles y únicos que aún no forman parte de Gutenberg.

Por ejemplo, Ultimate Blocks (un plugin que ayudé a desarrollar) trae algunos bloques realmente únicos y nuevos que puede usar para crear publicaciones y páginas aún mejores.

Amplíe la funcionalidad con los plugins de Gutenberg

La mejor parte es que puede realizar tareas de varios plugins solo. Y puede deshacerse de algunos plugins para funcionalidades como Tabla de contenido, Hacer clic para twittear, Alternar contenido, Contenido en pestañas, Cuadro de notificación, Testimonio, Clasificación de estrellas, Cuenta atrás, etc.

Conclusión

Entonces, esa fue la lista de algunas características realmente geniales de Gutenberg que harán que quieras deshacerte del viejo editor clásico y pasar el rato con los niños geniales que usan Gutenberg.

Es una gran desviación del editor clásico, y tomará un tiempo acostumbrarse, pero Gutenberg representa el futuro de hacia dónde se dirige WordPress.

Y hace muchas cosas que no eran antes. Si aún no ha comenzado a usar Gutenberg, vale la pena intentarlo.

Si aún no lo ha hecho, asegúrese de consultar nuestro resumen de plugins de bloques de Gutenberg para ver qué más puede hacer con el nuevo editor visual.

Si quieres conocer otros artículos parecidos a 10 "características de Gutenberg" interesantes que quizás no conozcas puedes visitar la categoría Tutoriales.

Subir

Este sitio web utiliza cookies para ofrecerle una mejor experiencia de navegación, si continua en navegando consideramos que acepta su uso.