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 de WordPress?

El editor de bloques de WordPress es un editor de contenido utilizado para crear, editar y dar formato a entradas y páginas. Te permite crear fácilmente disposiciones complejas añadiendo distintos tipos de bloques de contenido y arrastrándolos y soltándolos para moverlos donde quieras.

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

Sustituye al editor clásico, que fue el editor por defecto de WordPress entre 2004 y 2018.

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

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

Como se ha utilizado durante tantos años, los usuarios veteranos de WordPress se han familiarizado con él. También les resultaba familiar porque funcionaba como un procesador de textos como Microsoft Word.

Colocó una barra de herramientas encima del editor con iconos para añadir formato de texto como estilos de encabezado, negrita, cursiva, listas y alineación. Esto funciona bien para entradas y páginas que se disponen como un simple documento, pero dificulta las disposiciones / disposiciones / diseño / plantillas complejas.

Por otro lado, el editor de bloques es perfecto para estructuras / disposiciones / diseño / plantillas complejas. Puedes construir fácilmente una página web añadiendo bloques individuales para párrafos, imágenes, encabezados y mucho más.

Puede reorganizar los bloques arrastrándolos y soltándolos, y personalizarlos individualmente. Este enfoque basado en bloques ofrece un mayor control sobre la estructura / disposición / diseño / plantilla de su contenido.

Puede obtener más información en nuestra guía sobre cómo utilizar el editor de bloques de WordPress.

¿Cuál es la diferencia entre el editor de bloques y los maquetadores de páginas?

El editor de bloques viene preinstalado con WordPress y le permite crear hermosas disposiciones de contenido utilizando bloques. Por lo tanto, puede que te estés preguntando si necesitas un plugin editor de arrastrar y soltar para páginas de WordPress.

Los mejores maquetadores 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 permiten crear diseños de sitios web de WordPress personalizados sin escribir ningún código.

SeedProd a popular WordPress page builder plugin

Sin embargo, también vienen con plantillas ya preparadas 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, consulte nuestra guía sobre el editor de bloques de WordPress frente a los maquetadores de páginas.

¿Qué bloques están disponibles en WordPress?

El editor Gutenberg proporciona un montón de bloques de uso común para la creación de contenido. Es importante explorar los diferentes bloques disponibles y aprender a utilizarlos en tu contenido.

Encontrarás bloques para añadir párrafos, listas, imágenes, galerías y mucho más. Puedes explorar los bloques disponibles y añadirlos a tu entrada utilizando el insertador de bloques.

El contenido de cada tipo de bloque puede editarse, formatearse y personalizarse. Por ejemplo, puedes poner en negrita el texto de un bloque de párrafo o recortar una foto en un bloque de imagen.

Para personalizar un bloque, basta con seleccionarlo y utilizar las opciones de la barra de herramientas y la barra lateral.

Customizing a Block Using the Toolbar and Sidebar

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

Además, puede ampliar los tipos de bloques disponibles instalando plugins que añadan más bloques al editor o creando sus propios bloques.

Cómo crear sus propios bloques en WordPress

Si tiene necesidades específicas, también puede crear sus propios bloques personalizados.

La mejor forma de hacerlo es crear un fragmento de código de bloques utilizando WPCode. Esto le permite diseñar bloques personalizados utilizando el propio editor de bloques.

Choose the Block Snippets option and click the Edit with block editor button

Una segunda forma de crear bloques personalizados es usando el plugin Genesis Custom Blocks, hecho por la gente detrás del alojamiento WP Engine.

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

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

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

¿Qué son los patrones de bloques?

Normalmente, añadirá elementos de diseño a una entrada de bloque en bloque. Sin embargo, si utiliza regularmente la misma combinación de bloques, puede ahorrar tiempo utilizando patrones de bloques.

Un patrón de bloques es una colección prefabricada de bloques. Permite añadir todo un grupo de bloques en un solo paso, lo que permite crear estructuras de contenido personalizadas con mayor rapidez.

Por ejemplo, puede utilizar patrones de bloques para añadir disposiciones de varias columnas, patrones de medios y texto, patrones de llamada a la acción, cabeceras, botones, etc.

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 utilizar al escribir contenido.

Puede obtener más información en nuestra guía para principiantes sobre cómo utilizar los patrones de bloques de WordPress.

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

Si usted ha tenido su sitio web de WordPress durante años, entonces usted puede tener un montón de contenido antiguo creado con el editor clásico. Por defecto, estas entradas se seguirán abriendo en el editor clásico.

Quizá se pregunte si es posible editar estas entradas con el editor de bloques.

La respuesta es ‘Sí’, y puedes aprender cómo siguiendo nuestra guía práctica sobre cómo actualizar tus entradas antiguas de WordPress con el editor de bloques Gutenberg.

Cómo desactivar el editor de bloques y utilizar el editor clásico

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

Sin embargo, si desea seguir utilizando el editor clásico, puede desactivar el editor de bloques y activar el editor clásico mediante un plugin o un fragmento de código.

Recomendamos usar WPCode porque facilita añadir código personalizado en WordPress e incluye un fragmento de código en su biblioteca que puede activar el editor clásico.

Enabling the Classic Editor With a WPCode Snippet

Puedes obtener más información en nuestra guía sobre cómo desactivar Gutenberg y mantener el editor clásico en WordPress.

Problemas comunes del editor de bloques y cómo corregirlos

Es posible que de vez en cuando surjan problemas al utilizar el editor de bloques, como mensajes de error, bloqueos, problemas de alineación, etc.

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

Esperamos que este artículo te haya ayudado a aprender más acerca del editor de bloques en WordPress. Puede que también quieras ver nuestra lista de Lecturas Adicionales más abajo para artículos relacionados sobre consejos, trucos e ideas útiles para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Qué es: Editor de bloques