What is: Block Editor?

The WordPress block editor is a content editor used to create, edit, and format posts and pages. It lets you easily build complex layouts by adding different types of content blocks and using drag-and-drop to move them where you want. The block editor was introduced in WordPress 5.0 and became the default content editor in WordPress 6.0. It is also known as the Gutenberg editor. It replaces the classic editor, which was the default WordPress editor from 2004-2018.

What’s the Difference Between the Block Editor and Classic Editor?

The previous WordPress content editor is known as the classic editor, and it was the default editor all the way from WordPress 1.5 in 2004 until WordPress 5.0 in 2018. Because it was used for so many years, long-term WordPress users became very familiar with it. It also felt familiar because it operated like a word processor such as Microsoft Word. It placed a toolbar above the editor with icons for adding text formatting such as heading styles, bold, italics, lists, and alignment. This works well for posts and pages that are laid out like a simple document but makes complex layouts difficult. On the other hand, the block editor is perfect for complex layouts. You can easily build a web page by adding individual blocks for paragraphs, images, headings, and more. You can rearrange the blocks using drag-and-drop and style and customize them individually. This block-based approach offers greater control over your content’s layout and appearance. You can learn more in our guide on how to use the WordPress block editor.

What’s the Difference Between the Block Editor and Page Builders?

The block editor comes preinstalled with WordPress and allows you to create beautiful content layouts using blocks. So, you may be wondering whether you need a drag-and-drop WordPress page builder plugin. Top WordPress page builders like SeedProd, Thrive Architect, Beaver Builder, and Divi are significantly more powerful. Like the block editor, they are drag-and-drop design tools that let you create custom WordPress website designs without writing any code. However, they also come with ready-made templates that save you time, and they offer much more design flexibility than WordPress block editor For a detailed comparison, see our guide on the WordPress block editor vs page builders.

What Blocks Are Available in WordPress?

The Gutenberg editor provides plenty of commonly used blocks for creating content. It’s important to explore the different blocks that are available and learn to use them in your content. You will find blocks for adding paragraphs, lists, images, galleries, and more. You can explore the available blocks and add them to your post using the block inserter. Using the Block Inserter The contents in each type of block can be edited, formatted, and customized. For example, you can bold the text in a paragraph block or crop a photo in an image block. To customize a block, simply select it and then use the options in the toolbar and sidebar. There are also blocks for adding more specific types of content, such as call-to-action buttons, YouTube videos, text in columns, code snippets, tables, and much more. Beyond these, you can extend the available block types by installing plugins that add more blocks to the editor or creating your own blocks.

What Are Block Patterns?

Normally, you will add design elements to a post one block at a time. However, if you regularly use the same combination of blocks, then you can save time using block patterns. A block pattern is a pre-made collection of blocks. It lets you add a whole group of blocks in one step, allowing you to create custom content layouts faster. For example, you can use block patterns to add multi-column layouts, media and text patterns, call-to-action patterns, headers, buttons, and more. WordPress comes with a selection of useful block patterns, and some popular WordPress themes also provide more block patterns that can be used when writing content. You can learn more in our beginner’s guide on how to use WordPress block patterns.

¿Qué es el Editor de Bloques en WordPress?

El editor de bloques de WordPress es un editor de contenido que se utiliza para crear, editar y formatear publicaciones y páginas. Te permite crear fácilmente diseños complejos agregando diferentes tipos de bloques de contenido y usando arrastrar y soltar para moverlos donde quieras.

El editor de bloques se introdujo en WordPress 5.0 y se convirtió en el editor de contenido predeterminado en WordPress 6.0. También se conoce como el editor de Gutenberg.

Reemplaza al editor clásico, que fue el editor predeterminado de WordPress de 2004 a 2018.

¿Cuál es la diferencia entre el Editor de Bloques y el Editor Clásico?

El editor de contenido anterior de WordPress se conoce como el editor clásico, y fue el editor predeterminado desde WordPress 1.5 en 2004 hasta WordPress 5.0 en 2018.

Debido a que se usó durante tantos años, los usuarios de WordPress a largo plazo se familiarizaron mucho con él. También se sentía familiar porque funcionaba como un procesador de texto como Microsoft Word.

Colocaba una barra de herramientas encima del editor con iconos para agregar formato de texto como estilos de encabezado, negrita, cursiva, listas y alineación. Esto funciona bien para publicaciones y páginas que se diseñan como un documento simple, pero dificulta los diseños complejos.

Por otro lado, el editor de bloques es perfecto para diseños complejos. Puedes crear fácilmente una página web agregando bloques individuales para párrafos, imágenes, encabezados y más.

Puedes reorganizar los bloques usando arrastrar y soltar, y darles estilo y personalizarlos individualmente. Este enfoque basado en bloques ofrece un mayor control sobre el diseño y la apariencia de tu contenido.

Puedes aprender más en nuestra guía sobre cómo usar el editor de bloques de WordPress.

¿Cuál es la diferencia entre el Editor de Bloques y los Constructores de Páginas?

El editor de bloques viene preinstalado con WordPress y te permite crear hermosos diseños de contenido utilizando bloques. Entonces, podrías preguntarte si necesitas un constructor de páginas de WordPress de arrastrar y soltar.

Los mejores constructores de páginas de WordPress como SeedProd, Thrive Architect, Beaver Builder, y Divi son significativamente más potentes.

Al igual que el editor de bloques, son herramientas de diseño de arrastrar y soltar que te permiten crear diseños personalizados de sitios web de WordPress sin escribir ningún código.

SeedProd un popular plugin constructor de páginas para WordPress

Sin embargo, también vienen con plantillas listas para usar que te ahorran tiempo, y ofrecen mucha más flexibilidad de diseño que el editor de bloques de WordPress.

Para una comparación detallada, consulta nuestra guía sobre el editor de bloques de WordPress frente a los constructores de páginas.

¿Qué bloques están disponibles en WordPress?

El editor de Gutenberg proporciona una gran cantidad de bloques de uso común para crear contenido. Es importante explorar los diferentes bloques disponibles y aprender a usarlos en tu contenido.

Encontrarás bloques para agregar párrafos, listas, imágenes, galerías y más. Puedes explorar los bloques disponibles y agregarlos a tu publicación usando el insertador de bloques.

El contenido de cada tipo de bloque se puede editar, formatear y personalizar. Por ejemplo, puedes poner en negrita el texto en un bloque de párrafo o recortar una foto en un bloque de imagen.

Para personalizar un bloque, simplemente selecciónalo y luego usa las opciones en la barra de herramientas y la barra lateral.

Personalizar un bloque usando la barra de herramientas y la barra lateral

También hay bloques para agregar tipos de contenido más específicos, como botones de llamada a la acción, videos de YouTube, texto en columnas, fragmentos de código, tablas y mucho más.

Más allá de estos, puedes extender los tipos de bloque disponibles instalando plugins que agregan más bloques al editor o creando tus propios bloques.

Cómo crear tus propios bloques en WordPress

Si tienes necesidades específicas, también puedes crear tus propios bloques personalizados.

La mejor manera de hacer esto es crear un fragmento de bloques usando WPCode. Esto te permite diseñar bloques personalizados usando el propio editor de bloques.

Elige la opción Fragmentos de bloque y haz clic en el botón Editar con el editor de bloques

Una segunda forma de crear bloques personalizados es usando el plugin Genesis Custom Blocks. Este está hecho por las personas detrás de WP Engine hosting.

Este plugin proporciona a los desarrolladores herramientas fáciles para crear rápidamente bloques personalizados para sus proyectos.

Creación de un nuevo bloque personalizado

Puedes aprender a usar ambos métodos en nuestra guía sobre cómo crear un bloque personalizado de WordPress.

Una vez que hayas creado algunos bloques personalizados, puedes importar y exportar tus bloques de Gutenberg entre sitios web.

¿Qué son los patrones de bloques?

Normalmente, agregarás elementos de diseño a una publicación un bloque a la vez. Sin embargo, si usas regularmente la misma combinación de bloques, puedes ahorrar tiempo usando patrones de bloques.

Un patrón de bloques es una colección predefinida de bloques. Te permite agregar un grupo completo de bloques en un solo paso, lo que te permite crear diseños de contenido personalizados más rápido.

Por ejemplo, puedes usar patrones de bloques para agregar diseños de varias columnas, patrones de medios y texto, patrones de llamada a la acción, encabezados, botones, y más.

WordPress viene con una selección de patrones de bloques útiles, y algunos temas populares de WordPress también proporcionan más patrones de bloques que se pueden usar al escribir contenido.

Puedes aprender más en nuestra guía para principiantes sobre cómo usar patrones de bloques de WordPress.

Cómo actualizar tus publicaciones antiguas de WordPress con el editor de bloques

Si tienes tu sitio web de WordPress desde hace años, es posible que tengas mucho contenido antiguo creado con el editor clásico. Por defecto, estas publicaciones seguirán abriéndose en el editor clásico.

Es posible que te preguntes si es posible editar estas publicaciones usando el editor de bloques.

La respuesta es 'Sí', y puedes aprender cómo siguiendo nuestra guía paso a paso sobre cómo actualizar tus publicaciones antiguas de WordPress con el editor de bloques de Gutenberg.

Cómo deshabilitar el editor de bloques y usar el editor clásico

Te recomendamos que aprendas y uses el editor de bloques porque es el futuro de WordPress.

Sin embargo, si deseas seguir usando el editor clásico, puedes deshabilitar el editor de bloques y habilitar el editor clásico usando un plugin o un fragmento de código.

Recomendamos usar WPCode porque facilita agregar código personalizado en WordPress e incluye un fragmento en su biblioteca de códigos que puede habilitar el editor clásico.

Habilitar el editor clásico con un fragmento de WPCode

Puedes aprender más en nuestra guía sobre cómo deshabilitar Gutenberg y mantener el editor clásico en WordPress.

Problemas comunes del editor de bloques y cómo solucionarlos

Ocasionalmente podrías encontrar problemas al usar el editor de bloques, como mensajes de error, bloqueos, problemas de alineación y más.

Puedes encontrar ayuda en nuestra guía sobre problemas comunes del editor de bloques de WordPress y cómo solucionarlos.

Esperamos que este artículo te haya ayudado a aprender más sobre el editor de bloques en WordPress. También podrías querer ver nuestra lista de Lecturas Adicionales a continuación para artículos relacionados sobre consejos, trucos e ideas útiles 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.

¿Qué es: Editor de Bloques