¿Qué es Gutenberg en WordPress?<\/h2>\n
Gutenberg es el nuevo editor de WordPress que viene preinstalado a partir de WordPress 5.0. Este introduce un nuevo enfoque en el proceso de creación de contenido, el cual te brinda más control sobre los aspectos visuales del mismo.<\/p>\n <\/div><\/p>
Editor Gutenberg vs editor clásico<\/h2>
Aunque el editor de Gutenberg y el editor clásico sirven para lo mismo, hay claras diferencias entre ambos:<\/p>
- \n
- Interfaz del editor.<\/strong> El editor clásico ofrece un editor simple de texto parecido a Microsoft Word. Por otro lado, el editor de bloques Gutenberg de WordPress tiene una interfaz intuitiva y responsiva, donde todos los iconos son autoexplicativos y fáciles de encontrar. <\/li>\n\n\n\n
- Creación de contenidos.<\/strong> El editor clásico proporciona un área en blanco para escribir posts y páginas. En comparación, el editor de bloques de WordPress Gutenberg tiene más funciones para crear contenido y gestionar sus aspectos visuales de forma eficiente.<\/li>\n\n\n\n
- Facilidad de uso.<\/strong> El editor clásico requiere conocimientos básicos de HTML para disfrutar de todas sus posibilidades. Gutenberg de WordPress no requiere conocimientos técnicos: basta con arrastrar y soltar bloques para crear páginas y entradas.<\/li>\n\n\n\n
- Características.<\/strong> El editor clásico ofrece funciones básicas de formato para la edición de sitios y carece de flexibilidad de diseño. No es una opción ideal para crear páginas ricas en contenido multimedia o diseños complejos. Por otro lado, el nuevo editor de WordPress incluye funciones como bloques reutilizables para crear plantillas.<\/li>\n<\/ul>
\nConsejo profesional<\/h4>\n
Aunque el nuevo editor de bloques viene preinstalado en WordPress 5.0 y versiones superiores, los usuarios con versiones anteriores de WordPress también pueden utilizar el editor de bloques instalando el plugin Gutenberg<\/a>. Sin embargo, recomendamos actualizar el software principal de WordPress a la última versión. Si contratas un alojamiento de WordPress<\/a> diseñado específicamente para este CMS, podrás actualizar las versiones automáticamente desde el panel de control.<\/p>\n <\/div><\/p>
Cómo funciona el editor Gutenberg<\/h2>
El editor Gutenberg de WordPress utiliza el concepto de bloques de contenido individuales para añadir y editar diversos elementos en entradas y páginas.<\/p>
Cada uno de ellos es un componente independiente que se puede personalizar y manipular, lo que le proporciona un control y una flexibilidad profundos. Por ejemplo, puedes establecer un color de fondo o una configuración de anchura diferentes para todo un bloque sin que ello afecte a otros elementos.<\/p>
![\"Editor](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2024\/01\/Editor-Gutenberg-de-WordPress.png\")
<\/figure>Para encontrar todos los bloques, haz clic en el icono + <\/strong>del Insertador de bloques<\/strong>. Este los enumerará en un panel desplegable según su estructura. Cada uno de ellos tiene una configuración y herramientas de diseño<\/a> diferentes.<\/p>
Por ejemplo, el bloque de párrafo tiene opciones para cambiar su color y tipografía. Por otro lado, el bloque de imagen tiene herramientas para añadir texto alternativo y ajustar las dimensiones de la imagen.<\/p>
Con las últimas actualizaciones de WordPress, el editor de contenidos predeterminado ofrece muchas funciones nuevas para facilitar la edición completa del sitio, como:<\/p>
- \n
- Editor del sitio.<\/strong> Edita y navega entre plantillas, sus elementos y opciones de estilo.<\/li>\n\n\n\n
- Modo de edición de plantillas.<\/strong> Te permite editar, cambiar y crear directamente la plantilla de una entrada o página.<\/li>\n\n\n\n
- Tema de bloques.<\/strong> Construye temas de WordPress utilizando bloques compatibles con FSE.<\/li>\n\n\n\n
- Estilos.<\/strong> Permite modificar los estilos en tres niveles: modificaciones globales, bloques locales y valores predeterminados del tema.<\/li>\n\n\n\n
- Bloques temáticos.<\/strong> Crea plantillas tradicionales utilizando etiquetas de plantilla. El editor actual de WordPress incluye bloques Post autor, Post comentarios, Leer más, Avatars y Bucle de consulta. <\/li>\n\n\n\n
- Navegación.<\/strong> Navega entre páginas, plantillas y entradas directamente en el editor.<\/li>\n\n\n\n
- Bloque de navegación.<\/strong> Edita la estructura y el diseño del menú de navegación de un sitio.<\/li>\n\n\n\n
- Bloque de consulta. <\/strong>Duplica WP_Query<\/a> y te permite personalizarlo con funcionalidades adicionales.<\/li>\n<\/ul>
Además, Gutenberg incluye patrones de bloques que consisten en bloques preestablecidos. Suelen contener diseños de varias columnas, disposiciones de botones y composiciones de imágenes.<\/p>
Los desarrolladores y usuarios experimentados de WordPress pueden crear sus propios bloques y patrones de bloques, y compartirlos con los demás mediante plugins.<\/p>
Cómo desactivar el editor Gutenberg<\/h3>
Si te cuesta adaptarte al nuevo editor de bloques Gutenberg, WordPress te da algunas opciones para desactivarlo por completo: instalando un plugin<\/a> o editando el archivo functions.php<\/strong>.<\/p>
Usar un plugin como Classic Editor<\/a> es una solución rápida, ya que desactivará automáticamente Gutenberg al activarlo.<\/p>
Sin embargo, para desactivar Gutenberg solo para tipos de entradas o roles de usuario específicos, recomendamos utilizar un plugin como Disable Gutenberg<\/a>. Por defecto, el plugin desactivará Gutenberg por completo en tu sitio de WordPress. Sin embargo, si desmarcas la opción Desactivación completa <\/strong>en los ajustes del plugin, podrás desactivarlo solo para determinados roles, entradas, plantillas o ID de entrada.<\/p>
![\"Plugin](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\")
<\/figure>Alternativamente, añade un fragmento de código a tu archivo functions.php<\/strong>. Aquí te explicamos cómo hacerlo a través de hPanel:<\/p>
- \n
- En el Administrador de archivos, abre la carpeta public_html<\/strong>.<\/li>\n\n\n\n
- Selecciona wp-content <\/strong>-> temas<\/strong>.<\/li>\n\n\n\n
- Haz clic en la carpeta de tu tema activo y selecciona el archivo functions.php<\/strong>.<\/li>\n\n\n\n
- Añade el siguiente código al archivo, antes de su última línea:<\/li>\n<\/ol>
add_filter('use_block_editor_for_post', '__return_false');<\/pre>- \n
- Guarda y cierra el archivo. Ahora puedes utilizar el editor clásico para crear entradas.<\/li>\n<\/ol>
Si no te sientes cómodo editando los archivos de WordPress, puedes utilizar el plugin Code Snippets<\/a> para añadir el código.<\/p>
- \n
- Después de instalar y activar el plugin, ve a Fragmentos de código <\/strong>-> Añadir nuevo<\/strong>.<\/li>\n\n\n\n
- Nombra el fragmento y pega el código anterior.<\/li>\n<\/ol>
A continuación, selecciona Ejecutar sólo en el área de administración <\/strong>y haz clic en Guardar cambios y activar<\/strong>.<\/p>
![\"Plugin](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\")
<\/figure>Ten en cuenta que desactivar el editor de bloques es una solución temporal. Con el tiempo, Gutenberg será el estándar de edición en WordPress.<\/p>
Cómo utilizar Gutenberg – Video<\/h2>
Si prefieres un formato audiovisual, mira el tutorial de la Academia de Hostinger. <\/p>
- Nombra el fragmento y pega el código anterior.<\/li>\n<\/ol>
- Después de instalar y activar el plugin, ve a Fragmentos de código <\/strong>-> Añadir nuevo<\/strong>.<\/li>\n\n\n\n
- Selecciona wp-content <\/strong>-> temas<\/strong>.<\/li>\n\n\n\n
- Modo de edición de plantillas.<\/strong> Te permite editar, cambiar y crear directamente la plantilla de una entrada o página.<\/li>\n\n\n\n
- Creación de contenidos.<\/strong> El editor clásico proporciona un área en blanco para escribir posts y páginas. En comparación, el editor de bloques de WordPress Gutenberg tiene más funciones para crear contenido y gestionar sus aspectos visuales de forma eficiente.<\/li>\n\n\n\n