Gutenberg es el editor nuevo de WordPress desde la versión 5.0. Ha reemplazado al antiguo editor TinyMCE. Este editor tiene un estilo único para crear páginas y artículos interesantes.

Con la llegada de WordPress 5.9, Gutenberg se fortaleció. Ahora, permite diseñar todo un sitio con facilidad. Su método basado en bloques ayuda a armar páginas de forma sencilla.

Ofrece funciones como añadir texto, imágenes, botones, y mucho más. Todos se organizan en bloques. Esto ayuda a tener un sitio web visualmente atractivo.

Conceptos clave:

  • Gutenberg es el editor predeterminado de WordPress desde la versión 5.0.
  • Tras la actualización a WordPress 5.9, Gutenberg se convirtió en un editor completo para la edición de sitios web.
  • Gutenberg tiene un enfoque basado en bloques que ofrece flexibilidad y opciones de personalización.
  • Gutenberg es más intuitivo que el editor clásico y no requiere conocimientos técnicos.
  • El editor clásico no es ideal para diseños complejos, a diferencia de Gutenberg.

¿Qué es Gutenberg?

Gutenberg cambia la forma de crear contenido en WordPress. Honra a Johannes Gutenberg, inventor de la imprenta móvil. Esto revoluciona la edición de contenidos digitales desde WordPress 5.0. Hace accesible la creación de contenido para todos. Se esfuerza para que sea fácil, sin importar tu experiencia.

Definición y origen de Gutenberg

Gutenberg trae la idea de «bloques» a WordPress. Son unidades de contenido que puedes personalizar fácilmente. Esto es mucho más flexible que el antiguo editor. Los bloques pueden tener texto, imágenes y más. Te da muchas opciones para ser creativo. Además, tiene herramientas fáciles para ajustar el diseño.

Características únicas de Gutenberg

Gutenberg cambia la forma de trabajar de los usuarios y los profesionales de WordPress. Llevó a la creación de nuevos plugins y temas, aumentando sus posibilidades. Adaptarse a él puede ser un desafío al principio. Pero, las ventajas valen la pena.

Gutenberg y la comunidad WordPress

Con Gutenberg, la comunidad de WordPress ha crecido y se ha renovado. Desde la versión 5.0, más personas usan el nuevo editor. Esto ha motivado a los desarrolladores a hacer más plugins y temas para Gutenberg. Muestra su compromiso en hacer que esta herramienta siga mejorando.

Diferencias entre Gutenberg y el editor clásico

El editor clásico y el editor de Gutenberg funcionan de manera similar, pero son diferentes. El editor clásico es como usar Microsoft Word. Por otro lado, Gutenberg es más moderno y fácil de entender. En Gutenberg, los botones son claros y se encuentran rápidamente.

Al escribir, el editor clásico te da un espacio en blanco. Mientras tanto, Gutenberg te ofrece más opciones para hacer tu contenido más interesante. Funciona muy bien con imágenes y otras funciones visuales.

El editor clásico necesita que sepas un poco de HTML para usarlo al máximo. Por su parte, Gutenberg es más sencillo. Puedes agregar piezas de contenido solo arrastrándolas y soltándolas.

Característica Editor clásico TinyMCE editor de bloques Gutenberg
Interfaz Editor de texto simple Interfaz intuitiva y responsiva
Creación de contenido Área en blanco Más funciones para crear y gestionar el contenido
Conocimientos técnicos requeridos Conocimientos básicos de HTML No requiere conocimientos técnicos
Flexibilidad de diseño Menor Mayor

En resumen, el editor clásico es fácil y conocido. Gutenberg es más moderno y permite hacer páginas con mejor aspecto. Gutenberg da ventajas Gutenberg a quienes quieren páginas bonitas y fáciles de hacer con WordPress.

Características principales de Gutenberg

El corazón de Gutenberg es su bloques. Son unidades de contenido que tú mismo puedes modificar y ordenar. Puedes usar bloques de texto, imagen, video, y más. Son independientes, por lo que te dan libertad creativa al hacer páginas web y posts.

Su flexibilidad supera al antiguo editor de WordPress. Con Gutenberg, personalizas todo a tu gusto desde añadir hasta quitar bloques. Cambias cada elemento según lo que te guste.

Edición visual intuitiva

Gutenberg destaca por su interfaz visual intuitiva. Muestra cómo se verá tu publicación en tiempo real al editarla. Esto elimina la necesidad de ver previsualizaciones, lo cual es genial para principiantes.

Integración con plugins y temas

Funciona muy bien con muchos plugins y temas de WordPress. Te permite hacer tu página más funcional y bonita. Hay plugins y temas hechos para Gutenberg que amplían sus posibilidades también.

Cómo instalar Gutenberg en WordPress

Para empezar con todas las ventajas del editor Gutenberg en WordPress, lo primero es instalarlo. Aunque Gutenberg llegó con la versión 5.0 de WordPress, algunos todavía usan el editor viejo. Entonces, para instalar Gutenberg, ve al menú de WordPress en tu sitio y selecciona «Plugins». Después, en «Añadir Nuevo», escribe «Gutenberg» en el buscador, instálalo y actívalo. Una vez hecho esto, podrás usar Gutenberg cada vez que edites entradas o páginas.

Si ya estás en la última versión de WordPress, es muy probable que ya tengas Gutenberg. Si no es así, solo debes actualizar WordPress y se instalará. También, puedes instalar el plugin «Gutenberg» manualmente siguiendo unos pasos simples.

¿Y si prefieres el editor antiguo y quieres desactivar Gutenberg? ¡No hay problema! Existe un plugin llamado «Classic Editor» que te deja volver a usar el editor clásico de WordPress.

Adaptando tu página web a Gutenberg

El cambio de sistema puede ser asustadizo al inicio. Sin embargo, Gutenberg hace fácil la creación de contenido. En la barra de herramientas, encuentras varios bloques de Gutenberg. Estos incluyen texto, imagen y vídeo que puedes mover y soltar en tu sitio web. Además, si buscas más opciones, hay plugins que ofrecen bloques adicionales.

Entre las herramientas adicionales, verás la barra lateral y bloques especiales de WordPress para redes sociales y vídeos. También hay una barra de herramientas avanzada. Esta última te ayuda a personalizar tus bloques aún más.

Consejos para una mejor experiencia

Para usar mejor Gutenberg, es clave explorar opciones Gutenberg y conocer los bloques. Aprender sobre personalización Gutenberg ayuda mucho.

Uso de atajos

En Gutenberg, hay atajos teclado Gutenberg para aumentar la eficiencia Gutenberg. Ayudan a editar más rápido.

Previsualiza en diferentes dispositivos

Antes de publicar, previsualiza tu trabajo. Míralo en varios dispositivos para confirmar que es responsive Gutenberg.

Cómo usar Gutenberg en WordPress

Usar el editor Gutenberg en WordPress es simple. Primer paso, haz clic en el icono + en la barra superior. Luego, elige un bloque que quieras usar. Así empiezas a construir tu página, agregando bloques uno tras otro.

Añadir bloques en Gutenberg

Para añadir un bloque en Gutenberg, haz clic en el icono Insertador de bloques +. Está en la parte superior de tu pantalla. Luego, elige el tipo de bloque que quieras usar, como quote, paragraph, imagen, y más.

Cada vez que pulses Intro, WordPress añadirá un nuevo bloque de texto. Es fácil y rápido.

Reorganizar bloques en Gutenberg

Una vez añadidos los bloques, cambiar su posición es fácil. Solo arrastra y suelta los bloques donde quieras. Con Gutenberg, no romperás el código al hacerlo. También, toda la información relevante se mueve con el bloque.

Esto facilita reorganizar bloques Gutenberg o mover bloques Gutenberg. Así, editar se vuelve más sencillo y versátil para todos.

Ajustar configuración de estilos de bloques

Gutenberg permite reorganizar los bloques y ajustar su configuración de estilos. Puedes cambiar colores, tipografías, bordes, y más. Al hacer clic en un bloque, aparecerán estas opciones.

Además, en la barra lateral derecha, está el menú de Configuración de Estilo. Aquí encontrarás personalización específicas para cada tipo de bloque.

Crear bloques reutilizables

Gutenberg trae una función muy útil: los bloques reutilizables. Con esto, guardar elementos como tablas o botones y usarlos en otros lugares es sencillo. Así, se ahorra mucho tiempo y esfuerzo. Para hacerlo, se ajusta el bloque y se elige «Añadir a bloques reutilizables» en el menú.

Funcionalidad Beneficios
Crear bloques reutilizables en Gutenberg Ahorrar tiempo al reutilizar elementos personalizados en múltiples páginas y entradas
Almacenar bloques reutilizables en la biblioteca Acceder fácilmente a los bloques reutilizables para su uso posterior
Insertar bloques reutilizables en nuevos contenidos Acelerar la creación de páginas y entradas sin necesidad de reconstruir elementos

Con Gutenberg, crear bloques reutilizables es fácil. Se pueden guardar textos, imágenes, botones y más. Así, diseñar sitios web mejora y se alcanza más rápido, sin necesidad de otras herramientas.

bloques reutilizables Gutenberg

Agrupar bloques en Gutenberg

Una característica interesante de Gutenberg es poder agrupar varios bloques en uno solo. Así, es más fácil manejar un grupo de bloques como si fuera uno. Se pueden juntar bloques de llamada a la acción con iconos de redes o párrafos con botones.

Para hacerlo, solo hay que elegir los bloques que se quieren agrupar. Luego, en el menú, seleccionar «Transformar a Grupo» y listo.

Personalizar la configuración global de estilos

Gutenberg te permite editar los estilos en todo el sitio, no solo en bloques. Especialmente, se puede personalizar la configuración global de estilos. Se hace desde el Editor del sitio por Apariencia > Editor. Así, puedes cambiar el aspecto de todo el sitio web. Incluye editar colores, tipografías y más.

Editar la personalización Gutenberg es genial para darle un aspecto consistente al sitio. Puedes ajustar los colores, las fuentes y los tamaños de los bloques en todo tu sitio web. Esto hace que todo luzca bonito y organizado.

Es muy útil para quienes quieren que su sitio web vea bien en todas partes. No tienes que cambiar cada bloque. Con la configuración global de estilos Gutenberg, todo se ve igual.

Característica Descripción
Paleta de colores Definir los colores principales y secundarios del sitio
Tipografía global Establecer las fuentes a utilizar en todo el contenido
Tamaño de bloques Ajustar el ancho y la altura predeterminados de los bloques
Estilos avanzados Personalizar bordes, sombras, espaciado y más a nivel global

Gracias a Gutenberg, WordPress puede verse más unido y profesional. La personalización Gutenberg ayuda a mejorar la experiencia del usuario en todo el sitio web.

Usar patrones de bloques predefinidos

El editor Gutenberg tiene patrones de bloques predefinidos. Estos patrones son conjuntos con bloques ya preparados. Contienen diseños listos, como varias columnas o galerías de imágenes. Así, usarlos permite crear diseños bonitos fácilmente.

patrones bloques Gutenberg

Estos patrones de bloques ahorran tiempo. Con solo algunos clics, puedes añadir diseños complejos a tu contenido. Además, son fáciles de personalizar para adaptarse a lo que necesitas.

WordPress 5.5 marcó un cambio con los patrones de bloques Gutenberg. Luego, con WordPress 6.3, se hicieron aún mejores. Esta actualización ofreció más opciones y facilidades para su uso.

Los diseños predefinidos Gutenberg se encuentran en el Directorio de Patrones de WordPress. Allí encuentras muchos patrones. También puedes crear tus propios patrones con la API, si eres desarrollador.

Tipo de patrón Descripción Ventajas
Patrones sincronizados Aplican cambios de forma consistente en todas las instancias del patrón en el sitio web. Garantizan una apariencia y diseño uniforme en todo el sitio.
Patrones estándar Afectan únicamente a la instancia específica del patrón donde se aplican. Permiten mayor flexibilidad y personalización en cada sección del sitio.

Con los patrones de bloques Gutenberg, se puede hacer más en menos tiempo. Son útiles y eficientes para crear sitios web bonitos. Es una gran opción para los que trabajan con WordPress.

Desactivar Gutenberg temporalmente

Si prefieres, puedes desactivar Gutenberg por un tiempo. Hay dos formas comunes de hacerlo. Una es instalar el plugin Classic Editor.

La otra manera es editar el archivo functions.php de tu tema directamente. El Classic Editor tiene más de 700.000 instalaciones y una calificación perfecta. Esto muestra que a mucha gente le gusta.

Otra opción es el Disable Gutenberg. Tiene casi 9.000 instalaciones y también una calificación de 5 estrellas. Ambas opciones permiten volver al editor clásico de WordPress fácilmente.

Es importante recordar algo. Adaptarte a Gutenberg será útil, ya que será el editor principal en WordPress. El plugin Classic Editor dejará de tener soporte el 31 de diciembre de 2021. Así, Gutenberg será esencial para editar contenido en WordPress en el futuro.

FAQ

¿Qué es Gutenberg?

Gutenberg es el nuevo editor de WordPress desde la versión 5.0. Cambia la forma de crear con un sistema de bloques. Esto hace que sea fácil hacer contenido único y visual.

¿Cómo se diferencia Gutenberg del editor clásico?

El editor clásico tiene un espacio para escribir como un documento. En cambio, Gutenberg usa bloques que se pueden cambiar y mover con facilidad. Y lo mejor, muestra cómo se ve tu página mientras la creas.

¿Cómo puedo instalar Gutenberg en mi sitio web de WordPress?

Desde WordPress 5.0, Gutenberg ya está ahí cuando actualizas. Si no lo ves, añade el plugin «Gutenberg» desde la sección de Plugins en tu sitio.

¿Cómo puedo crear y editar contenido con Gutenberg?

Utiliza diferentes tipos de bloques para añadir texto, imágenes o vídeos. Luego, personaliza cada bloque como prefieras.

¿Cómo puedo personalizar el diseño de mi sitio web con Gutenberg?

Gutenberg te deja cambiar el aspecto de tu página de muchas maneras. Puedes elegir colores, fuentes y más. También puedes guardar bloques para reutilizarlos.

¿Puedo desactivar Gutenberg si no me gusta?

Sí, puedes desactivar Gutenberg temporalmente o cambiar a la versión anterior de WordPress con el «Classic Editor». También se puede ajustar directamente en el archivo functions.php de tu tema.

¿Cómo puedo aprovechar al máximo Gutenberg?

Para usar Gutenberg al máximo, explora todas sus opciones. Aprende sobre los tipos de bloques, usa atajos de teclado y mira cómo se ve tu página en varios dispositivos.

Categorizado en: