Publicado en fecha

Actualizado el

7 min

Es la fuente de una evolución significativa, incluso de una revolución. Funciona con bloques. Se usa sin necesidad de programar. Y lo más probable es que lo uses para escribir tus artículos y páginas.

¿Lo tienes? Este es el editor Gutenberg para WordPress.Con él, puedes hacer casi cualquier cosa. Siempre y cuando sepas cómo usarlo. Lo cual no es tan sencillo, ya que este editor está repleto de funciones ocultas y ofrece constantemente nuevas opciones.  

Al finalizar esta guía práctica, sabrás todo sobre cómo funciona Gutenberg. Y podrás usarlo como un experto gracias a nuestros tutoriales detallados y consejos útiles.

¿Qué es Gutenberg en WordPress?

Gutenberg es el editor de texto de WordPress. Se basa en el principio de los "bloques", elementos de contenido que los usuarios utilizan para escribir y personalizar el diseño de las entradas y páginas de su sitio web de WordPress. Sustituye al antiguo editor de texto clásico de WordPress, llamado TinyMCE.

Con Gutenberg, "el objetivo general El objetivo es simplificar la experiencia de los usuarios novatos de WordPress, para aquellos que escriben, editan, publican y diseñan páginas web, Presenta las preguntas frecuentes dedicadas al editor de texto. La experiencia de edición está diseñada para ofrecer a los usuarios una mejor representación visual de cómo se verá su artículo o página cuando pulsen el botón Publicar. »

Gracias a esto, como verá en detalle en este artículo, Todos los cambios que realice en la apariencia y el texto de sus tipos de contenido son visibles en tiempo real., tan pronto como se realice un cambio.

En este sentido, Gutenberg en WordPress se puede comparar con lo que se denomina un editor WYSIWYG (Lo Que Ves, Es Lo Que Tienes(Lo que ves es lo que obtienes).

¿Sabías que el nombre del editor Gutenberg de WordPress hace referencia a Johannes Gutenberg, el inventor de la imprenta del siglo XV? Este invento, revolucionario en su época, también tiene repercusión y encuentra paralelismos en WordPress. De hecho, la introducción de Gutenberg se considera uno de los cambios más significativos que ha experimentado WordPress en los últimos años.

¿Qué es el plugin de Gutenberg?

Este importante cambio, de hecho, se fue gestando a partir de 2017, antes de su lanzamiento oficial en diciembre de 2018, con la publicación de la versión 5.0 de WordPress.

Desde esa fecha, el editor Gutenberg ha estado presente por defecto en las versiones 5.0 y posteriores de CMS (Sistema de Gestión de Contenidos, Sistema de Gestión de Contenidos) el más utilizado en el mundo.

En principio, deberías usar Gutenberg en tu sitio web, aunque no te des cuenta. De hecho, en el momento de escribir este artículo, la última versión principal de WordPress era la 6.1.

Sin embargo, También existe un plugin de Gutenberg., disponible en el directorio oficial de plugins de WordPress (repositorio, en inglés).

El plugin Gutenberg para WordPress está disponible en el directorio oficial.

Este plugin contiene las últimas novedades, opciones y experimentos de Gutenberg.Una vez validadas, aparecen en cada nueva versión principal de WordPress.

Puedes encontrar una lista de todas las versiones de Gutenberg incluidas en cada nueva versión principal de WordPress. En esta página.

Quizás te preguntes: ¿Necesito instalar el editor Gutenberg en WordPress? Para que quede claro: si tu sitio web funciona con una versión superior a WordPress 5.0, NO necesitas activar el plugin Gutenberg en tu interfaz de administración (back office).
Gutenberg ya viene instalado por defecto en tu sitio web. Si aun así quieres probar las últimas funciones e innovaciones de Gutenberg antes que nadie, puedes instalar y activar la extensión, pero no en tu sitio web en producción. Utiliza un sitio de prueba o un sitio local para probar este plugin..

¿Cuáles son las diferentes fases de la evolución de Gutenberg en WordPress?

Aunque lleva funcionando en WordPress desde finales de 2018, el "proyecto" de WordPress Gutenberg está en desarrollo continuo y en constante evolución, como se indica en su hoja de ruta (Hoja de ruta de Gutenberg).

Su existencia se caracteriza por cuatro fases:

  1. Fase 1: Facilitar la edición para los usuarios 
  2. Fase 2 :PersonalizaciónGutenberg permite modificar por completo todas las partes de tu sitio web, desde el encabezado hasta el pie de página (y no solo los artículos y las páginas). Esta es la fase en la que nos encontramos al momento de escribir este artículo (noviembre de 2022).
  3. Fase 3: ColaboraciónGutenberg permitirá la creación conjunta de contenido. "de una manera más intuitiva".
  4. Fase 4: MultilingüismoEl editor de texto se implementará de forma predeterminada para los sitios web multilingües.

¿Cómo funciona Gutenberg en WordPress?

Los bloques, la base fundamental

Como ya viste hace un rato, Gutenberg va de la mano con un concepto central: los famosos "bloques".

La página de introducción de Gutenberg explica que "los bloques son elementos de contenido que puedes mover". Permiten "crear tus propias entradas y páginas personalizadas sin necesidad de conocimientos de programación".

Cada elemento de contenido dentro del editor es un bloque (una especie de sección contenedora). Por ejemplo:

  • un párrafo; 
  • un título;
  • una imagen;
  • un vídeo;
  • un botón, etc.

Cada bloque puede ser editado y personalizado por los usuarios sin necesidad de modificar una sola línea de código. (HTML, PHP, etc.). Todo esto se presenta visualmente, con una representación inmediata de sus cambios:

Cada bloque de Gutenberg en WordPress se puede personalizar.

¡Artículos, páginas e incluso un sitio web completo!

En su lanzamiento en 2018, Gutenberg solo trabajaba con artículos y páginas. 

Mientras tanto, la editorial ha avanzado mucho. Desde el lanzamiento de WordPress 5.8 en julio de 2021, el editor de widgets de WordPress funciona, por ejemplo, con elementos de contenido (bloques).

Si vas a Apariencia > Widgets, en el menú de tu interfaz de administración, verás que es posible insertar bloques (secciones) en las áreas de widgets que ofrece tu tema (por ejemplo, barra lateral, pie de página, etc.):

Las áreas de widgets se pueden editar con Gutenberg en WordPress.

Pero espera, aún no lo has visto todo. Desde el lanzamiento de WordPress 5.9 a principios de 2022, El editor Gutenberg de WordPress ahora permite crear y personalizar sitios web completos con bloques. !

Esto es lo que se conoce como Editor de sitio (anteriormente llamado Edición completa del sitio, FSE). Con este proyecto, ahora se utilizan bloques para editar todas las partes de su sitio, no solo sus artículos y páginas.

Con el editor del sitio webAhora los usuarios pueden gestionar elementos que normalmente controla su tema de WordPress (encabezado, pie de página, página 404, archivos de artículos, etc.) utilizando un concepto único: el bloque Gutenberg.

Para aprovechar esta oportunidad, existen al menos dos requisitos previos: 

  1. Tu sitio debe funcionar con WordPress versión 5.9 como mínimo.En ese caso, podrá acceder a la edición completa del sitio a través de Apariencia > Editor;
  2. Debes usar un tema basado en bloques. (tema basado en bloques(en inglés). Este es el caso, por ejemplo, de Twenty Twenty Three, el tema predeterminado incluido con WordPress 6.1. Para su información, encontrará una lista de temas basados ​​en bloques en el directorio oficial de WordPress.

Si eres nuevo en WordPress o tienes conocimientos técnicos limitados sobre desarrollo y diseño web, no te recomendamos usar la edición completa del sitio por ahora. Todavía hay pocos temas compatibles y necesitas un conocimiento general sólido para crear un sitio web profesional y funcional usando solo bloques de Gutenberg en WordPress.

¿Cuál es la diferencia entre Gutenberg y un creador de páginas como Divi o Elementor?

¿Gutenberg te permite editar un sitio web completo? Eso puede que te suene. Entiende: creadores de páginas (constructores de páginas).

Al igual que el editor de texto de WordPress, los creadores de páginas como Elementor o el divi ConstructorDos de las más famosas permiten diseñar un sitio web desde cero, ofreciendo un control total sobre todos los aspectos y opciones. 

Sin embargo, el editor Gutenberg aún no ha alcanzado su nivel de opciones y posibilidades creativas.Por ejemplo, Divi Builder o Elementor ofrecen plantillas de sitios web y páginas (plantillas) listo para usar que solo tienes que activar con un clic.

Gutenberg se está acercando lentamente a esto con sus composiciones en bloques (patrones de bloque), pero está lejos de poder competir a ese nivel.

Además, en la actualidad, Creemos que es más fácil editar completamente un sitio web utilizando un creador de páginas, especialmente si eres principiante..

Todavía necesitamos darle tiempo al editor del sitio para que Gutenberg pueda competir con los creadores de páginas (aunque la experiencia de creación sea totalmente diferente).

En resumen, si tienes que elegir entre Gutenberg o la extensión Elementor –sí, técnicamente es una extensión– para crear un sitio web de WordPressPrimero, pregúntate cuál es tu nivel técnico.

Si tienes una buena base en WordPress, así como en diseño web, empieza con un tema compatible. Edición del sitio completo sigue siendo posible.

De lo contrario, confíe en Gutenberg para escribe y edita tus artículos, o incluso ciertas páginas que no requieren mucho diseño gráfico (por ejemplo, la página de Contacto). Y concéntrese en un creador de la página para diseños más avanzados.

Tras esta detallada presentación general, que ha sentado las bases, pasemos a la parte práctica.

Ahora aprenderás a usar Gutenberg en WordPress y te volverás completamente independiente muy rápidamente.

Cómo usar Gutenberg: una guía paso a paso

¿Cómo está organizada la interfaz de Gutenberg en WordPress?

Para empezar a usar Gutenberg, ve a Artículos > Añadir o a Páginas > Añadir. 

Elige según el tipo de contenido que quieras crear. Para esta prueba, me decanto por un artículo.

Por defecto, la interfaz de edición está dividida en 3 secciones para los usuarios:

  1. Una barra superior (número 1 en la captura de pantalla), con botones de acceso rápido, como el de insertar un bloque (sección), por ejemplo.
  2. Una barra lateral (barra lateral, número 2), que contiene la configuración del elemento y los bloques que va a agregar.
  3. Un área de contenido (número 3), en el centro de la página. Contiene todos los bloques que irás añadiendo a medida que avances.
La interfaz de edición de Gutenberg está dividida en 3 áreas.

¿Cómo puedo añadir bloques de Gutenberg?

Para agregar un bloque a tu artículo, haz clic en el icono azul "+" en la parte superior de la página. Esto abrirá un menú en forma de barra lateral con 6 categorías de elementos de contenido (bloques): 

  1. textos, con (entre otras cosas) los bloques de Párrafo, Título, Cita, Lista, etc.
  2. Promedio Ofrece bloques de imagen, galería, audio, vídeo, etc.
  3. Diseño Lista de bloques que permiten la inserción de botones, columnas, un separador, etc.
  4. Widgets Muestra los antiguos widgets predeterminados de WordPress, que se han convertido en bloques (recuerda).
  5. Thème En ella se muestran bloques para añadir un logotipo, un menú de navegación, una lista de artículos, un formulario de inicio de sesión para tu sitio web, etc. La selección de bloques variará según el tema que estés utilizando.
  6. Contenido incrustadoAquí encontrarás bloques para añadir contenido (mediante un enlace sencillo). incrustar(incrustado) desde plataformas como YouTube, Twitter o Spotify.

En total, WordPress ofrece casi un centenar de bloques de forma nativa. Para integrar uno en el cuerpo de tu página, puedes: 

  • arrastrar y soltar (drag and drop) en el lugar que usted elija;
  • Haz click en esoEn este caso, se agregará automáticamente debajo del último bloque (sección) que acaba de incluir.
Ejemplo de cómo agregar el bloque de título y el bloque de imagen al editor Gutenberg de WordPress.
Ejemplo de añadidos al bloque de título y al bloque de imagen.

Una vez que hayas añadido contenido a tu bloque, una barra de herramientas te permitirá realizar las ediciones iniciales, si fuera necesario.

Por ejemplo, dentro de este bloque de título, puede: 

  • modificar su alineación y anchura;
  • cambiar su nivel de encabezado (etiquetas hn h2, h3, h4, etc.);
  • agregarle negrita o cursiva;
  • insertar un hipervínculo;
  • Acceda a ajustes más precisos para copiar, duplicar, agrupar o incluso bloquear el bloque en cuestión.
La barra de herramientas Gutenberg en WordPress.

La introducción es interesante, pero tenga la seguridad de que es posible ir mucho más allá en lo que respecta a la personalización del aspecto visual de un bloque.

¿Cómo puedo personalizar el estilo de un bloque?

En cuanto añadas un bloque, la configuración específica de ese bloque estará disponible en la barra lateral derecha del editor Gutenberg de WordPress.

El número y el tipo de ajustes varían según el bloque que añadas.

Por ejemplo, el bloque de título ofrece básicamente ajustes para la tipografía (tamaño, grosor) y el color del texto.

La configuración bloque por bloque está disponible en el editor de WordPress.

Ahora bien, fíjense, es muy diferente con el bloque de imagen. Aquí no hay ajustes relacionados con la tipografía (lo cual tiene sentido). En cambio, el editor permite ajustar:

  • el estilo de la imagen (redondeado o predeterminado);
  • el borde de la imagen.
Con Gutenberg en WordPress, puedes cambiar el estilo de tus imágenes.

¿Quieres cambiar el estilo de tu imagen? Simplemente haz clic en la configuración correspondiente, elige la opción que prefieras para tu imagen y verás el resultado al instante:

Personalización del bloque de imágenes en Gutenberg.

¿Cómo utilizar composiciones de bloques?

Hasta ahora, hemos hablado de bloques individuales. Pero el editor Gutenberg de WordPress aún guarda más sorpresas y ofrece otras novedades a sus usuarios. 

Si no quieres empezar desde cero, También puedes insertar lo que se denomina composiciones de bloques. (patrones de bloque, en inglés).

En pocas palabras, es una plantilla lista para usar que contiene varios bloques. Su número varía según el tema que utilices.

Para obtener una visión general de lo que tiene disponible, haga clic en el botón "+", el mismo que ya utilizó para agregar un bloque (sección).

Verás una pestaña llamada "Composiciones". Un menú desplegable te permite filtrar las composiciones por categoría, facilitando así tu búsqueda:

En Gutenberg, las composiciones de bloques proporcionan acceso a plantillas listas para usar.

En el siguiente ejemplo, agregaremos la composición "Tabla de precios". Si la desglosamos, podemos ver que contiene varios bloques, organizados en 3 columnas: 

  • Un bloque de columnas, entonces;
  • Un bloque de título;
  • Un bloque de párrafo;
  • Un bloque separador;
  • Un bloque de elementos de lista;
  • Un bloque de botones.
La composición del bloque que muestra los precios.

Esto puede ahorrarte un tiempo valioso si tenías previsto añadir una fórmula de precios. Por supuesto, la plantilla es personalizable a tu gusto, sin necesidad de modificar el código.Puedes modificarlo todo, desde el texto hasta los colores. Y nada te impide añadir tus propios bloques a cada composición.

Puedes acceder a más composiciones en El directorio oficial proporcionado por WordPressDesarrolladores de todo el mundo publican allí sus patrones de bloques, que puedes descargar o copiar y pegar directamente en tu contenido. 

¿Cómo utilizar bloques reutilizables?

Si el patrones de bloque te ayudará a aumentar tu productividad, y esto también ocurre con otra característica clave de Gutenberg: bloques reutilizables (bloques reutilizables).

Con esta opción, puedes crear un bloque o composición personalizada y reutilizarla donde quieras en otras páginas o artículos (tipo de contenido) de tu sitio WordPress.

Podemos imaginar bastantes casos de uso con bloques reutilizables. Esto puede resultar muy útil, por ejemplo, para crear llamadas a la acción que animen a la gente a ponerse en contacto contigo..

Llamadas a la acción que luego puedes distribuir en ubicaciones estratégicas de tu sitio web... sin tener que crearlas cada vez.

Configurar tu modelo (tu bloque reutilizable) es muy sencillo: 

  • Selecciona el bloque que prefieras del menú. Por ejemplo, elegiremos el bloque Botón. Pero también puedes usar el bloque Imagen, el modo Título, etc. En resumen, el que quieras.
  • Aplique el estilo y la configuración de contenido que prefiera;
  • Haz clic en los tres puntos pequeños, a la altura de la barra de herramientas de edición, y luego en "Crear un bloque reutilizable";
  • Para finalizar, dale un nombre a tu bloque reutilizable.

Esta función ya está disponible en la herramienta de inserción de bloques, en la pestaña "Reutilizable":

Un ejemplo de un bloque reutilizable en el editor de texto de WordPress.

Para ir más allá con los bloques reutilizables y beneficiarse de una interfaz de administración con más opciones para configurarlos, utilice la extensión. Bloques reutilizables ampliados.

¿Cómo utilizo el editor de sitios de WordPress?

Hasta ahora, la mayor parte de nuestra presentación se ha centrado en el uso del editor Gutenberg de WordPress en sus tipos de contenido (entradas y páginas).

Si utilizas un tema basado en bloques, también puedes aprovechar Gutenberg para editar todas las partes de tu sitio web. Para ello, ve a Apariencia > Editor.

Accederás a la página de inicio de tu sitio web o blog. El editor funciona de la misma manera que para tus artículos y páginas.

Puedes añadir bloques y composiciones mediante la herramienta de inserción y, a continuación, editarlos en la barra lateral derecha.

Sin embargo, existen algunas características específicas:

  • modo editor de sitios webUsted tiene el control para editar el encabezado y el pie de página. haciendo clic en el área correspondiente;
  • Puedes añadir plantillas de página prediseñadas. (blog, 404, archivos, etc.). Para ello, haga clic en el icono que representa el logotipo de WordPress, en la esquina superior izquierda;
  • gracias a la interfaz de edición de Estilos globales (Estilos globales), puedes modificar el estilo general de tu sitio en su totalidad (colores, tipografía, diseño), sin tener que modificar cada bloque individualmente. Incluso puedes aplicar un estilo a cada bloque que elijas, de forma que se refleje en todos los bloques del mismo tipo en tu sitio web.
La interfaz de Estilos Globales de Gutenberg.

¿Cómo desactivo Gutenberg?

Llegados a este punto, Gutenberg debería resultarte mucho más familiar. Quizás incluso estés tan harto de él que eches de menos el antiguo editor TinyMCE. 

Si está utilizando WordPress 5.0 (o una versión superior), Tenga en cuenta que es posible deshabilitar Gutenberg habilitando la extensión del editor clásico (Editorial clásica).

Este plugin es mantenido por el equipo de desarrollo de WordPress. "Restablece el editor clásico de WordPress anterior y su pantalla de edición".especifica su descripción en el directorio oficial de extensiones. 

Sin embargo, el plugin Classic Editor podría no ser inmortal. Su mantenimiento está previsto hasta 2024 como máximo, o incluso un poco más. "si fuera necesario".

La extensión del editor clásico.

10 plugins para ampliar las capacidades del editor de WordPress

Con Gutenberg, el abanico de posibilidades se amplía considerablemente. Gracias a él, descubriste que era posible crear sitios web completos de WordPress desde cero.

Debido a su naturaleza maleable y extensible, muchos desarrolladores del ecosistema de WordPress están aprovechando la oportunidad para ofrecer sus propios plugins, capaces de ampliar y mejorar sus funcionalidades.

Por lo tanto, existen decenas y decenas de complementos que ofrecen su propio catálogo de bloques para el editor de texto.

Pero también, para algunos de ellos, plantillas y otras composiciones de bloques.

La mayoría de las veces, con este tipo de complementos, Te beneficias de opciones adicionales de diseño y maquetación.en comparación con lo que WordPress ofrece de forma nativa. 

Estos complementos también ofrecen bloques que no se encuentran por defecto en WordPressPor lo tanto, tus posibilidades creativas y de diseño son mayores, sin necesidad de tocar el código. 

Aquí tenéis algunos plugins de bloques de Gutenberg que se encuentran entre los descargados del directorio oficial de extensiones:

Además de eso, también hay extensiones menos "comodín" (sin la connotación peyorativa) que incluyen: El objetivo es ofrecer un bloque simple para realizar una operación específica.

Por ejemplo, la extensión Bloque de mapas para Google Maps Te permite añadir un mapa de Google a tu contenido, utilizando un bloque de Gutenberg.

El mismo principio se aplica al complemento. Inteligente deslizante 3que añade un control deslizante a tus páginas y artículos.

Smart Slider 3 te permite añadir un control deslizante a WordPress.

Ya sabes cómo funciona Gutenberg en WordPress. ¡Y además tienes una buena selección de plugins para aprovechar funciones adicionales!

Por último, descubre algunos consejos prácticos para ser más productivo con el editor de texto de WordPress. 

6 consejos para trabajar de forma más eficiente con Gutenberg en WordPress

Utiliza atajos de teclado

¿Eres fan de Ctrl + Z (para usuarios de PC) o Cmd + Z (para usuarios de Mac)? ¡Buenas noticias! ¡También funciona en Gutenberg!

¿Añadiste un bloque, contenido, diseño o cualquier otra cosa demasiado rápido? Retrocede inmediatamente con solo pulsar Ctrl + Z o Cmd + Z.

Otro consejo muy útil sobre atajos de teclado: puedes insertar un bloque añadiendo una barra inclinada (/), sin necesidad de usar la herramienta de inserción:

Cómo añadir un bloque de Gutenberg a WordPress mediante un atajo de teclado.

Finalmente, puedes acceder una lista de atajos de teclado sugeridos por el editor de texto al hacer clic en los 3 puntos pequeños, en la esquina superior derecha del editor.

Los atajos de teclado son accesibles a través del editor de texto.

Aprovecha las opciones del modo "Vista" en el editor de WordPress.

Si estás acostumbrado a escribir contenido, sabes que la concentración es muy importante para ser productivo y eficiente.

Trabajar sin distracciones puede ser una gran ventaja, y eso es precisamente lo que ofrece Gutenberg a través de las opciones de su modo "Vista".

Para acceder a él, haz clic en los tres puntos pequeños que aparecen en la esquina superior derecha de la ventana de edición (ya lo sabes). A continuación, podrás activar los siguientes modos:

  • Modo de pantalla completaEn este caso, ya no verá los menús de administración de WordPress y podrá centrarse en su diseño;
  • Modo de resaltado, que resalta únicamente el bloque en el que está trabajando actualmente;
  • Modo de barra de herramientas superiorEn este caso, esta última, y ​​todas sus opciones, se mostrarán en la parte superior de la pantalla en todo momento.
Modo de la barra de herramientas superior de Gutenberg.

Crea columnas con un solo clic con Gutenberg en WordPress.

Con Gutenberg, los bloques se apilan uno debajo del otro por defecto. Por supuesto, puedes reorganizarlos como quieras arrastrándolos y soltándolos hacia arriba o hacia abajo en tu artículo o página.

Para diseños más avanzados, es posible agrupar varios bloques en la misma "línea", presentándolos en forma de columnas.

Para ello, hay un bloque específico, llamado simplemente Columna. Una vez que lo hayas añadido, Puedes elegir entre 6 tipos de columnas.Luego, agregue el/los bloque(s) de su elección a cada columna:

Puedes organizar tu contenido en columnas con Gutenberg en WordPress.

Agrega tus imágenes arrastrándolas y soltándolas desde tu ordenador.

Para mejorar tus columnas, es posible que necesites una imagen. Si está ubicada en el escritorio de tu computadora, Puedes integrarlo en tu contenido con una simple acción de arrastrar y soltar (sin necesidad de añadir un bloque de imagen)..

Gracias a esto, ya no es necesario descargar la imagen en cuestión a tu biblioteca multimedia.

Sin embargo, no olvides darle a tu imagen un título claro de antemano y luego completar sus atributos. , una vez que lo hayas añadido a Gutenberg. Esto es importante para optimizar el SEO de tu sitio WordPress..

Integra fácilmente los enlaces de anclaje.

Si bien Gutenberg cuenta con un editor de código HTML —ciertamente no muy fácil de usar— que permite modificar los tipos de contenido (artículos, páginas, etc.), una de las ventajas del editor de texto es que se puede utilizar sin... programar. 

Consigo, Agregar un enlace de anclaje se convierte en un juego de niños, sin necesidad de manipular HTML.

Para ello, sigue este breve tutorial de Gutenberg dedicado a WordPress. Primero, crea un ancla en el título que elijas.

Selecciónelo y, a continuación, asígnele el nombre que desee (por ejemplo, my-anchor) en la sección "Avanzado" del bloque de título:

Creando un ancla de enlace.

Para finalizar, crea un enlace de anclaje en el texto que prefieras. Este enlace te redirigirá al título al que añadiste el anclaje anterior.

Proceda seleccionando el texto que desee y, a continuación, añada un enlace que contenga el nombre de su ancla, precedido por el símbolo # (por ejemplo, #mi-ancla):

Agregar un ancla usando Gutenberg.

Agregue enlaces mediante copiar y pegar.

Finalmente, tenga en cuenta que Gutenberg facilita la adición de vídeos, tuits, imágenes o audio simplemente pegando el enlace a la fuente que te interese.Esto se conoce como enlace. incrustar (enlace incrustado).

Esto funciona, por ejemplo, si quieres añadir un vídeo de YouTube a tu contenido. El editor Gutenberg de WordPress creará automáticamente un bloque y mostrará una vista previa del vídeo, como se muestra a continuación:

WordPress también ofrece una lista de sitios desde la cual puedes agregar enlaces integrados, que incluyen por ejemplo Amazon Kindle, DailyMotion, Spotify, TikTok, Ted, Vimeo, etc.

resumen

El editor de texto Gutenberg de WordPress es una herramienta en constante evolución. Lanzado en 2018 e inicialmente limitado a entradas y páginas, ha incorporado muchas funciones nuevas con el tiempo.

Hoy en día, incluso permite diseñar un sitio web completo de WordPress gracias al concepto central de bloques, sin necesidad de tocar el código (HTML, CSS, JavaScript, etc.)..

A lo largo de esta guía dedicada a Gutenberg en WordPress, has descubierto, en particular:

  • cómo funciona Gutenberg;
  • cómo usarlo, gracias a minitutoriales centrados en la aplicación práctica;
  • unas diez extensiones para ampliar su funcionalidad;
  • Consejos para ser más productivo con este editor de texto.

Dado que crear contenido, o incluso un sitio web completo, con Gutenberg requiere conocimientos técnicos, el equipo de MaintenanceWP puede ayudarte en tus diversos proyectos. 

Nuestro equipo, disponible los 7 días de la semana, puede ofrecerle una solución a medida que satisfaga sus necesidades con rapidez, profesionalidad y eficiencia. Contáctenos para más información.

Descubre más artículos del blog

flecha separadora

Ver más artículos