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.
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://www.wpbeginner.com/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://www.wpbeginner.com/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://www.wpbeginner.com/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://www.wpbeginner.com/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://www.wpbeginner.com/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://www.wpbeginner.com/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://www.wpbeginner.com/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
Annette Abrahamsen
This is a great intoduction! I’ve learned a lot..
However I can’t seem to find a guide on how to make a link block.
I need to link from my site to another site just using a block with a link.
The only option I get is to edit my permalink
Any ideas, you guys??
Soporte de WPBeginner
Cuando editas texto en un bloque de párrafo al resaltarlo, deberías poder usar la pequeña barra de herramientas nueva para agregar un enlace.
Administrador
DaveM
Empecé a usar WP V2.6 allá por 2008, y convertí mis propios sitios php desarrollados para usar WP como CMS. Ciertamente ha recorrido un largo camino desde entonces. Si bien Gutenberg ciertamente parece proporcionar una interfaz de flujo de trabajo mucho mejor, que está repleta de cosas buenas, donde antes tenías que codificar tú mismo o adoptar un plugin, debo admitir que, incluso como usuario experimentado de WP, la nueva interfaz me deja perplejo más a menudo que no. Es solo otra curva de aprendizaje. Así que gracias por la introducción, los consejos y la guía. ¡Usaré esta información para manejarlo! Saludos.
Soporte de WPBeginner
Thanks for sharing how you feel about Gutenberg, as it improves hopefully it should get easier to use
Administrador
Michael Lowing
Me complació descubrir que podía insertar una tabla usando el editor de bloques. Llené las celdas con códigos, cada uno de los cuales quería vincular a contenido multimedia. Sin embargo, no pude ver una forma fácil de hacerlo. Podría haber enlazado a la URL en cada caso, pero esto es muy largo. Obviamente, sería mejor poder agregar contenido multimedia directamente desde el editor de bloques, ¿he sido estúpido y me he perdido algo?
Soporte de WPBeginner
Por el momento, esa es una limitación con el bloque de tabla, lo más cercano sería crear un bloque de columna para insertar bloques de medios como otra opción.
Administrador
Jonathan
Desde que actualicé WordPress, me alertaron que "Se perdió la conexión". Deshabilité el plugin de editor clásico antes de que se resolviera. Por favor, ¿hay alguna manera de que pueda usar el editor clásico y deshabilitar el editor de bloques? Desde que llegó el bloque, mi aplicación de WordPress siempre me notifica un error genérico cuando publico. ¿Cuál es el problema de la aplicación también?
Soporte de WPBeginner
Deberías contactar al soporte de la aplicación y hacerles saber sobre ese problema para que puedan investigar cuál podría ser el inconveniente.
Administrador
Curt Byers
Este fue un tutorial increíblemente útil.
Pero no creo que haya visto una solución a mi incapacidad para centrar el texto del título. Lo cual es ridículo.
Pero las opciones de formato de la barra lateral que obtienes con Encabezados, que tienen una opción CENTRAL, desaparecen con Título y la barra de formato superior, que con Imágenes también tiene una opción CENTRAL. también desaparece. Esta es la característica más importante y visible en una página y parece que Wordpress se ha esforzado por evitar una opción de formato muy común. ¿Alguna ayuda? Gracias de nuevo por su servicio a la comunidad de Wordpress.
Soporte de WPBeginner
Si no ves la opción para centrar el texto, deberías poder hacer clic en los tres puntos en la esquina superior derecha para habilitar la barra de herramientas superior. Con eso habilitado, deberías tener la opción de centrar el texto en el bloque de párrafo mientras el bloque está seleccionado.
Administrador
stephen hart
¿Hay alguna forma fácil de navegar entre bloques en una página? Por ejemplo, si estoy leyendo algo en el primer bloque de la página y luego quiero ir a un bloque más abajo en la página, ¿hay alguna forma fácil de saltar a un bloque diferente o solo tienes que desplazarte por la página?
Soporte de WPBeginner
Por el momento, querrás desplazarte por la página
Administrador
Jeffrey Christian
Odio el nuevo formato de WP, tanto que estoy cambiando mi host de blog. Esto no es más fácil de usar. Solía poder publicar fácilmente, luego agregar un video de mi biblioteca. Ahora, por defecto, usa el nuevo formato de bloque, que es terrible, y que no puedo cambiar, y cuando termino frustrantemente la publicación del blog, no puedo agregar mi video. WP siempre se está actualizando para hacer que la creación de blogs sea una experiencia más exasperante. Qué pena.
Soporte de WPBeginner
Si desea permanecer en WordPress, existe la opción de revertir al editor clásico utilizando el método descrito en nuestro artículo aquí:
https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Administrador
Nesdon
Aunque este problema exasperante es universal para todas las interfaces de software. A menudo se siente como si tan pronto como llegas a la parte plana de la curva de aprendizaje, actualizan la interfaz y te lanzan otra subida en la cara.
Supongo que saber cuánto tiempo esperar y hasta dónde empujar los cambios de diseño es la clave para la aceptación del progreso entre la base de usuarios. De hecho, Gutenberg es un gran paso que algunas personas no querrán dar. Pero había tantos elementos heredados inescrutables que pospusieron abordar durante tanto tiempo, que puede haber sido inevitable.
Yo también estoy luchando, especialmente lidiando con sitios antiguos que usan muchos shortcodes, pero espero que una vez que supere el obstáculo, habrá un hermoso y amplio prado al otro lado.
Larry Dean
Creo que sería útil tener la capacidad de guardar un grupo de bloques como uno solo y no solo los bloques individuales. De esa manera, una vez que tengas tu página de publicación como la quieres, se puede reutilizar. Esto sería particularmente útil para aquellos de nosotros que realmente no cambiamos la estructura de cada publicación y realmente no necesitamos ese grado de flexibilidad.
Soporte de WPBeginner
That could certainly be something to look into for the future as Gutenberg improves
Administrador
A O'Brien
¡Hola! ¿Hay alguna forma de cambiar el tamaño de un bloque de portada? Quiero que sea de medio ancho de página para poder tener dos uno al lado del otro, pero no encuentro nada que lo soporte.
¡Gracias!
Soporte de WPBeginner
Es posible que desees usar el bloque de columnas para lo que parece que estás buscando.
Administrador
RK
¿Hay alguna opción para deshabilitar bloques y volver al formato del editor antiguo?
Gutenberg Block apesta, y no quiero comprometer la calidad y velocidad de mi trabajo mientras se pasan los próximos años mejorándolo.
Soporte de WPBeginner
Puedes volver al editor clásico usando uno de los plugins en nuestro artículo aquí: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
Administrador
BOSS
El bloque sigue siendo basura. ¿cómo cambiar la altura del bloque??????
Soporte de WPBeginner
El editor de bloques está intentando mejorar lentamente, tu bloque debería cambiar su altura según el contenido agregado en el bloque
Administrador
Danielle
Soy completamente nuevo en WP y actualmente estoy usando el tema 2019. Lo único que intento hacer es agregar un extracto para que las publicaciones completas no aparezcan en la página de inicio. Por más que lo intento, no puedo averiguar cómo hacerlo. Intenté usar el cuadro de texto "extracto" que se encuentra en la navegación derecha del editor de documentos. Cualquier ayuda aquí sería genial. ¡Gracias!
Soporte de WPBeginner
Es posible que el tema no admita extractos, podrías intentar agregar el bloque "more" o "read more" dependiendo de si estás usando el editor clásico o de bloques para ver si eso resuelve el problema
Administrador
David Brittan
Danielle, quizás quieras usar la herramienta "More", listada bajo Elementos de diseño. Te permite agregar un enlace de "Continuar leyendo" después del primer (o el que sea) párrafo de una publicación.
nick
¿Hay alguna forma de reducir el espacio entre dos bloques?
Soporte de WPBeginner
Si te refieres al front-end de tu sitio, normalmente necesitarías editarlo usando CSS
Administrador
Lori | Eligiendo Sabiduría
Cuando miro mi bloque de párrafo, no veo las mismas opciones que has mostrado aquí. No puedo cambiar el color de una fuente y hay colores preestablecidos en la configuración de color bajo estilos personalizados para los colores de fondo. ¿Hay algo que necesite activar para acceder a esta opción en el bloque de párrafo?
Soporte de WPBeginner
No deberías necesitar habilitar nada, es posible que quieras asegurarte de que un plugin o tu tema no esté eliminando estas opciones
Administrador