Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo usar el editor de bloques de WordPress (Tutorial de Gutenberg)

Crear contenido atractivo en WordPress no tiene por qué ser abrumador.

El editor de bloques (también conocido como Gutenberg) fue diseñado específicamente para hacer que la creación de páginas y publicaciones sea tan simple como arrastrar y soltar bloques en su lugar, sin necesidad de conocimientos técnicos.

Piénsalo como construir con bloques de Lego digitales. Cada pieza de contenido, ya sea texto, imágenes o botones, se convierte en un bloque que puedes mover y personalizar fácilmente.

Hicimos el cambio a Gutenberg desde el principio y lo hemos estado usando durante años. Esto nos ha ayudado a guiar a miles de usuarios de WPBeginner a dominar este sistema.

En este tutorial, te mostraremos exactamente cómo funciona el editor de bloques de WordPress.

Aprenderás las técnicas sencillas que hacen que la creación de contenido sea más rápida y agradable, además de descubrir funciones que pueden darle a tu sitio web un aspecto pulido sin necesidad de conocimientos de codificación.

Cómo usar el editor de bloques de WordPress

Nota: En este artículo, hablamos de usar el editor de bloques, que está diseñado para editar tus publicaciones y páginas. Si te preguntas cómo editar todo tu sitio web con bloques, consulta nuestra guía completa de edición de sitio completo de WordPress.

¿Cuál es la diferencia entre el editor de bloques (Gutenberg) y el editor clásico?

Antes de adentrarnos en el editor de bloques, comparemos y entendamos las diferencias entre el editor de bloques de Gutenberg y el editor clásico anterior.

Así se veía el editor clásico en WordPress:

Editor clásico anterior en WordPress

Tenía un cuadro de editor de texto con algunas opciones básicas de formato. Era bastante limitado en funcionalidad y apariencia visual.

Así se ve el editor de bloques en WordPress:

Editor de bloques en WordPress

Como puedes ver, son dos editores completamente diferentes para crear contenido en WordPress.

El antiguo editor clásico era un editor de texto con botones de formato similares a Microsoft Word.

El nuevo editor utiliza un enfoque diferente llamado 'Bloques' (de ahí el nombre Editor de Bloques).

Los bloques son elementos de contenido que puedes agregar a la pantalla de edición para crear diseños. Cada elemento que agregas a tu publicación o página es un bloque.

Por ejemplo, puedes agregar bloques para párrafos, imágenes, videos, galerías, audio, listas y más. Hay bloques para todos los elementos de contenido comunes, y se pueden agregar más a través de plugins de WordPress.

¿Cómo es el editor de bloques de WordPress mejor que el editor clásico?

El editor de bloques de WordPress ofrece una forma sencilla de agregar diferentes tipos de contenido a tus publicaciones y páginas.

Por ejemplo, si anteriormente querías agregar una tabla a tu contenido usando el editor clásico, necesitabas un plugin de tabla por separado.

Con el editor de bloques, simplemente puedes agregar un bloque de tabla, seleccionar tus columnas y filas, y comenzar a agregar contenido.

Ejemplo de bloque de tabla

Puedes mover elementos de contenido hacia arriba y hacia abajo, editarlos como bloques individuales y crear fácilmente contenido enriquecido en medios.

Lo más importante es que el editor de bloques de WordPress es fácil de usar y aprender.

Esto da una gran ventaja a todos los principiantes de WordPress que recién están iniciando su primer blog o construyendo un sitio web de negocios DIY.

Dicho esto, veamos cómo usar el editor de bloques de WordPress para crear contenido genial como un profesional.

Esto es lo que cubriremos en este tutorial de Gutenberg:

¿Listo? Vamos a empezar.

Usando Gutenberg – El editor de bloques de WordPress

El editor de bloques está diseñado para ser intuitivo y flexible. Aunque se ve diferente al editor antiguo de WordPress, todavía hace todo lo que podías hacer en el editor clásico.

Empecemos cubriendo las cosas básicas que hacías en el editor clásico y cómo se hacen en el editor de bloques.

Creando una nueva entrada de blog o página usando el editor de bloques

Empezarás a crear una nueva entrada de blog o página como lo harías normalmente. Simplemente haz clic en el menú Entradas » Añadir Nueva Entrada en tu administrador de WordPress.

Si estás creando una página, ve al menú Páginas » Añadir Nueva en su lugar.

Agregar nueva publicación en WordPress

Esto iniciará el editor de bloques.

Cómo agregar un bloque en el editor de bloques

El primer bloque de cada entrada o página es el título.

Puedes usar el ratón para moverte debajo del título o presionar la tecla Tab en tu teclado para bajar el cursor y empezar a escribir.

El bloque de título

Por defecto, el siguiente bloque es un bloque de Párrafo. Esto permite a los usuarios empezar a escribir de inmediato.

Sin embargo, si quieres agregar algo diferente, puedes hacer clic en el botón de añadir nuevo bloque [+] en la esquina superior izquierda del editor, debajo de un bloque existente, o en el lado derecho de un bloque.

Botones para agregar nuevo bloque

Hacer clic en el botón mostrará el menú de añadir bloque con una barra de búsqueda en la parte superior y los bloques de uso común debajo.

Puedes hacer clic en las pestañas para explorar categorías de bloques o escribir una palabra clave para buscar rápidamente un bloque específico.

Animación para agregar nuevo bloque

Si no quieres usar el ratón para hacer clic en el botón, también puedes usar un atajo de teclado.

Empieza escribiendo / para buscar un bloque y luego insértalo presionando la tecla Enter en tu teclado.

Agregar nuevo bloque usando el comando de atajo de teclado

Trabajando con bloques en el nuevo editor

Cada bloque tiene una barra de herramientas que aparece encima de él. Los botones de la barra de herramientas cambian dependiendo del bloque que estés editando.

Por ejemplo, en la captura de pantalla a continuación, estamos trabajando en un bloque de Párrafo que muestra botones de formato básico como alineación de texto, negrita, cursiva, insertar enlace y más opciones que están disponibles en el menú de tres puntos.

Barra de herramientas de bloque

Además de la barra de herramientas, cada bloque puede tener su propia configuración de bloque, que aparece en la columna derecha de la pantalla de edición.

Estas configuraciones varían según el bloque que estés editando. Por ejemplo, el bloque de Párrafo te permite editar el color del texto, del fondo y del enlace, así como la tipografía.

Configuración adicional del bloque en la columna lateral

Puedes mover los bloques hacia arriba y hacia abajo y reorganizarlos.

Si quieres hacer esto, simplemente haz clic para arrastrar y soltar o haz clic en los botones de arriba y abajo en la barra de herramientas del bloque.

Relacionado: Consulta nuestra guía sobre cómo eliminar un bloque en WordPress.

Organizando bloques en grupos y columnas

El editor de bloques también viene con herramientas útiles para administrar y organizar los diseños de tu contenido.

Puedes seleccionar varios bloques haciendo clic en ellos mientras mantienes presionada la tecla Shift de tu teclado.

Transforma bloques en Grupos o Columnas

Después de eso, haz clic en el botón de tipo de bloque en la barra de herramientas para transformar los bloques seleccionados en Grupos o Columnas.

Luego puedes aplicar estilos a todo el bloque Grupo, como cambiar la alineación o el espaciado.

Bloques de grupo de estilo

El editor de bloques también te permite agregar un bloque de Grupo o Columnas vacío.

Después de eso, puedes llenarlos con otros bloques.

Agregar un bloque de columnas en WordPress

Puedes agregar cualquier tipo de bloque en cada columna según sea necesario.

Esto te permite crear diseños atractivos para diferentes casos de uso.

Configuración del bloque de columnas

Guardando y reutilizando contenido con patrones sincronizados (bloques reutilizables)

Una de las características más potentes del editor de bloques es la capacidad de guardar y reutilizar contenido en todo tu sitio. Esto se hace usando Patrones Sincronizados, que anteriormente se conocían como Bloques Reutilizables.

Un Patrón Sincronizado es un bloque, o un grupo de bloques, que puedes usar en múltiples publicaciones y páginas.

La mejor parte es que cuando editas el patrón, se actualiza automáticamente en todos los lugares donde lo has usado. Esto es perfecto para contenido que necesita permanecer consistente, como un cuadro de llamada a la acción, una biografía de autor o información de contacto.

Para crear uno, simplemente selecciona el bloque o los bloques que deseas guardar. Luego, haz clic en el ícono del menú de tres puntos en la barra de herramientas del bloque y elige la opción 'Crear Patrón'.

Crear patrón de bloque reutilizable

Aparecerá una ventana emergente. Aquí, puedes darle un nombre a tu patrón y asignarlo a una categoría para mantener las cosas organizadas.

Lo más importante es que debes asegurarte de que la opción 'Sincronizado' esté activada. Esto es lo que hace que el patrón se actualice en todas partes a la vez.

Crear patrón

Nota💡: También puedes usar grupos y columnas completos como bloques reutilizables. Esto te permite guardar secciones completas y usarlas cuando sea necesario.

Después de hacer clic en 'Crear', tu nuevo Patrón Sincronizado se guardará.

Para usarlo en otra publicación o página, simplemente haz clic en el botón del insertador de bloques (+) y búscalo en la pestaña ‘Patrones’, o simplemente búscalo por su nombre.

Insertar patrón

Los patrones facilitan a los propietarios de sitios web la adición de elementos de uso común a sus diseños, como llamadas a la acción, botones de redes sociales, banners y más.

Tu tema o plugins de WordPress incluso pueden venir con sus propios patrones, o puedes encontrar patrones creados por otros en la biblioteca de patrones de bloques de WordPress.

Si necesitas más ayuda, tenemos una guía separada para principiantes sobre cómo encontrar y usar patrones de bloques de WordPress.

Opciones de publicación y administración en el editor de bloques de Gutenberg

Cada publicación de WordPress contiene muchos metadatos. Esto incluye información como la fecha de publicación, categorías y etiquetas, imágenes destacadas y más.

Todas estas opciones están ordenadamente ubicadas en la columna derecha de la pantalla del editor.

Configuración de entradas y páginas en el editor de bloques

Opciones de plugin en Gutenberg

Los plugins de WordPress pueden aprovechar la API del editor de bloques para integrar su configuración dentro de la pantalla de edición.

Algunos plugins populares vienen con sus propios bloques.

Por ejemplo, WPForms, el mejor plugin de formularios de contacto de WordPress, te permite agregar formularios a tu contenido usando un bloque.

Ejemplo de bloque WPForms

Otros plugins de WordPress también pueden agregar sus configuraciones a la pantalla del editor de bloques.

Por ejemplo, así es como All in One SEO for WordPress te permite editar tu configuración de SEO en la parte inferior del editor de bloques:

Ejemplo de configuración de All in One SEO

De manera similar, si administras una tienda en línea usando WooCommerce, notarás que también tiene sus propios bloques.

Estos bloques te permiten agregar tus productos a cualquiera de tus publicaciones y páginas de WordPress.

Bloques de WooCommerce en el editor de bloques

Agregando algunos bloques comunes en el editor de bloques

El editor de bloques puede hacer todo lo que hacía el editor clásico anterior.

Sin embargo, harás las cosas más rápido y elegantemente que antes. Además, puede hacer mucho más, como permitirte estilizar tu contenido con un montón de opciones sin código.

Aquí tienes algunos de los bloques comunes que puedes usar.

1. Añadir una imagen en el editor de bloques de WordPress

Hay un bloque de Imagen listo para usar en el editor de bloques de WordPress. Simplemente añade el bloque y luego sube un archivo de imagen o selecciónalo de la biblioteca de medios.

Agregar bloque de imagen en WordPress

También puedes arrastrar y soltar imágenes desde tu computadora, y el editor creará automáticamente un bloque de Imagen.

Una vez que hayas añadido una imagen, podrás ver la configuración del bloque, donde puedes añadir metadatos para la imagen, como el texto alternativo, el tamaño de resolución de la imagen y añadir un enlace a la imagen.

Configuración del bloque de imagen en WordPress

Para más información, solo echa un vistazo a nuestro tutorial sobre cómo añadir imágenes en WordPress.

2. Añadir un enlace en el editor de bloques

El editor de bloques viene con varios bloques donde puedes añadir texto. El más usado es el bloque de Párrafo, que tiene un botón para insertar enlace en la barra de herramientas.

Todos los demás bloques de texto de uso común también tienen un botón de enlace en la barra de herramientas.

Agregar bloque de enlace editor de WordPress

También puedes insertar un enlace usando el atajo de teclado, que es Command + K para Mac y CTRL + K en computadoras Windows.

3. Añadir una galería de imágenes en Gutenberg

El bloque Galería funciona como el bloque de imagen. Lo añades y luego subes o seleccionas archivos de imagen.

Ejemplo de bloque de galería

Para más detalles, consulta nuestra guía sobre cómo crear una galería de imágenes en WordPress.

4. Añadir códigos cortos en publicaciones de WordPress usando Gutenberg

Todos tus shortcodes funcionarán igual que en el editor clásico. Simplemente puedes agregarlos a un bloque de Párrafo, o puedes usar el bloque Shortcode.

Bloque de shortcode en el editor de bloques

Explorando otros bloques de contenido en el editor de bloques

El editor de Gutenberg prometió resolver algunos problemas de usabilidad de larga data en WordPress al introducir nuevos bloques.

Los siguientes son algunos de los favoritos que creemos que los usuarios encontrarán inmensamente útiles.

1. Agregar una imagen junto a texto en WordPress

Muchos de nuestros usuarios no podían colocar una imagen junto al texto usando el editor anterior. Ahora puedes hacerlo con el bloque Medios y texto.

Bloque de medios y texto

Este simple bloque viene con dos bloques colocados uno al lado del otro, lo que te permite agregar fácilmente una imagen con algo de texto a su lado.

2. Agregar un botón en publicaciones y páginas de WordPress

Otra molestia del editor anterior era agregar un botón a tus publicaciones o páginas de blog. Tenías que usar un plugin que creaba un shortcode para el botón o cambiar al modo HTML y escribir código.

Afortunadamente, Gutenberg tiene un bloque de Botón que te permite agregar rápidamente un botón a cualquier publicación o página.

Botones en el editor de bloques

Puedes agregar un enlace para tu botón, cambiar colores y más. Para más detalles, consulta nuestro artículo sobre cómo agregar botones fácilmente en WordPress.

3. Agregar hermosas imágenes de portada en publicaciones de blog y páginas de destino

Otra característica interesante que quizás quieras probar es el bloque de Portada, que te permite agregar imágenes de portada o fondos de color a tus publicaciones y páginas.

Una imagen de portada es una imagen más ancha que a menudo se usa para una nueva sección en una página o el comienzo de una historia. Se ve hermosa y te permite crear diseños de contenido atractivos.

Simplemente agrega un bloque de Portada y luego sube la imagen que deseas usar. Puedes elegir un color de superposición para la portada o hacer que sea una imagen de fondo fija para crear un efecto parallax cuando los usuarios se desplacen hacia abajo en la página.

Bloque de portada

Para más detalles, consulta nuestro artículo sobre la diferencia entre imágenes de portada e imágenes destacadas en WordPress.

4. Creación de tablas dentro de artículos

El editor clásico no tenía un botón para agregar tablas a tus publicaciones de WordPress. Tenías que usar un plugin o crear una tabla escribiendo CSS y HTML personalizados.

Ahora, el editor de bloques tiene un bloque de Tabla predeterminado, lo que hace que agregar tablas a tus publicaciones y páginas sea súper fácil. Simplemente agrega el bloque y selecciona el número de columnas y filas que deseas insertar.

Ejemplo de bloque de tabla

Ahora puedes comenzar a agregar datos a las filas de la tabla. Siempre puedes agregar más filas y columnas si es necesario, y hay dos opciones de estilo básicas disponibles.

5. Creación de contenido en varias columnas

Crear contenido en varias columnas era otro problema que el editor clásico no manejaba en absoluto.

Afortunadamente, el editor de bloques te permite agregar un bloque de Columnas, que agrega dos columnas de bloque de párrafo.

Bloque de contenido de varias columnas

Este bloque de columnas es bastante flexible. Puedes agregar hasta 6 columnas en una fila e incluso usar otros bloques dentro de cada columna.

Consejos adicionales para usar Gutenberg como un profesional

Al mirar el editor de bloques, podrías preguntarte si pasarás más tiempo agregando y ajustando bloques que creando contenido real.

Bueno, el editor de bloques es increíblemente rápido, e incluso un uso muy básico durante unos minutos te permitirá agregar bloques instantáneamente sin siquiera pensarlo.

Muy pronto, te darás cuenta de lo mucho más rápido que será tu flujo de trabajo con este enfoque.

Aquí tienes algunos consejos adicionales para usuarios avanzados que te ayudarán a trabajar aún más rápido con el editor de bloques de WordPress.

1. Mueve la barra de herramientas del bloque a la parte superior

Es posible que hayas notado en las capturas de pantalla anteriores que aparece una barra de herramientas en la parte superior de cada bloque. Puedes mover esta barra de herramientas a la parte superior del editor.

Para acceder a la opción de 'Barra de herramientas superior', haz clic en el botón de tres puntos en la esquina superior derecha de la pantalla.

Mover la barra de herramientas del bloque a la parte superior

2. Usa atajos de teclado

Gutenberg viene con varios atajos útiles que harán que tu flujo de trabajo sea aún más rápido y fácil. El primero que deberías empezar a usar de inmediato es el /.

Simplemente escribe /, empieza a escribir, y el editor te mostrará bloques coincidentes que puedes añadir al instante.

Para más atajos, haz clic en el menú de tres puntos en la esquina superior derecha de tu pantalla y selecciona 'Atajos de teclado'.

Usar atajos de teclado en el editor de bloques

Esto abrirá una ventana emergente con una lista de todos los atajos de teclado que puedes usar. La lista tendrá diferentes atajos para usuarios de Windows y Mac.

3. Arrastra y suelta medios para crear bloques de medios automáticamente

Gutenberg te permite arrastrar y soltar archivos en cualquier lugar de la pantalla, creando automáticamente un bloque para ti.

Por ejemplo, puedes soltar un solo archivo de imagen o video, y creará el bloque por ti. Alternativamente, podrías soltar varios archivos de imagen para crear un bloque de Galería.

Arrastrar y soltar cargas de archivos en el editor de bloques

4. Añadir YouTube, Twitter, Vimeo y otras incrustaciones

El editor de bloques facilita la incrustación de contenido de terceros en tu contenido de WordPress. Hay bloques para todos los servicios populares de terceros.

Bloques de incrustación


Sin embargo, puedes simplemente copiar y pegar la URL de incrustación en cualquier momento, y creará automáticamente un bloque para ti.

Por ejemplo, añadir una URL de video de YouTube creará automáticamente un bloque de incrustación de YouTube y mostrará el video.

Incrustación de YouTube en el editor de bloques

Si bien pegar una URL directamente no funcionará para publicaciones de Facebook e Instagram, la solución es simple.

Solo necesitas habilitar la función 'oEmbeds' usando Smash Balloon Social Photo Feed y pegar la URL en el bloque 'Embed'.

Para ver los detalles completos, consulta nuestro artículo sobre cómo incrustar publicaciones de Facebook e Instagram en WordPress.

Agregando más bloques al editor de bloques de Gutenberg en WordPress

El editor de bloques en WordPress permite a los desarrolladores crear sus propios bloques. Algunos excelentes plugins de WordPress ofrecen paquetes de bloques para el nuevo editor.

Aquí hay algunos de ellos:

1. Bloques de Gutenberg de Spectra para WordPress

Bloques Spectra

Bloques de Gutenberg de Spectra para WordPress es una biblioteca de bloques con muchos bloques avanzados que te ayudan a agregar más elementos de diseño a tu contenido.

Spectra, creado por las personas detrás del popular tema de WordPress Astra, te ayuda a crear diseños hermosos sin escribir código.

Para más información, consulta nuestra reseña completa de Spectra.

2. PublishPress Blocks

Bloques PublishPress

PublishPress Blocks es otra potente biblioteca de bloques que viene con bloques adicionales para extender el editor de bloques de Gutenberg.

Incluye hermosas opciones de diseño, sliders, botones, íconos, galerías de imágenes, mapas, pestañas, testimonios, acordeones y más.

3. Stackable – Bloques de Gutenberg

Bloques Stackable

Stackable – Bloques de Gutenberg es una colección de bloques de Gutenberg bellamente diseñados que puedes usar en tu sitio web. Incluye bloques para el contenedor, publicaciones, cuadrícula de características, acordeón, caja de imágenes, lista de íconos, llamada a la acción y más.

Para algunas opciones más, consulta nuestra lista completa de los mejores plugins de bloques de Gutenberg para WordPress.

Preguntas frecuentes sobre Gutenberg – El editor de bloques en WordPress

Desde que Gutenberg se convirtió en el editor predeterminado de WordPress, hemos recibido muchas preguntas sobre cómo usarlo. Aquí están las respuestas a algunas de las preguntas más frecuentes sobre el editor de bloques.

1. ¿Qué pasa con mis publicaciones y páginas antiguas en el editor de bloques? ¿Todavía puedo editarlas?

El editor de bloques no afecta tus publicaciones y páginas antiguas. Todavía puedes editarlas, y el editor de bloques las abrirá automáticamente en un bloque que contiene el editor clásico.

Convertir a bloques

Puedes editarlas dentro del editor antiguo, o puedes convertir los artículos antiguos en bloques y usar el editor de bloques.

2. ¿Todavía puedo seguir usando el editor antiguo?

Sí, todavía puedes seguir usando el editor antiguo. Simplemente instala y activa el plugin Classic Editor.

Tras la activación, el editor de bloques se deshabilitará, y podrás seguir usando el editor clásico.

El plugin Classic Editor será compatible oficialmente en el futuro previsible. Sin embargo, te recomendamos encarecidamente que empieces a usar el editor de bloques ahora para familiarizarte con la forma moderna de crear contenido en WordPress.

3. ¿Qué hago si el editor de bloques no funciona con un plugin o tema que estoy usando?

El Proyecto Gutenberg estuvo mucho tiempo en desarrollo, lo que dio a los autores de plugins y temas tiempo suficiente para probar su código en busca de compatibilidad.

Sin embargo, todavía existe la posibilidad de que algunos plugins y temas no funcionen bien con el editor de bloques. En ese caso, puedes instalar el plugin Classic Editor, solicitar al desarrollador que agregue soporte para Gutenberg o encontrar un plugin o tema alternativo.

4. ¿Cómo puedo aprender más sobre consejos y trucos de Gutenberg?

WPBeginner es el mejor lugar para aprender sobre el editor de bloques en WordPress. Somos el sitio de recursos de WordPress más grande de Internet.

Publicaremos nuevos artículos y actualizaremos nuestros recursos antiguos para ayudarte a dominar el editor de bloques.

Mientras tanto, si tienes alguna pregunta, no dudes en contactarnos dejando un comentario o usando el formulario de contacto en nuestro sitio web.

¿Tienes problemas con Gutenberg?

Si estás teniendo problemas con el editor de bloques de WordPress, hemos creado una guía rápida de solución de problemas que enumera todos los problemas comunes del editor de bloques que los usuarios encuentran y cómo solucionarlos.

Tutorial en video

Si no prefieres instrucciones escritas, simplemente mira nuestro videotutorial:

Suscríbete a WPBeginner

Recursos Adicionales

Los siguientes son algunos recursos adicionales que te ayudarán a usar el editor de bloques de manera más eficiente:

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

233 CommentsLeave a Reply

    • Si es solo para esa frase específica, necesitarías editar el texto como HTML para agregarle estilo en este momento

      Administrador

  1. Hello!
    I created a column block with 3 columns. Added content and everything was distributed across the page width equally. Then I added a 4th column and now the column block no longer distributes across the entire page width. It’s seems like it has “squooshed” (sorry, can’t think of a better word right now), all 4 columns and shrunk the info as well. I tried various alignments for each individual column and it still would not spread the entire block back out. Hope this makes sense and hope you can help. Thanks!!

    • Parece que lo que agregaste a tu columna más grande tiene un ancho mínimo que no permite que el contenido se ajuste, lo que sería la raíz de tu problema.

      Administrador

  2. Estoy batallando con el editor de bloques de Gutenberg. Aquí hay un par de preguntas, pero seguramente habrá muchas más por venir.

    ¿Cómo agrego un documento PDF para que se abra cuando hago clic en un enlace? Solía crear y resaltar el texto del enlace, luego seleccionar "agregar medios" y todo funcionaba bien.

    Cuando intento agregar un enlace desde dentro del bloque de párrafo, ya no veo una lista de páginas y publicaciones posibles para elegir. ¿Cómo obtengo esta lista?

    • Necesitarías tomar manualmente el enlace del documento en tu biblioteca de medios a menos que quisieras incrustarlo. En el bloque de párrafo, hay un botón de enlace que es el tercero desde la derecha; a medida que escribes, debería aparecer el menú desplegable.

      Administrador

    • Learning a new interface can certainly be troublesome but as the interface improves it should slowly become better to use :)

      Administrador

  3. He buscado y no encuentro una respuesta aplicable a mi problema, así que espero que puedan ayudarme.

    Actualicé al nuevo sistema de bloques para nuestro sitio web la semana pasada. Necesito encontrar y copiar la URL de uno de nuestros botones (es una redirección a PayPal), pero no encuentro la URL en ninguna parte.

    No hay un "botón de editar" cuando paso el cursor sobre el botón en el bloque. Tampoco lo encontré en el HTML; lo único que pude ver fueron los archivos de imagen del botón en sí.

    Al hacer clic en el botón en vivo, todavía redirige correctamente, así que sé que el enlace funciona, ¡simplemente no puedo encontrarlo.

    ¿Algún consejo?

    ¡Gracias!

    Jennifer

    • Cuando seleccionas el bloque, deberías tener la configuración del bloque en el lado derecho, donde encontrarías la configuración del enlace para saber a dónde enlaza el botón si se transfirió como una imagen. Si es un bloque de botón, entonces debería haber una URL debajo del botón donde puedes editarlo.

      Administrador

  4. En la parte superior derecha de mi página de edición de bloques, no dice publicar. El botón dice actualizar. Cuando hago clic en ese botón, dice que la página se ha actualizado, pero cuando voy a verla en mi sitio web, no ha cambiado. ¿Algo no se actualizó correctamente para que ese botón no diga publicar?

  5. ¿Cómo vuelvo a la versión anterior? No había nada malo en ella, y esta versión no agrega nada. De hecho, la hace MUCHO más confusa. NO es fácil de usar y ha sido muy frustrante. Las actualizaciones solo deben hacerse para mejorar algo, no solo por el simple hecho de cambiar.

  6. Consume tiempo, si vas a WP verás comentarios muy negativos
    Para mí la solución fue activar un plugin llamado “Disable Gutenberg”
    Entiendo que hay una curva de aprendizaje... pero paso..lo siento

    • Si no estás listo para usar el editor de Gutenberg, entonces usar un plugin como ese es ciertamente comprensible.

      Administrador

  7. Soy completamente novato en la escritura de sitios web y decidí usar WP porque parecía tener buen soporte. En ese momento no me di cuenta de que existía WPbeginner, ¡pero wow! Ahora que he encontrado varias guías de wpbeginner, estoy convencido de que tomé la decisión correcta. Específicamente, esta guía sobre el nuevo editor es fantástica. Incluso su existencia me sacó de un gran apuro: he instalado WP en mi PC para poder jugar con él antes de empezar mi primer sitio web real, pero me quedé atascado porque cuando llegué a la etapa de intentar editar una página, no había rastro del editor que se mostraba en la guía "Getting Started with WordPress" de iThemes. Pasé horas tratando de ver si mi descarga a mi PC estaba corrupta o si me faltaba algo simple. ¡Ahora sé que el editor clásico ha sido reemplazado! Disculpen la publicación larga, pero un agradecimiento real por esta guía y los varios otros documentos que he encontrado en WPbeginner.

  8. ¡Gracias por un gran artículo! Esto realmente me ayudó a hacer la transición. Dudaba en cambiar, pero ahora que he jugado un rato me gusta el nuevo editor de bloques.

  9. Hola, gracias por esto, fue de gran ayuda.

    ¿Puedo preguntar, para agregar un bloque de botón, actualmente no puedo agregar uno que se abra en una nueva pestaña. Solía haber una casilla de verificación fácil para esto. ¿Sabes cómo hacerlo?
    2. Agregar un botón en publicaciones y páginas de WordPress

    ¡Gracias!

    • When adding a link you should have an option with three dots that you can click to have the open in new tab option again.
      There is a button block you can use to add a button to your posts and pages :)

      Administrador

  10. ¿Cómo uso la aplicación Grammarly con este nuevo editor, porque no veo que Grammarly aparezca ahí abajo para corregir mis errores o incluso mostrarme mis errores? Gracias.

    • Una vez que llegues a la segunda línea en un bloque de párrafo, la verificación de Grammarly debería aparecer en la esquina inferior. Si no aparece, puedes contactar al soporte de Grammarly y deberían poder ayudarte a asegurar que aparezca correctamente en tu editor.

      Administrador

  11. Hola, como principiante total, tomé dos cursos sobre Wordpress 5 de Morten en Lynd. Gutenberg es fácil de usar. Sin embargo, todavía no sé cómo construir encabezados y pies de página con Gutenberg. Necesito un fondo de color de ancho completo, sobre el cual agrego varios botones como "acerca de", "servicios", "productos", etc. ¿Puedes ayudar?

  12. ¿Sabes si han podido solucionar el problema de desplazamiento en el editor de bloques? Es realmente molesto que no puedas desplazarte hasta la parte inferior de la sección de bloques sin tener que ir a la sección de Configuración y desplazarte allí. He buscado en Google y he buscado más, y no encuentro una solución. ¡Muchas gracias!

    • A menos que escuche lo contrario, el error no debería ser un problema, pero podría contactar al soporte de WordPress.org para ver si el error específico que está experimentando se resolvió.

      Administrador

  13. Vamos, gente. Estas no son las personas que crearon Wordpress. Estas son las personas que son lo suficientemente amables como para ayudarte a adaptarte a los bloques. ¿Cuántas veces necesitan decirte que instales el plugin Classic Editor si no te gustan los bloques? No sé si me gustan los bloques o no, pero me siento más seguro al probarlos después de leer esta introducción. ¡Gracias!

  14. Hola, después de instalar WordPress 5.1, usando Gutenberg, si voy a escribir texto, aparecerá una línea encima de la primera palabra. No entiendo cuál es el problema. ¿Puede decirme cómo resolverlo?

  15. ¿Hay alguna forma de seguir codificando en HTML en el editor de bloques?
    Pregunto esto porque el editor de bloques insertó un espacio extra ancho entre 2 líneas que no quería. Pude y usé la opción de texto del editor clásico para deshacerme del espacio extra.

    • Sí, puedes usar los puntos suspensivos en la esquina superior derecha para cambiar a HTML o podrías usar un bloque clásico si solo quisieras editar una sección específica en HTML

      Administrador

  16. A regañadientes comencé a usar esta nueva mentalidad de bloques, y no estaba contento con eso. Sin embargo, me alegro de haber encontrado tu artículo, porque ha facilitado mucho la navegación de este nuevo concepto.

    Me pregunto si alguien ha tenido esta experiencia. Mientras agrego etiquetas a mi Documento, agrego las etiquetas, presiono enter y el cuadrito no se expande en absoluto. No tengo idea de cómo ver las etiquetas que he ingresado.

    Uso WooThemes – Canvas

    Experiencia muy frustrante en este momento.

    • Si aún no lo has hecho, es posible que desees intentar deshabilitar tus plugins y/o cambiar de tema para ver si es un conflicto con uno de ellos lo que impide que la sección de etiquetas de autoexpansión se muestre correctamente.

      Administrador

  17. Quizás algún día descubra cómo usar esto, pero por el momento parece imposible. He usado más de una docena de procesadores de texto y varios editores web, pero esa experiencia no me está ayudando ahora.
    Me gustaría sangrar varios párrafos. Suena simple, pero no he encontrado una manera de hacerlo. ¿De qué sirve tener un bloque de párrafo que no se puede sangrar?
    La última vez me di por vencido al poner una tabla y volví a editar HTML en el sistema antiguo.

    • Aunque el bloque de párrafo no tiene una opción de sangría por el momento, si vuelves a usar el editor de bloques, podrías agregar una sangría usando el bloque Clásico

      Administrador

  18. ¿Entonces el concepto de asignar una Plantilla a una nueva página ha desaparecido?

    Hasta donde puedo ver, cuando creas una nueva página 'a partir de bloques', no hay forma de seleccionar una plantilla que hayas construido de la manera antigua. (es decir, el menú desplegable para plantillas no se ve por ningún lado).

  19. ¿Cómo se aumenta el tamaño de fuente en un bloque de lista? He buscado por todas partes. Soy nuevo en WordPress y me parece que no es muy fácil de usar, pero estoy tratando de acostumbrarme. Necesito poder aumentar el tamaño de fuente del bloque de lista. Por favor, ayúdenme.

  20. Acabo de instalar el nuevo Word Press (bloques) y tengo problemas porque hago bien el bloque de título, luego lo que escribo para el segundo bloque aparece duplicado cuando hago la vista previa: veo ese bloque debajo del título DOS VECES en la publicación. ¿Qué estoy haciendo mal?

    • Es posible que desees consultar con el soporte de tu tema para asegurarte de que este no sea un estilo de tu tema específico

      Administrador

  21. Estoy tratando de navegar por el nuevo editor de bloques. Simplemente estoy buscando el botón "leer más" que solías poder simplemente hacer clic en un botón en el editor clásico y colocaría el botón "leer más" para dividir el texto en la página de inicio.

  22. ¿Cómo aumento el tamaño de mi bloque? He leído la guía varias veces. No abordaste eso.
    Si quiero aumentar la escritura en un bloque, ¿cómo lo hago y es posible unir dos bloques?

    • Dependería de lo que intentes cambiar. Puedes copiar y pegar el contenido y luego eliminar el bloque del que moviste el contenido, pero no hay un botón de fusión simple en este momento. Si buscas el tamaño de fuente, normalmente eso lo rige el CSS de tu tema.

      Administrador

  23. No puedo averiguar cómo hacer una opción de "leer más" para que las primeras oraciones de un blog aparezcan como una vista previa en la página principal del blog. ¿Alguna idea? ¿También hay alguna forma de cambiar el color de la fuente de un hipervínculo? ¡¡Gracias!!

  24. Bajo el editor clásico, podía colocar una imagen dentro de un párrafo y mantener todo dentro de los márgenes. No he podido hacerlo con Guttenberg. He seguido las instrucciones sobre el bloque de medios-párrafo y parece funcionar bien. Pero cuando cambio a vista previa, coloca la imagen antes del párrafo. Si simplemente agrego un nuevo bloque, solo puedo colocar la imagen a la izquierda o a la derecha, pero entonces queda fuera de los márgenes del texto, lo cual no se ve bien. Muy frustrante. Busco ayuda.

    • Es posible que la ventana de tu navegador no sea lo suficientemente ancha para que el texto no se coloque automáticamente debajo; deberías contactar al soporte de tu tema específico para ver si es necesario actualizar el estilo para que funcione con el editor de bloques.

      Administrador

  25. He seguido tus instrucciones para colocar una imagen junto a texto en el nuevo Editor de Gutenberg. Se ve bien, hasta que hago clic en Vista previa. Luego aparece como una imagen grande antes del texto. No he podido lograr que se transfiera correctamente a la Vista previa.

    • Si estás en móvil, es posible que esté apilando el texto y la imagen debido a la configuración avanzada de la imagen en ese bloque.

      Administrador

  26. Dado que este nuevo formato ya no ajustará mis fotos de portada de Fotolia como lo hacían en el editor anterior (las necesito anchas y estrechas), elegí el Bloque de Portada, que amplió y estrechó la foto. Puse el título en el centro del bloque de portada. El artículo dice que no hay título (obviamente), así que necesito cambiar el permalink. No puedo eliminar la categoría 'sin categorizar' y el número que le sigue para poner el permalink correcto. Solo estoy tratando de resolver las cosas sin volver al editor anterior. No encuentro información sobre cómo cambiar este permalink. Espero que esto tenga sentido. Gracias por este tutorial, es muy útil.

  27. Hola, ¿cómo asigno un menú a la barra del pie de página para que aparezca también debajo? Actualmente creo un menú personalizado para el pie de página. Al asignarlo a 'Menú del pie de página' en Panel/Apariencia/Menús, aparece automáticamente en la página. Si ahora lo asigno a la barra del pie de página, tendré el menú dos veces.
    Aquí está el problema: Si NO asigno 'menú del pie de página' a mi menú personalizado del pie de página, no está disponible en el editor de la barra del pie de página.

    • Tu tema puede tener una configuración específica que esté causando un problema. Si te pones en contacto con el soporte de tu tema específico y les informas sobre que no aparece/aparece dos veces

      Administrador

  28. No tengo tiempo para aprender un nuevo editor. Tampoco quiero hacerlo. El cambio no siempre es bueno. He perdido días de trabajo. ¡Gracias!

    Si fuera mejor, entonces Microsoft Word operaría como Gutenberg. Realmente no importa. Necesita operar de una manera que todos conocemos. No algún método teórico elegante. La productividad es clave, y si no podemos hacerlo funcionar, hemos perdido productividad. No necesitamos una ratonera mejor, simplemente una que funcione. Supongo que tengo que encontrar otra plataforma de sitio.

    Yo, y supongo que muchos otros, lo encontramos contraintuitivo. Hubo una vez un botón para usar el editor Clásico, pero ahora no lo encuentro. No quiero seguir añadiendo plugins a mi sitio. Están plagados de errores.

  29. He estado tan confundida y ya se siente que me lleva mucho tiempo aprender esta nueva forma de hacer las cosas. Como alguien que no es experta en tecnología pero que realmente disfruta del bricolaje, esto me ha retrasado. Sin embargo, tu artículo definitivamente ha sido útil, ¡así que muchísimas gracias!

  30. Encuentro que este Gutenberg consume mucho tiempo y no vale la pena el esfuerzo, sin embargo, siento que debo hacerlo funcionar.
    Sin embargo, no veo esas marcas a la izquierda de los bloques y no puedo averiguar cómo moverlas.
    Además, cuando inserto una cita destacada, desordena el espaciado de los otros bloques y tampoco puedo averiguar cómo arreglar eso.

    • Para la cita, es posible que desees consultar con el soporte de tu tema sobre el estilo. Para los íconos de la izquierda, deberían aparecer cuando acerques el mouse al lado izquierdo del bloque, siempre y cuando tengas más de un bloque. Es posible que desees expandir la ventana de tu navegador para ver si eso te permite verlos.

      Administrador

      • Gracias. Descubrí cuál es el problema. Tengo que habilitar Jet Pack para que aparezcan los íconos. Lo raro es que tengo que habilitarlo para cada publicación individualmente. Todavía odio esta "mejora".

  31. Gracias por la útil publicación. Aún no he probado WP Blocks, pero parece que podría ser útil. He estado usando Elementor durante los últimos ocho meses y Blocks parece similar.

    ¿Puedo crear plantillas con bloques para poder usar el mismo diseño en muchas páginas/publicaciones?

    Gracias de nuevo.

  32. Hola,

    Actualicé a WordPress 5 y mi página de actualizaciones me dice que tengo la última versión. Sin embargo, no tengo el editor de bloques de Gutenberg. Veo que el editor clásico está activado en mi lista de complementos. Me gustaría probar el editor de bloques, pero no sé si está instalado, ya que no reactivé el editor clásico después de la actualización. ¿Qué debo hacer? ¿Simplemente desactivar el editor clásico? ¿o usar la indicación para reinstalar WordPress 5? ¿o algo más? No hace falta decir que haré una copia de seguridad primero. Por favor, aconséjeme.

  33. Estoy intentando aprender el nuevo Gutenberg practicando la escritura de una publicación. Mi problema es que después de tantos párrafos, el bloque del plugin Yoast está delante de los párrafos, por lo que no puedo ver lo que estoy escribiendo.

    • Es posible que desees contactar con el soporte del plugin Yoast para informarles sobre esto y que puedan investigarlo.

      Administrador

    • He empezado a editar con bloques y después de un cierto número, tampoco puedo añadir más. ¿Hay una longitud máxima de página para usar bloques? El plugin Yoast está al final de la página, pero no sé si eso está impidiendo añadir bloques adicionales.

      • Por defecto, no hay una altura máxima. Si un plugin te está impidiendo agregar bloques, si te pones en contacto con el soporte de ese plugin, deberían poder ayudarte a evitar ese problema.

        Administrador

  34. La edición de bloques no funciona en absoluto en mi sitio. Se niega a actualizarse y no guarda ninguno de mis cambios. Estoy un poco confundido, ¿cómo es esto mucho mejor? ¿Y hay este enorme tutorial sobre cómo usarlo? Eso no me facilita la vida.

  35. Este Gutenberg es una verdadera decepción. Tengo 31 redactores que, con WordPress antes, podían crear magníficos artículos sobre atención médica, de forma sencilla, directamente en la página, dejando fluir los jugos creativos del contenido. Ahora, tenemos redactores ENOJADOS, tropezando con un montón de cajas idiotas, perdiendo el foco, enviándome artículos completos por correo electrónico adjunto para que YO los entienda.

    Me quedé sin palabrotas en las primeras 24 horas.

    Estas personas me recuerdan al desastre de la "New Coke" de Coca-Cola.

    ¿Quieres ayudar? Empieza con lo que Gutenberg puede AÑADIR a una página o publicación, luego regresa y muestra cómo hacerlo usando bloques. Estoy abierto a cosas nuevas, pero primero muéstrame POR QUÉ querría hacer eso.

  36. Muy buen artículo. No soy fan de esto hasta ahora.

    Un par de razones son:

    1. No veo cómo cambiar la fuente.

    2. No puedo cambiar el tamaño de las celdas de la tabla arrastrando.

    3. Realmente no necesito bloques.

  37. Hoy intenté agregar un GIF de Giphy pero apareció un error, no se pudo incrustar. Probé algunos bloques y creé 3/4 de las publicaciones. Los bloques de varias columnas son una nueva información. Gracias.

  38. Tantas cosas que mejorar en WordPress (ej. función de búsqueda), pero nooooo, cambiemos algo que funciona y hagámoslo más difícil, más lento y confuso. Hola inversionistas, ahora tenemos un editor hipster, miren qué geniales somos.
    Gutenberg debería ser algo opcional y no obligatorio.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.