{"id":5642,"date":"2017-10-17T18:53:13","date_gmt":"2017-10-17T18:53:13","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=5642"},"modified":"2026-03-10T16:28:59","modified_gmt":"2026-03-10T15:28:59","slug":"gutenberg-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/gutenberg-wordpress\/","title":{"rendered":"\u00bfQu\u00e9 es Gutenberg en WordPress? Definici\u00f3n y diferencias del editor cl\u00e1sico"},"content":{"rendered":"<p>Gutenberg es el editor predeterminado de WordPress introducido en WordPress 5.0. Como sustituto del editor TinyMCE, ofrece una forma diferente de crear entradas y p&aacute;ginas interactivas.<\/p><p>Tras la actualizaci&oacute;n de WordPress 5.9, Gutenberg se convirti&oacute; en algo m&aacute;s que un editor de contenido. Incluye todos los aspectos de la personalizaci&oacute;n para ofrecer una experiencia de edici&oacute;n de sitios completa (FSE), lo que significa que podr&aacute;s crear y dise&ntilde;ar todo tu sitio de WordPress con el editor.<\/p><p>Con un enfoque basado en bloques, Gutenberg incluye todos los elementos que se suelen necesitar para crear una p&aacute;gina web, como p&aacute;rrafos, encabezados, listas, botones, widgets, incrustaciones y columnas.<\/p><p>Tambi&eacute;n proporciona una mejor representaci&oacute;n visual de la p&aacute;gina, lo que lo hace m&aacute;s parecido a un constructor de p&aacute;ginas que el anterior editor de WordPress.<\/p><p>En este art&iacute;culo, vamos a hablar de c&oacute;mo funciona Gutenberg y en qu&eacute; se diferencia de su predecesor. Tambi&eacute;n te mostraremos c&oacute;mo utilizar el editor de bloques y responderemos a preguntas comunes sobre &eacute;l.<\/p><p>\n\n\n\n<\/p><p><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   &iquest;Qu&eacute; es Gutenberg en WordPress?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">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&oacute;n de contenido, el cual te brinda m&aacute;s control sobre los aspectos visuales del mismo.<\/p><\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-editor-gutenberg-vs-editor-clasico\">Editor Gutenberg vs editor cl&aacute;sico<\/h2><p>Aunque el editor de Gutenberg y el editor cl&aacute;sico sirven para lo mismo, hay claras diferencias entre ambos:<\/p><ul class=\"wp-block-list\">\n<li><strong>Interfaz del editor.<\/strong> El editor cl&aacute;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&aacute;ciles de encontrar.&nbsp;<\/li>\n\n\n\n<li><strong>Creaci&oacute;n de contenidos.<\/strong> El editor cl&aacute;sico proporciona un &aacute;rea en blanco para escribir posts y p&aacute;ginas. En comparaci&oacute;n, el editor de bloques de WordPress Gutenberg tiene m&aacute;s funciones para crear contenido y gestionar sus aspectos visuales de forma eficiente.<\/li>\n\n\n\n<li><strong>Facilidad de uso.<\/strong> El editor cl&aacute;sico requiere conocimientos b&aacute;sicos de HTML para disfrutar de todas sus posibilidades. Gutenberg de WordPress no requiere conocimientos t&eacute;cnicos: basta con arrastrar y soltar bloques para crear p&aacute;ginas y entradas.<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas.<\/strong> El editor cl&aacute;sico ofrece funciones b&aacute;sicas de formato para la edici&oacute;n de sitios y carece de flexibilidad de dise&ntilde;o. No es una opci&oacute;n ideal para crear p&aacute;ginas ricas en contenido multimedia o dise&ntilde;os complejos. Por otro lado, el nuevo editor de WordPress incluye funciones como bloques reutilizables para crear plantillas.<\/li>\n<\/ul><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Aunque el nuevo editor de bloques viene preinstalado en WordPress 5.0 y versiones superiores, los usuarios con versiones anteriores de WordPress tambi&eacute;n pueden utilizar el editor de bloques instalando el <a href=\"\/mx\/hosting-wordpress\">plugin Gutenberg<\/a>. Sin embargo, recomendamos actualizar el software principal de WordPress a la &uacute;ltima versi&oacute;n. Si <a href=\"\/mx\/hosting-wordpress\">contratas un alojamiento de WordPress<\/a> dise&ntilde;ado espec&iacute;ficamente para este CMS, podr&aacute;s actualizar las versiones autom&aacute;ticamente desde el panel de control.<\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-como-funciona-el-editor-gutenberg\">C&oacute;mo funciona el editor Gutenberg<\/h2><p>El editor Gutenberg de WordPress utiliza el concepto de bloques de contenido individuales para a&ntilde;adir y editar diversos elementos en entradas y p&aacute;ginas.<\/p><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&oacute;n de anchura diferentes para todo un bloque sin que ello afecte a otros elementos.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-Gutenberg-de-WordPress.png\/public\" alt=\"Editor Gutenberg de WordPress\" class=\"wp-image-37549\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-Gutenberg-de-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-Gutenberg-de-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-Gutenberg-de-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-Gutenberg-de-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Para encontrar todos los bloques, haz clic en el icono <strong>+ <\/strong>del<strong> Insertador de bloques<\/strong>. Este los enumerar&aacute; en un panel desplegable seg&uacute;n su estructura. Cada uno de ellos tiene una configuraci&oacute;n y <a href=\"\/mx\/tutoriales\/herramientas-de-diseno-web\/\">herramientas de dise&ntilde;o<\/a> diferentes.<\/p><p>Por ejemplo, el bloque de p&aacute;rrafo tiene opciones para cambiar su color y tipograf&iacute;a. Por otro lado, el bloque de imagen tiene herramientas para a&ntilde;adir texto alternativo y ajustar las dimensiones de la imagen.<\/p><p>Con las &uacute;ltimas actualizaciones de WordPress, el editor de contenidos predeterminado ofrece muchas funciones nuevas para facilitar la edici&oacute;n completa del sitio, como:<\/p><ul class=\"wp-block-list\">\n<li><strong>Editor del sitio.<\/strong> Edita y navega entre plantillas, sus elementos y opciones de estilo.<\/li>\n\n\n\n<li><strong>Modo de edici&oacute;n de plantillas.<\/strong> Te permite editar, cambiar y crear directamente la plantilla de una entrada o p&aacute;gina.<\/li>\n\n\n\n<li><strong>Tema de bloques.<\/strong> Construye temas de WordPress utilizando bloques compatibles con FSE.<\/li>\n\n\n\n<li><strong>Estilos.<\/strong> Permite modificar los estilos en tres niveles: modificaciones globales, bloques locales y valores predeterminados del tema.<\/li>\n\n\n\n<li><strong>Bloques tem&aacute;ticos.<\/strong> Crea plantillas tradicionales utilizando etiquetas de plantilla. El editor actual de WordPress incluye bloques Post autor, Post comentarios, Leer m&aacute;s, Avatars y Bucle de consulta.&nbsp;<\/li>\n\n\n\n<li><strong>Navegaci&oacute;n.<\/strong> Navega entre p&aacute;ginas, plantillas y entradas directamente en el editor.<\/li>\n\n\n\n<li><strong>Bloque de navegaci&oacute;n.<\/strong> Edita la estructura y el dise&ntilde;o del men&uacute; de navegaci&oacute;n de un sitio.<\/li>\n\n\n\n<li><strong>Bloque de consulta. <\/strong>Duplica <a href=\"https:\/\/developer.wordpress.org\/reference\/classes\/wp_query\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP_Query<\/a> y te permite personalizarlo con funcionalidades adicionales.<\/li>\n<\/ul><p>Adem&aacute;s, Gutenberg incluye patrones de bloques que consisten en bloques preestablecidos. Suelen contener dise&ntilde;os de varias columnas, disposiciones de botones y composiciones de im&aacute;genes.<\/p><p>Los desarrolladores y usuarios experimentados de WordPress pueden crear sus propios bloques y patrones de bloques, y compartirlos con los dem&aacute;s mediante plugins.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-desactivar-el-editor-gutenberg\">C&oacute;mo desactivar el editor Gutenberg<\/h3><p>Si te cuesta adaptarte al nuevo editor de bloques Gutenberg, WordPress te da algunas opciones para desactivarlo por completo: <a href=\"\/mx\/tutoriales\/plugins-en-wordpress-gratis\/\">instalando un plugin<\/a> o editando el archivo <strong>functions.php<\/strong>.<\/p><p>Usar un plugin como <a href=\"https:\/\/es.wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classic Editor<\/a> es una soluci&oacute;n r&aacute;pida, ya que desactivar&aacute; autom&aacute;ticamente Gutenberg al activarlo.<\/p><p>Sin embargo, para desactivar Gutenberg solo para tipos de entradas o roles de usuario espec&iacute;ficos, recomendamos utilizar un plugin como <a href=\"https:\/\/es.wordpress.org\/plugins\/disable-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Disable Gutenberg<\/a>. Por defecto, el plugin desactivar&aacute; Gutenberg por completo en tu sitio de WordPress. Sin embargo, si desmarcas la opci&oacute;n <strong>Desactivaci&oacute;n completa <\/strong>en los ajustes del plugin, podr&aacute;s desactivarlo solo para determinados roles, entradas, plantillas o ID de entrada.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1259\" height=\"725\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/public\" alt=\"Plugin Disable Gutenberg de WordPress\" class=\"wp-image-37550\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/w=1259,fit=scale-down 1259w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Disable-Gutenberg-de-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1259px) 100vw, 1259px\" \/><\/figure><p>Alternativamente, a&ntilde;ade un fragmento de c&oacute;digo a tu archivo <strong>functions.php<\/strong>. Aqu&iacute; te explicamos c&oacute;mo hacerlo a trav&eacute;s de hPanel:<\/p><ol class=\"wp-block-list\">\n<li>En el Administrador de archivos, abre la carpeta <strong>public_html<\/strong>.<\/li>\n\n\n\n<li>Selecciona <strong>wp-content <\/strong>-&gt; <strong>temas<\/strong>.<\/li>\n\n\n\n<li>Haz clic en la carpeta de tu tema activo y selecciona el archivo <strong>functions.php<\/strong>.<\/li>\n\n\n\n<li>A&ntilde;ade el siguiente c&oacute;digo al archivo, antes de su &uacute;ltima l&iacute;nea:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">add_filter('use_block_editor_for_post', '__return_false');<\/pre><ol start=\"5\" class=\"wp-block-list\">\n<li>Guarda y cierra el archivo. Ahora puedes utilizar el editor cl&aacute;sico para crear entradas.<\/li>\n<\/ol><p>Si no te sientes c&oacute;modo editando los archivos de WordPress, puedes utilizar el plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code Snippets<\/a> para a&ntilde;adir el c&oacute;digo.<\/p><ol class=\"wp-block-list\">\n<li>Despu&eacute;s de instalar y activar el plugin, ve a <strong>Fragmentos de c&oacute;digo <\/strong>-&gt; <strong>A&ntilde;adir nuevo<\/strong>.<\/li>\n\n\n\n<li>Nombra el fragmento y pega el c&oacute;digo anterior.<\/li>\n<\/ol><p>A continuaci&oacute;n, selecciona <strong>Ejecutar s&oacute;lo en el &aacute;rea de administraci&oacute;n <\/strong>y haz clic en <strong>Guardar cambios y activar<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\/public\" alt=\"Plugin Code Snippets de WordPress\" class=\"wp-image-37551\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Plugin-Code-Snippets-de-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Ten en cuenta que desactivar el editor de bloques es una soluci&oacute;n temporal. Con el tiempo, Gutenberg ser&aacute; el est&aacute;ndar de edici&oacute;n en WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-utilizar-gutenberg-video\">C&oacute;mo utilizar Gutenberg &ndash; Video<\/h2><p>Si prefieres un formato audiovisual, mira el tutorial de la Academia de Hostinger. <\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Domina Gutenberg de WordPress (Gu&iacute;a Para Principiantes)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/QQQ3BcIb7Uo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-spain.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Suscribirse \u00a1Para m\u00e1s videos educativos!<\/span>\n          <span class=\"channel-name\">Academia de Hostinger<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n        <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCYmKCu1yo_L0fqKe3U_oMnw?sub_confirmation=1\">\n          <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n          <span>Suscribirse<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n<\/p><h2 class=\"wp-block-heading\" id=\"h-como-usar-el-editor-de-bloques-gutenberg-de-wordpress\">C&oacute;mo usar el editor de bloques Gutenberg de WordPress<\/h2><p>Construir y administrar un <a href=\"\/mx\/tutoriales\/como-crear-pagina-web-wordpress\/\">sitio web de WordPress<\/a> utilizando el editor Gutenberg es bastante f&aacute;cil. Para ayudarte a empezar con la edici&oacute;n completa del sitio, las siguientes secciones proporcionar&aacute;n gu&iacute;as sobre c&oacute;mo usar Gutenberg de WordPress para crear y editar bloques.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-como-anadir-un-nuevo-bloque\">C&oacute;mo a&ntilde;adir un nuevo bloque<\/h3><p>El primer paso a la hora de <a href=\"\/mx\/tutoriales\/entrada-wordpress\/\">a&ntilde;adir una entrada<\/a> es a&ntilde;adir un nuevo bloque, lo cual es relativamente f&aacute;cil utilizando el editor Gutenberg de WordPress.<\/p><p>Ten en cuenta que el primer bloque de cada p&aacute;gina o entrada es el t&iacute;tulo. Simplemente mueve el cursor debajo de &eacute;l y sigue estos pasos para a&ntilde;adir un nuevo bloque:<\/p><p>1. Selecciona el icono <strong>Insertador de bloques + <\/strong>en la barra de herramientas superior.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Insertador-de-bloques-de-Gutenberg.png\/public\" alt=\"Insertador de bloques de Gutenberg\" class=\"wp-image-37552\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Insertador-de-bloques-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Insertador-de-bloques-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Insertador-de-bloques-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Insertador-de-bloques-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>2. Selecciona el bloque que desees. En este ejemplo, elegiremos <strong>Cita<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"400\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-de-Cita-de-Gutenberg.png\/public\" alt=\"Bloque de Cita de Gutenberg\" class=\"wp-image-37553\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-de-Cita-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-de-Cita-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-de-Cita-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-de-Cita-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>3. Para a&ntilde;adir m&aacute;s bloques debajo de la cita, simplemente haz clic en el icono<strong> +<\/strong>, como se muestra a continuaci&oacute;n. Ten en cuenta que cada vez que pulses <strong>Intro, <\/strong>el editor de bloques de WordPress a&ntilde;adir&aacute; autom&aacute;ticamente un nuevo bloque de p&aacute;rrafo.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bot%C3%B3n-para-a%C3%B1adir-m%C3%A1s-bloques-en-Gutenberg.png\/public\" alt=\"Bot&oacute;n para a&ntilde;adir m&aacute;s bloques en Gutenberg\" class=\"wp-image-37554\"><\/figure><p>4. Ver&aacute;s un panel que muestra los bloques utilizados con m&aacute;s frecuencia. Para buscar uno en concreto, utiliza la barra de b&uacute;squeda o haz clic en Ver todos.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Secci%C3%B3n-para-ver-bloques-en-Gutenberg.png\/public\" alt=\"Secci&oacute;n para ver bloques en Gutenberg\" class=\"wp-image-37555\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-personalizar-los-bloques\">C&oacute;mo personalizar los bloques<\/h3><p>Ajusta todos los bloques dentro del editor de bloques de WordPress para adaptarlos a tus preferencias y mejorar el dise&ntilde;o visual de tu sitio web.<\/p><p>Aqu&iacute; c&oacute;mo hacerlo:<\/p><ol class=\"wp-block-list\">\n<li>Haz clic en el icono<strong> + <\/strong>de la barra de herramientas superior para abrir la interfaz del<strong> Insertador de bloques<\/strong>.<\/li>\n\n\n\n<li>Elige un bloque. En este ejemplo, seleccionaremos el bloque <strong>Botones<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-Botones-de-WordPress-Gutenberg.png\/public\" alt=\"Opci&oacute;n Botones de WordPress Gutenberg\" class=\"wp-image-37556\"><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Una vez a&ntilde;adido el bot&oacute;n, aparecer&aacute; la configuraci&oacute;n del bloque. Alternativamente, haz clic en <strong>Configuraci&oacute;n <\/strong>en la esquina superior derecha del editor para cargar el panel de la Barra lateral o <strong>Sidebar<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Panel-de-configuraci%C3%B3n-de-Gutenberg-WordPress.png\/public\" alt=\"Panel de configuraci&oacute;n de Gutenberg WordPress\" class=\"wp-image-37557\"><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>En los ajustes del <strong>Bloque<\/strong>, hay dos pesta&ntilde;as diferentes. En la pesta&ntilde;a de configuraci&oacute;n, puedes ajustar la <strong>Configuraci&oacute;n de anchura<\/strong>, que oscila entre el <strong>25% <\/strong>y el<strong> 100%<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"349\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ajustes-de-anchura-de-un-bloque-de-Gutenberg.png\/public\" alt=\"Ajustes de anchura de un bloque de Gutenberg\" class=\"wp-image-37558\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ajustes-de-anchura-de-un-bloque-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ajustes-de-anchura-de-un-bloque-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ajustes-de-anchura-de-un-bloque-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ajustes-de-anchura-de-un-bloque-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>Debajo encontrar&aacute;s la secci&oacute;n <strong>Avanzadas <\/strong>para a&ntilde;adir <strong>REL del enlace<\/strong>, <strong>Anclaje HTML <\/strong>y <strong>Clase(s) CSS adicional(es)<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-avanzadas-de-un-bloque-de-Gutenberg.png\/public\" alt=\"Opciones avanzadas de un bloque de Gutenberg\" class=\"wp-image-37559\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-avanzadas-de-un-bloque-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-avanzadas-de-un-bloque-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-avanzadas-de-un-bloque-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-avanzadas-de-un-bloque-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"6\" class=\"wp-block-list\">\n<li>Puedes cambiar el aspecto del bot&oacute;n en la pesta&ntilde;a <strong>Estilos<\/strong>. Ajusta el <strong>Relleno <\/strong>o <strong>Contorno <\/strong>en la secci&oacute;n <strong>Color<\/strong>. Es posible cambiar la combinaci&oacute;n de colores del <strong>texto <\/strong>y el <strong>fondo del bot&oacute;n<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Color-de-un-bloque-del-editor-Gutenberg.png\/public\" alt=\"Opciones de Color de un bloque del editor Gutenberg\" class=\"wp-image-37560\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Color-de-un-bloque-del-editor-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Color-de-un-bloque-del-editor-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Color-de-un-bloque-del-editor-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Color-de-un-bloque-del-editor-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"7\" class=\"wp-block-list\">\n<li>En los ajustes de <strong>Tipograf&iacute;a<\/strong>, puedes determinar el tama&ntilde;o de los botones utilizando las opciones predeterminadas o tama&ntilde;os personalizados.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-tipograf%C3%ADa-de-Gutenberg-de-WordPress.png\/public\" alt=\"Opciones de tipograf&iacute;a de Gutenberg de WordPress\" class=\"wp-image-37561\"><\/figure><ol start=\"8\" class=\"wp-block-list\">\n<li>En los ajustes de <strong>Borde<\/strong>, ajusta el borde del bot&oacute;n alternando el punto.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"299\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Borde-del-editor-de-WordPress-Gutenberg.png\/public\" alt=\"Opciones de Borde del editor de WordPress Gutenberg\" class=\"wp-image-37562\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Borde-del-editor-de-WordPress-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Borde-del-editor-de-WordPress-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Borde-del-editor-de-WordPress-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Borde-del-editor-de-WordPress-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-personalizar-los-bloques-mediante-la-configuracion-global-de-estilos\">C&oacute;mo personalizar los bloques mediante la configuraci&oacute;n global de estilos<\/h3><p>Los pasos anteriores te permiten cambiar la apariencia de elementos individuales. Sin embargo, existe una forma de aplicar los cambios a todo el sitio a trav&eacute;s de la <strong>Configuraci&oacute;n global de estilos<\/strong>. Para ello, ve a <strong>Apariencia &rarr; Editor<\/strong>. Esto te llevar&aacute; a la interfaz del Editor del sitio.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-p%C3%A1gina-en-WordPress.png\/public\" alt=\"Ejemplo de p&aacute;gina en WordPress\" class=\"wp-image-37563\"><\/figure><p>A continuaci&oacute;n, elige una plantilla de p&aacute;gina para editar, como la p&aacute;gina de inicio o una p&aacute;gina de una sola entrada. Una vez elegida la plantilla, haz clic en el bot&oacute;n <strong>Estilos<\/strong> de la<strong> <\/strong>esquina superior derecha.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bot%C3%B3n-de-Opciones-del-editor-Gutenberg.png\/public\" alt=\"Bot&oacute;n de Opciones del editor Gutenberg\" class=\"wp-image-37564\"><\/figure><p>Para cambiar los estilos de bloques espec&iacute;ficos para todo el sitio, haz clic en <strong>Bloques <\/strong>y elige el bloque que desees ajustar.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-Bloques-del-editor-de-WordPress.png\/public\" alt=\"Opci&oacute;n Bloques del editor de WordPress\" class=\"wp-image-37565\"><\/figure><p>Puedes cambiar los elementos visuales del bloque, incluidos los colores, la tipograf&iacute;a y el estilo del borde. Ten en cuenta que algunos bloques tendr&aacute;n elementos personalizables m&aacute;s limitados.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-la-secci%C3%B3n-Bloques-del-editor-de-WordPress.png\/public\" alt=\"Opciones de la secci&oacute;n Bloques del editor de WordPress\" class=\"wp-image-37566\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-anadir-titulos-y-texto\">C&oacute;mo a&ntilde;adir t&iacute;tulos y texto<\/h3><p>El siguiente paso en la creaci&oacute;n de una p&aacute;gina web es a&ntilde;adir t&iacute;tulos y texto. Los t&iacute;tulos definen los niveles de importancia del contenido y la interconexi&oacute;n de las ideas.<\/p><p>Sigue estas instrucciones para a&ntilde;adir t&iacute;tulos y texto:<\/p><ol class=\"wp-block-list\">\n<li>Selecciona el <strong>icono + <\/strong>en la barra de herramientas superior. Alternativamente, selecciona el <strong>icono + <\/strong>dentro de la interfaz de contenidos.<\/li>\n\n\n\n<li>Aparecer&aacute; la lista de bloques de WordPress disponibles. Haz clic en <strong>Encabezado<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-Encabezado-del-editor-Gutenberg.png\/public\" alt=\"Opci&oacute;n Encabezado del editor Gutenberg\" class=\"wp-image-37567\"><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Puedes personalizar su aspecto utilizando la <strong>barra de herramientas de bloque<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"301\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Barra-de-herramientas-de-bloque-de-Gutenberg.png\/public\" alt=\"Barra de herramientas de bloque de Gutenberg\" class=\"wp-image-37568\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Barra-de-herramientas-de-bloque-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Barra-de-herramientas-de-bloque-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Barra-de-herramientas-de-bloque-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Barra-de-herramientas-de-bloque-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Para a&ntilde;adir otros elementos de texto, elige una opci&oacute;n de la secci&oacute;n <strong>Texto <\/strong>dentro de los bloques disponibles. Elegiremos <strong>P&aacute;rrafo<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-P%C3%A1rrafo-de-Gutenberg.png\/public\" alt=\"Bloque P&aacute;rrafo de Gutenberg\" class=\"wp-image-37569\"><\/figure><p>5. Este es el aspecto que tendr&aacute;:<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-del-bloque-P%C3%A1rrafo-del-editor-de-WP.png\/public\" alt=\"Ejemplo del bloque P&aacute;rrafo del editor de WP\" class=\"wp-image-37570\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-anadir-imagenes-y-medios\">C&oacute;mo a&ntilde;adir im&aacute;genes y medios<\/h3><p>El editor de bloques ofrece dos formas de a&ntilde;adir im&aacute;genes y archivos multimedia a tu sitio: a trav&eacute;s del <strong>Insertador de bloques <\/strong>o del icono <strong>+ <\/strong>dentro de la interfaz de contenido.<\/p><p>A continuaci&oacute;n c&oacute;mo a&ntilde;adir im&aacute;genes y medios utilizando la primera opci&oacute;n:<\/p><ol class=\"wp-block-list\">\n<li>Haz clic en el bot&oacute;n <strong>Insertador de bloques <\/strong>de<strong> <\/strong>la barra de herramientas superior.<\/li>\n\n\n\n<li>Aparecer&aacute; la lista de bloques disponibles. Elegiremos el bloque de imagen.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-Imagen-de-Gutenberg.png\/public\" alt=\"Bloque Imagen de Gutenberg\" class=\"wp-image-37571\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-Imagen-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-Imagen-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-Imagen-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Bloque-Imagen-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Aparecer&aacute;n las tres opciones de carga: cargar, biblioteca multimedia e insertar desde URL.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-opciones-de-imagen-de-Gutenberg.png\/public\" alt=\"Caja de opciones de imagen de Gutenberg\" class=\"wp-image-37572\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-opciones-de-imagen-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-opciones-de-imagen-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-opciones-de-imagen-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-opciones-de-imagen-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Al elegir la opci&oacute;n <strong>Subir, <\/strong>por<strong> <\/strong>ejemplo, tendr&aacute;s que seleccionar un archivo de imagen y hacer clic en <strong>Abrir<\/strong>. Otra opci&oacute;n es arrastrar y soltar varios archivos de imagen a la vez.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-de-bloques-Gutenberg.png\/public\" alt=\"Editor de bloques Gutenberg\" class=\"wp-image-37573\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-de-bloques-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-de-bloques-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-de-bloques-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Editor-de-bloques-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>Ajusta la imagen mediante el panel <strong>Ajustes <\/strong>situado en la parte derecha del editor de bloques de Gutenberg.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Ajustes-de-imagen-de-Gutenberg.png\/public\" alt=\"Opciones de Ajustes de imagen de Gutenberg\" class=\"wp-image-37574\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Ajustes-de-imagen-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Ajustes-de-imagen-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Ajustes-de-imagen-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opciones-de-Ajustes-de-imagen-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-organizar-los-bloques\">C&oacute;mo organizar los bloques<\/h3><p>Gutenberg ofrece dos formas de reorganizar los bloques utilizando la barra de herramientas flotante. Con el icono de los<strong> seis puntos<\/strong>, puedes seleccionar varios bloques y arrastrarlos y soltarlos en cualquier lugar.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"752\" height=\"525\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-6-botones-de-Gutenberg.png\/public\" alt=\"Caja de 6 botones de Gutenberg\" class=\"wp-image-37575\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-6-botones-de-Gutenberg.png\/w=752,fit=scale-down 752w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-6-botones-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-de-6-botones-de-Gutenberg.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div><p>Por otro lado, las <strong>flechas arriba y abajo <\/strong>te permiten<strong> <\/strong>mover un bloque hacia arriba o hacia abajo.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-de-flechas-de-Gutenberg.png\/public\" alt=\"Opci&oacute;n de flechas de Gutenberg\" class=\"wp-image-37576\"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-como-incrustar-medios\">C&oacute;mo incrustar medios<\/h3><p>Cuando se trata de incrustar contenido de otras plataformas, el editor de bloques de WordPress incluye una secci&oacute;n independiente para incrustar archivos multimedia y ofrece muchas fuentes entre las que elegir.<\/p><p>Aqu&iacute; c&oacute;mo hacerlo:<\/p><ol class=\"wp-block-list\">\n<li>Haz clic en el icono<strong> + <\/strong>de la barra de herramientas superior.<\/li>\n\n\n\n<li>Despl&aacute;zate hacia abajo hasta encontrar la secci&oacute;n <strong>Embeds<\/strong>.<\/li>\n\n\n\n<li>Selecciona el medio que deseas a&ntilde;adir. En este ejemplo, <a href=\"\/mx\/tutoriales\/como-insertar-video-en-wordpress\/\">insertar un v&iacute;deo de YouTube<\/a> en nuestro contenido.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-de-A%C3%B1adir-video-de-YouTube-de-Gutenberg.png\/public\" alt=\"Opci&oacute;n de A&ntilde;adir video de YouTube de Gutenberg\" class=\"wp-image-37577\"><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Pega la URL del v&iacute;deo y haz clic en <strong>Incrustar<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"840\" height=\"333\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-para-incrustar-video-en-el-editor-de-bloques.png\/public\" alt=\"Caja para incrustar video en el editor de bloques\" class=\"wp-image-37578\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-para-incrustar-video-en-el-editor-de-bloques.png\/w=840,fit=scale-down 840w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-para-incrustar-video-en-el-editor-de-bloques.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-para-incrustar-video-en-el-editor-de-bloques.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Caja-para-incrustar-video-en-el-editor-de-bloques.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>El v&iacute;deo se mostrar&aacute; en tu post o p&aacute;gina.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-video-a%C3%B1adido-en-Gutenberg.png\/public\" alt=\"Ejemplo de video a&ntilde;adido en Gutenberg\" class=\"wp-image-37579\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-crear-bloques-reutilizables\">C&oacute;mo crear bloques reutilizables<\/h3><p>Los bloques reutilizables son una colecci&oacute;n de fragmentos de contenido que puedes utilizar en cualquier parte de tu sitio, ayud&aacute;ndote a trabajar de forma m&aacute;s eficaz.<\/p><p>Funcionan como plantillas, de modo que si actualizas una, los cambios se aplicar&aacute;n a todas las p&aacute;ginas y entradas que utilicen el bloque.<\/p><p>Sigue estos pasos para crear bloques reutilizables en Gutenberg WordPress:&nbsp;<\/p><ol class=\"wp-block-list\">\n<li>Elige una secci&oacute;n que desees guardar como bloque reutilizable.<\/li>\n\n\n\n<li>Selecciona el icono de <strong>tres puntos <\/strong>de la barra de herramientas del bloque y haz clic en <strong>Crear patr&oacute;n\/bloque reutilizable<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-para-crear-un-patr%C3%B3nbloque-reutilizable.png\/w=1024,h=1024,fit=scale-down\" alt=\"Opci&oacute;n para crear un patr&oacute;n\/bloque reutilizable\" class=\"wp-image-37580\"><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Asigna un nombre al bloque y selecciona <strong>Crear<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-para-nombrar-patr%C3%B3nbloque-reutilizable.png\/public\" alt=\"Opci&oacute;n para nombrar patr&oacute;n\/bloque reutilizable\" class=\"wp-image-37581\"><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Ahora puedes colocar el bloque en cualquier lugar del sitio.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-bloque-reutilizable-en-WordPress.png\/public\" alt=\"Ejemplo de bloque reutilizable en WordPress\" class=\"wp-image-37582\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-bloque-reutilizable-en-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-bloque-reutilizable-en-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-bloque-reutilizable-en-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Ejemplo-de-bloque-reutilizable-en-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Para utilizarlo, b&uacute;scalo en la lista de bloques disponibles pulsando el icono<strong> +<\/strong>.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Lista-de-bloques-reutilizables-de-WordPress.png\/public\" alt=\"Lista de bloques reutilizables de WordPress\" class=\"wp-image-37583\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Lista-de-bloques-reutilizables-de-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Lista-de-bloques-reutilizables-de-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Lista-de-bloques-reutilizables-de-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Lista-de-bloques-reutilizables-de-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Tambi&eacute;n puede escribir &ldquo;<strong>\/&rdquo; <\/strong>(barra oblicua) y el nombre del bloque.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Opci%C3%B3n-barra-para-WordPress.png\/public\" alt=\"Opci&oacute;n barra \/ para WordPress\" class=\"wp-image-37584\"><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-utilizar-los-atajos-de-teclado-de-gutenberg\">C&oacute;mo utilizar los atajos de teclado de Gutenberg<\/h3><p>El editor de bloques de WordPress dispone de muchos atajos de teclado que te ayudar&aacute;n a trabajar con eficacia y a navegar por su interfaz sin problemas.<\/p><p>Aqu&iacute; est&aacute; la lista de todos los atajos de teclado del editor de bloques Gutenberg y sus funciones:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td><strong>Atajos de teclado<\/strong><\/td><td><strong>Funciones<\/strong><\/td><\/tr><tr><td><strong>May&uacute;s + Alt + H<\/strong><\/td><td>Muestra todos los atajos de teclado.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + Alt + M<\/strong><\/td><td>Cambia entre el editor visual y el editor de c&oacute;digo.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + Alt + F<\/strong><\/td><td>Activa el modo de pantalla completa.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + ,<\/strong><\/td><td>Muestra u oculta el panel <strong>Configuraci&oacute;n de la barra lateral<\/strong>.<\/td><\/tr><tr><td><strong>Ctrl + S<\/strong><\/td><td>Guarda los cambios.<\/td><\/tr><tr><td><strong>May&uacute;s + Alt + O<\/strong><\/td><td>Abre la <strong>vista de lista de bloques<\/strong>.<\/td><\/tr><tr><td><strong>Ctrl + Z<\/strong><\/td><td>Deshace los &uacute;ltimos cambios.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + Z<\/strong><\/td><td>Rehace el &uacute;ltimo deshecho.<\/td><\/tr><tr><td><strong>Ctrl + A<\/strong><\/td><td>Selecciona todo el texto mientras se escribe. Pulsa de nuevo para seleccionar todos los bloques.<\/td><\/tr><tr><td><strong>Esc<\/strong><\/td><td>Borra una selecci&oacute;n.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + D<\/strong><\/td><td>Duplica los bloques seleccionados.<\/td><\/tr><tr><td><strong>May&uacute;s + Alt + Z<\/strong><\/td><td>Elimina los bloques seleccionados.<\/td><\/tr><tr><td><strong>Ctrl + Alt + T<\/strong><\/td><td>Inserta un nuevo bloque antes de los bloques seleccionados.<\/td><\/tr><tr><td><strong>Ctrl + Alt + Y<\/strong><\/td><td>Inserta un nuevo bloque despu&eacute;s de los bloques seleccionados.<\/td><\/tr><tr><td><strong>del o retroceso<\/strong><\/td><td>Borra los textos seleccionados.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + Alt + T<\/strong><\/td><td>Mueve los bloques seleccionados hacia arriba.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + Alt + Y<\/strong><\/td><td>Desplaza hacia abajo los bloques seleccionados.<\/td><\/tr><tr><td><strong>\/<\/strong><\/td><td>Cambia el tipo de bloque despu&eacute;s de a&ntilde;adir un p&aacute;rrafo.<\/td><\/tr><tr><td><strong>Ctrl +B<\/strong><\/td><td>Pon en negrita el texto seleccionado.<\/td><\/tr><tr><td><strong>Ctrl + I<\/strong><\/td><td>Pon en cursiva el texto seleccionado.<\/td><\/tr><tr><td><strong>Ctrl + K<\/strong><\/td><td>Convierte el texto seleccionado en un enlace.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + K<\/strong><\/td><td>Elimina un enlace.<\/td><\/tr><tr><td><strong>[[<\/strong><\/td><td>Inserta un enlace a una entrada o p&aacute;gina.<\/td><\/tr><tr><td><strong>Ctrl + U<\/strong><\/td><td>Subraya el texto seleccionado.<\/td><\/tr><tr><td><strong>Ctrl + ` o May&uacute;s + Alt + N<\/strong><\/td><td>Navega a la siguiente parte del editor.<\/td><\/tr><tr><td><strong>Ctrl + May&uacute;s + ` o May&uacute;s + Alt + P<\/strong><\/td><td>Navega a la parte anterior del editor.<\/td><\/tr><tr><td><strong>Alt + F10<\/strong><\/td><td>Navega a la barra de herramientas m&aacute;s cercana.<\/td><\/tr><\/tbody><\/table><\/figure><p>Si usas Mac, simplemente cambia <strong>Ctrl <\/strong>por el <strong>Comando <\/strong>(&#8984;).<\/p><p>Tambi&eacute;n puede encontrar esta lista haciendo clic en el icono de los<strong> tres puntos <\/strong>de la<strong> <\/strong>esquina superior derecha del editor de bloques de WordPress y seleccionando <strong>Atajos de teclado<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-como-utilizar-la-vista-de-lista-de-bloques\">C&oacute;mo utilizar la vista de lista de bloques<\/h3><p>Puedes hacer clic en el icono del<strong> Insertador de bloques <\/strong>para buscar otros bloques. Sin embargo, si utilizas bloques anidados, encontrar uno en concreto puede resultar complicado.<\/p><p>Adem&aacute;s, cuando tengas muchos bloques diferentes en tu editor de bloques de WordPress, ser&aacute; dif&iacute;cil navegar por todos ellos.<\/p><p>Para simplificar este proceso, el editor Gutenberg WordPress&nbsp; tiene una opci&oacute;n de vista de lista de bloques que te permite ver cada bloque del dise&ntilde;o, incluidos los bloques anidados con sangr&iacute;a. Solo tienes que hacer clic en el bot&oacute;n <strong>Vista de lista <\/strong>de<strong> <\/strong>la barra de herramientas superior.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"362\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Vista-de-lista-de-bloques-de-Gutenberg.png\/public\" alt=\"Vista de lista de bloques de Gutenberg\" class=\"wp-image-37585\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Vista-de-lista-de-bloques-de-Gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Vista-de-lista-de-bloques-de-Gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Vista-de-lista-de-bloques-de-Gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/01\/Vista-de-lista-de-bloques-de-Gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Puedes seleccionar o ampliar un bloque haciendo clic en la lista. Al mismo tiempo, el editor resaltar&aacute; el bloque si pasas el rat&oacute;n por encima.<\/p><p>En el ejemplo anterior, la funci&oacute;n enumera:<\/p><ul class=\"wp-block-list\">\n<li>Un bloque de cabeza en la parte superior del post.<\/li>\n\n\n\n<li>El bloque de columnas principal.<\/li>\n\n\n\n<li>Bloques anidados dentro de cada columna.<\/li>\n\n\n\n<li>Bloques reutilizables anidados en cada bloque de columna.<\/li>\n\n\n\n<li>Bloques de p&aacute;rrafos anidados dentro de cada bloque reutilizable.<\/li>\n\n\n\n<li>Un bloque de p&aacute;rrafos al final del mensaje.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-bloques-vs-widgets\">Bloques vs widgets<\/h2><p>Los widgets son una de las funciones m&aacute;s antiguas de WordPress. Inicialmente, se crearon para construir y gestionar f&aacute;cilmente los contenidos de un sitio sin codificaci&oacute;n.<\/p><p>Sin embargo, los widgets heredados tienen opciones de formato limitadas e implican mucho trabajo manual, ya que se crearon con el editor de widgets cl&aacute;sico. A menudo, incluso requieren plugins adicionales para funciones avanzadas.<\/p><p>Desde WordPress 5.8, el editor de widgets basado en bloques ha sustituido a la opci&oacute;n cl&aacute;sica. La nueva funci&oacute;n viene con muchas mejoras, lo que permite a los usuarios personalizar a&uacute;n m&aacute;s sus p&aacute;ginas, incluso en &aacute;reas en las que antes ofrec&iacute;a menos control.<\/p><p>Adem&aacute;s, tiene muchos <a href=\"\/mx\/tutoriales\/que-es-widget-wordpress\/\">widgets<\/a> preinstalados basados en bloques de WordPress que puedes utilizar sin necesidad de plugins o c&oacute;digo adicionales, como HTML personalizado, calendario, lista de p&aacute;ginas, &uacute;ltimas entradas, iconos sociales y nube de etiquetas.<\/p><h2 class=\"wp-block-heading\" id=\"h-ventajas-y-desventajas-de-gutenberg-nbsp\">Ventajas y desventajas de Gutenberg&nbsp;<\/h2><p>El editor de WordPress Gutenberg es un desarrollo que supera al editor cl&aacute;sico de WordPress en cuanto a personalizaci&oacute;n y flexibilidad. Sin embargo, el editor Gutenberg a&uacute;n tiene sus pros y sus contras.<\/p><h3 class=\"wp-block-heading\" id=\"h-ventajas\">Ventajas<\/h3><ul class=\"wp-block-list\">\n<li><strong>Programaci&oacute;n m&iacute;nima<\/strong>. Con la interfaz de estilos globales, no es necesaria la programaci&oacute;n para personalizar la apariencia del tema. La variedad de bloques en el editor Gutenberg tambi&eacute;n facilita la creaci&oacute;n y edici&oacute;n de contenido.<\/li>\n\n\n\n<li><strong>Compatible con dispositivos m&oacute;viles<\/strong>. Gutenberg es m&aacute;s responsivo que el editor cl&aacute;sico de WordPress. Tener la capacidad de publicar contenido sobre la marcha puede mejorar tu flujo de trabajo, especialmente si viajas con frecuencia.<\/li>\n\n\n\n<li><strong>Menos plugins<\/strong>. Algunos bloques proporcionan caracter&iacute;sticas que reemplazan la necesidad de plugins adicionales. Si crees que los bloques predeterminados son insuficientes, puedes instalar un plugin de bloques para agregar muchas m&aacute;s opciones.<\/li>\n\n\n\n<li><strong>Bloques personalizados flexibles<\/strong>. Gutenberg permite a los desarrolladores crear bloques personalizados para temas y plugins, agregando valor a los complementos y abriendo m&aacute;s posibilidades de personalizaci&oacute;n.<\/li>\n\n\n\n<li><strong>Soporte de metacajas<\/strong>. El editor de Gutenberg es compatible con la mayor&iacute;a de las cajas meta para crear campos personalizados y agregar metadatos a una entrada.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-desventajas\">Desventajas<\/h3><ul class=\"wp-block-list\">\n<li><strong>Curva de aprendizaje<\/strong>. Los usuarios de WordPress sin experiencia previa con un creador de p&aacute;ginas o que est&aacute;n m&aacute;s acostumbrados al antiguo editor de WordPress puede que necesiten tiempo para acostumbrarse al nuevo dise&ntilde;o y ubicaci&oacute;n de herramientas.<\/li>\n\n\n\n<li><strong>Problemas de compatibilidad<\/strong>. El editor de bloques solo est&aacute; disponible cuando se utiliza un tema basado en bloques.<\/li>\n<\/ul><p>Si bien Gutenberg brinda m&aacute;s libertad para personalizar proyectos, no es un creador de p&aacute;ginas. Comprensiblemente, los bloques de WordPress carecen de algunas de las opciones de dise&ntilde;o que ofrecen la mayor&iacute;a de los creadores de p&aacute;ginas.<\/p><p>Afortunadamente, los plugins de bloques est&aacute;n disponibles para ampliar las funcionalidades de Gutenberg. Estos son algunos de los m&aacute;s populares que vale la pena considerar.<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Stackable<\/a>. un plugin de creaci&oacute;n de p&aacute;ginas freemium que proporciona dise&ntilde;os de bloques y kits de interfaz de usuario. Este te permite crear animaciones flotantes y cambiar la configuraci&oacute;n de tipograf&iacute;a del bloque.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra<\/a>: otro plugin de bloques gratuito que ofrece bloques &uacute;tiles para ayudarte a crear formularios, taxonom&iacute;as y l&iacute;neas de tiempo.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/themeisle-companion\/\" target=\"_blank\" rel=\"noreferrer noopener\">Orbit Fox<\/a>: este proporciona varias herramientas para mejorar las tasas de conversi&oacute;n, como la supervisi&oacute;n del tiempo de actividad, la integraci&oacute;n de Google Analytics y los iconos para compartir.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">PublishPress Blocks<\/a>: un plugin gratuito y vers&aacute;til que ofrece 20 bloques nuevos y control de acceso sobre tus bloques.<\/li>\n<\/ul><p>Instalar un plugin para bloques de WordPress te brindar&aacute; una mejor experiencia de usuario y un flujo de trabajo m&aacute;s r&aacute;pido.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>El editor Gutenberg es el editor de contenido predeterminado de WordPress, que permite a los usuarios crear entradas y p&aacute;ginas. Cuenta con bloques predeterminados que contienen todos los elementos que puedas necesitar para crear tu sitio, como p&aacute;rrafos, encabezados, im&aacute;genes, incrustaciones, widgets y columnas.<\/p><p>Adem&aacute;s, el editor de bloques de WordPress ofrece muchas mejoras en comparaci&oacute;n con el anterior. Viene con una interfaz amigable, herramientas f&aacute;ciles de usar y caracter&iacute;sticas adicionales que soportan la edici&oacute;n completa del sitio (FSE).<\/p><p>Adem&aacute;s, puedes a&ntilde;adir y personalizar nuevos bloques, cabeceras y texto, insertar im&aacute;genes y medios, organizar varios bloques e incrustar contenidos de terceros.<\/p><p>Esperamos que este art&iacute;culo te haya ayudado a entender el editor Gutenberg, su uso y en qu&eacute; se diferencia de la herramienta cl&aacute;sica. Si tienes alguna pregunta o sugerencia, d&eacute;jala en los comentarios a continuaci&oacute;n.<\/p><p>        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprende qu&eacute; m&aacute;s puedes hacer con WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/mx\/tutoriales\/mejorar-velocidad-wordpress\/\">&iquest;C&oacute;mo acelerar WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/etiquetas-wordpress\/\">&iquest;C&oacute;mo utilizar las etiquetas de WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/como-instalar-wordpress\/\">&iquest;C&oacute;mo instalar WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/modo-mantenimiento-wordpress\/\">&iquest;C&oacute;mo activar el modo de mantenimiento en WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/como-cambiar-contrasena-wordpress\/\">&iquest;C&oacute;mo cambiar la contrase&ntilde;a de usuario en WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/acceder-al-escritorio-wordpress\/\">&iquest;C&oacute;mo iniciar sesi&oacute;n en WordPress?<\/a><\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-gutenberg-de-wordpress-preguntas-frecuentes\">Gutenberg de WordPress &ndash; Preguntas frecuentes<\/h2><p>En esta secci&oacute;n, responderemos a preguntas comunes sobre el editor Gutenberg.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6944772a47ece\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Tengo que usar el editor Gutenberg?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>En esencia, Gutenberg, el editor predeterminado e integrado en el back end de WordPress, hace lo que hac&iacute;a el editor cl&aacute;sico, pero con una interfaz intuitiva y repleta de funciones. Si quieres seguir con la versi&oacute;n anterior, puedes usar un plugin como Classic Editor. As&iacute;, desactivar&aacute;s el editor de bloques y tendr&aacute;s la interfaz antigua.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944772a47ed2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Gutenberg para WordPress es gratuito?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Dado que Gutenberg forma parte del software central de WordPress, es una funci&oacute;n gratuita que viene preinstalada en WordPress 5.0 y versiones superiores. Si todav&iacute;a utilizas las versiones anteriores del CMS, puedes actualizar a la &uacute;ltima versi&oacute;n o instalar el plugin Gutenberg Editor.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944772a47ed3\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Necesito Gutenberg si tengo Elementor?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;. Aunque ambos act&uacute;an principalmente como constructores de p&aacute;ginas, su uso es diferente: Gutenberg se centra en la creaci&oacute;n de contenido, mientras que Elementor lo hace en el dise&ntilde;o del sitio. Tambi&eacute;n puedes insertar bloques de Elementor en cualquier p&aacute;gina utilizando el editor de bloques.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6944772a47ed4\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&iquest;Es Gutenberg bueno para el SEO?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>S&iacute;, el editor de bloques mejora el rendimiento general de tu sitio web, lo que ayuda a posicionarlo mejor en las p&aacute;ginas de resultados de los motores de b&uacute;squeda (SERP). Desde su lanzamiento, las actualizaciones de Gutenberg han incluido reducci&oacute;n de c&oacute;digo, optimizaci&oacute;n y otras mejoras para acelerar el tiempo de carga de la p&aacute;gina.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gutenberg es el editor predeterminado de WordPress introducido en WordPress 5.0. Como sustituto del editor TinyMCE, ofrece una forma diferente de crear entradas y p&aacute;ginas interactivas. Tras la actualizaci&oacute;n de WordPress 5.9, Gutenberg se convirti&oacute; en algo m&aacute;s que un editor de contenido. Incluye todos los aspectos de la personalizaci&oacute;n para ofrecer una experiencia de [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/gutenberg-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":46948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Gutenberg WordPress: una guia completa del editor de bloques","rank_math_description":"El editor Gutenberg de WordPress tiene muchas caracter\u00edsticas para ofrecer. Aprende c\u00f3mo usarlas y optimizarlas para mejorar tu contenido.","rank_math_focus_keyword":"gutenberg wordpress","footnotes":""},"categories":[4747],"tags":[14098],"class_list":["post-5642","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-gutenberg-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/gutenberg-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menggunakan-editor-gutenberg-wordpress","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/wordpress-gutenberg","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/wordpress-gutenberg","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/gutenberg-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/gutenberg-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/agregar-meta-descripcion-wordpress-19","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-reparar-error-establishing-a-database-connection-wordpress-10\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/gutenberg-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=5642"}],"version-history":[{"count":40,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5642\/revisions"}],"predecessor-version":[{"id":46947,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5642\/revisions\/46947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media\/46948"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=5642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=5642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=5642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}