{"id":124838,"date":"2023-07-24T15:45:00","date_gmt":"2023-07-24T15:45:00","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/como-usar-el-editor-gutenberg-de-wordpress\/"},"modified":"2025-02-24T04:32:20","modified_gmt":"2025-02-24T04:32:20","slug":"como-usar-el-editor-gutenberg-de-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/","title":{"rendered":"C\u00f3mo usar el editor Gutenberg de WordPress"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/yIfmGMiyY_4Nj8zwCR1UzlIfiZcm7QmRZwLDLSajivLB48Sh8fJ3gKY9Y-hh8850ttiI1QW_IEUQDj-OE9lIyAtBGLV8LvV0C2Oj01Jm_OSVhPn5Xkbu94Y65S5WK9O8G7O1cAH_\" alt=\"\"\/><\/figure>\n\n<p>Si recientemente has creado contenido en WordPress despu\u00e9s de hacer una pausa en tus blogs, es posible que hayas notado un gran cambio.  <\/p>\n\n<p>WordPress cambi\u00f3 su cl\u00e1sico editor de p\u00e1ginas y publicaciones por una nueva y elegante opci\u00f3n conocida como el editor de bloques de Gutenberg.<\/p>\n\n<p>Este nuevo compositor de contenido es ahora el predeterminado en WordPress, y puede llevar un tiempo acostumbrarse a \u00e9l. Para <a href=\"https:\/\/wordpress.com\/blog\/2020\/05\/18\/say-hello-to-the-wordpress-block-editor\/\">WordPress.com usuarios<\/a>, la necesidad de adaptaci\u00f3n es inminente ya que el Editor Cl\u00e1sico se retirar\u00e1 a partir de junio de 2020. <\/p>\n\n<p>Aunque los usuarios de Bluehost crean sitios web de WordPress con WordPress.org (una versi\u00f3n de software diferente que permite una mayor variaci\u00f3n de uso), este cambio no le afectar\u00e1 de inmediato. Dicho esto, Gutenberg es sin duda el futuro de WordPress, por lo que vale la pena conocerlo ahora. <\/p>\n\n<p>Para ayudarte a cogerle el tranquillo a las cosas, esta gu\u00eda del editor de bloques Gutenberg de WordPress te ense\u00f1ar\u00e1:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Qu\u00e9 es el nuevo editor de bloques de Gutenberg<\/li>\n\n\n\n<li>C\u00f3mo usar Gutenberg para agregar contenido a WordPress<\/li>\n\n\n\n<li>C\u00f3mo publicar entradas y p\u00e1ginas con el editor de bloques de Gutenberg<\/li>\n\n\n\n<li>C\u00f3mo volver al editor cl\u00e1sico de WordPress<\/li>\n<\/ul>\n<figure class=\"wp-block-embed wp-embed-aspect-16-9 wp-has-aspect-ratio  is-type-video is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper video-seo-youtube-embed-wrapper\"><div class=\"video-seo-youtube-player\" data-id=\"IfpRqMh7HkE?si=Bn7u_ZBpF1hglE8T\"><\/div><\/div><\/figure>\n<h2 class=\"wp-block-heading\" id=\"h-what-is-the-gutenberg-block-editor\">\u00bfQu\u00e9 es el editor de bloques de Gutenberg?<\/h2>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/adut6K2KJ7JO5fbmOTfaPtTMp4sg_pJUf2UQyft3sAdMQWxuoTCndN0Txfm11pIa5DyEbuoIT7OHv2iF2fsrUUMm0NyeA4GR7eeUXuXAeFIQSUwJR6mG53qJ3d9Qqms9FU13plZa\" alt=\"\"\/><\/figure>\n\n<p>El editor de bloques Gutenberg es el nuevo compositor de p\u00e1ginas y publicaciones de WordPress.  <\/p>\n\n<p>El nombre <a href=\"https:\/\/en.wikipedia.org\/wiki\/Johannes_Gutenberg\">honra a Johannes Gutenberg<\/a>, quien invent\u00f3 la imprenta e hizo posible que la informaci\u00f3n se extendiera a las masas de una manera sin precedentes.  <\/p>\n\n<p>El compositor se llama \u00abeditor de bloques\u00bb porque le permite agregar <a href=\"https:\/\/www.bluehost.com\/blog\/gutenberg-understanding-blocks-in-the-new-editor-bluehost\/\">bloques de contenido<\/a> a una p\u00e1gina. El <a href=\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\">editor de bloques Gutenberg<\/a> se lanz\u00f3 por primera vez en noviembre de 2018 con la actualizaci\u00f3n de WordPress 5.0. <\/p>\n\n<p>\u00bfEn qu\u00e9 se diferencia Gutenberg del editor cl\u00e1sico de WordPress?  <\/p>\n\n<p>Estas son las principales diferencias:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Gutenberg es m\u00e1s elegante y minimalista que el Editor Cl\u00e1sico.  <\/li>\n\n\n\n<li>Los bloques a\u00f1aden un componente <a href=\"https:\/\/blog.hubspot.com\/marketing\/what-is-wysiwyg-editor\">WYSIWYG<\/a> al nuevo editor que ayuda a WordPress a competir con Squarespace y Wix. La capacidad de agregar bloques hace que la creaci\u00f3n de contenido en WordPress sea menos intimidante para los usuarios que no son muy expertos en tecnolog\u00eda.   <\/li>\n<\/ul>\n\n<p>Ahora que entiendes en qu\u00e9 se diferencia el editor de bloques de Gutenberg del editor cl\u00e1sico de WordPress, vamos a aclimatarte a este nuevo compositor de contenido.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-content-to-wordpress-with-the-gutenberg-block-editor\">C\u00f3mo a\u00f1adir contenido a WordPress con el editor de bloques de Gutenberg<\/h2>\n\n<p>Puedes utilizar el editor de bloques de Gutenberg para a\u00f1adir varios tipos de contenido a una <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-publish-your-first-page-or-post\/\">p\u00e1gina o entrada<\/a> en WordPress.  <\/p>\n\n<p>Para abrir el editor de bloques, comience por agregar una nueva p\u00e1gina o publicaci\u00f3n a su sitio web.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-how-to-add-a-title-in-gutenberg\">1. C\u00f3mo a\u00f1adir un t\u00edtulo en Gutenberg<\/h3>\n\n<p>Para agregar un t\u00edtulo de p\u00e1gina, simplemente agregue su texto donde dice <strong>Agregar t\u00edtulo<\/strong>.<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/5xmkd58bVqB4Xq6Vm5NsZmJudmJq1N4uSu8eVotPPSbb4mxewBUhvllidPgCL26rA8TSg8m7k03eCrJyFb_l7jWzBVaqmVHBTG8m1oudJ9LO8lMkPC-qV0aimPX17whsjIjy2tby\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-how-to-add-content-to-the-blog-post-body-in-gutenberg\">2. C\u00f3mo agregar contenido al cuerpo de la publicaci\u00f3n del blog en Gutenberg<\/h3>\n\n<p>Para agregar palabras al cuerpo de una publicaci\u00f3n o p\u00e1gina, comience a escribir en el espacio en blanco debajo del t\u00edtulo O agregue un bloque.<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/5xmkd58bVqB4Xq6Vm5NsZmJudmJq1N4uSu8eVotPPSbb4mxewBUhvllidPgCL26rA8TSg8m7k03eCrJyFb_l7jWzBVaqmVHBTG8m1oudJ9LO8lMkPC-qV0aimPX17whsjIjy2tby\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-how-to-add-a-block-using-the-gutenberg-block-editor\">3. C\u00f3mo a\u00f1adir un bloque usando el editor de bloques de Gutenberg<\/h3>\n\n<p>Los bloques son la nueva forma de a\u00f1adir contenido a una p\u00e1gina o entrada en WordPress. Los bloques han revolucionado WordPress al permitir a las personas dise\u00f1ar hermosas p\u00e1ginas sin tener que saber codificar. <\/p>\n\n<p>Agrega un bloque haciendo clic en el signo m\u00e1s rodeado con un c\u00edrculo que se encuentra a la derecha del texto que est\u00e1s escribiendo, o en la parte superior izquierda del editor.  <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/Ecty0clo0TUq--ZwOkjSKSWyxUy0sxYIlh7zbVF3FcG89XVaiw0gwe7oxmqxAvarv3OHAC3IVIT3TMj7wJg4h89u4ab8s_mXFyU0bl2I19r2MrQ3Zum5yI-DAFROhanN4UP0cOAI\" width=\"624\" height=\"331\"\/><\/h3>\n\n<p>Cuando aparezca el men\u00fa de bloques, busque el <a href=\"https:\/\/wordpress.org\/gutenberg\/\">tipo espec\u00edfico de bloque<\/a> que desea agregar. Hay m\u00e1s de 50 bloques disponibles en el editor de Gutenberg. Le permiten hacer cosas como agregar texto e im\u00e1genes, ajustar el formato, insertar widgets e incrustar contenido externo en una p\u00e1gina o publicaci\u00f3n.    <\/p>\n\n<p>Seleccione el bloque ideal para la tarea en cuesti\u00f3n y siga sus instrucciones para crear el contenido deseado dentro de ese bloque. Repita este proceso para agregar varios bloques. <\/p>\n\n<p>Otra forma de agregar un bloque es escribir <strong>\/ <\/strong>para que aparezca una lista de bloques que se pueden seleccionar en l\u00ednea.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-4-how-to-arrange-gutenberg-blocks\">4. C\u00f3mo organizar los bloques de Gutenberg<\/h3>\n\n<p>Coloca el cursor sobre un bloque hasta que veas un contorno. Aparecer\u00e1n flechas y puntos a la izquierda del bloque. Haga clic en la flecha hacia arriba para mover el bloque una posici\u00f3n hacia arriba, o en la flecha hacia abajo para mover el bloque una posici\u00f3n hacia abajo. Para cambiar la posici\u00f3n del bloque en cualquier lugar, haga clic y mantenga presionados los puntos entre las flechas y arrastre el bloque a la ubicaci\u00f3n deseada.   <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/gem4CX4NNPav9_I1Gd_2WubaBTQgRfxNC_QgMtdpHa2M2P6n8C0nbAhiM57QVjAB3kRzgyqUDUHryDjl6kmsaflQEacsO-KZFf5fUYK0LSBg_J_k-vVcxpZ6SJWLdPvCsJ_5Nmva\" width=\"624\" height=\"331\"\/><\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"h-5-how-to-format-gutenberg-blocks\">5. C\u00f3mo formatear bloques de Gutenberg<\/h3>\n\n<p>Haga clic en un bloque para que aparezca una barra de formato en la parte superior. Desde aqu\u00ed, puede hacer cosas como agregar un hiperv\u00ednculo, duplicar el bloque y editar su HTML. Dependiendo de cu\u00e1l sea el bloque (los plugins han comenzado a hacer su propio bloque), puede hacer uso de funciones adicionales dentro del editor.    <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/gem4CX4NNPav9_I1Gd_2WubaBTQgRfxNC_QgMtdpHa2M2P6n8C0nbAhiM57QVjAB3kRzgyqUDUHryDjl6kmsaflQEacsO-KZFf5fUYK0LSBg_J_k-vVcxpZ6SJWLdPvCsJ_5Nmva\" width=\"624\" height=\"331\"\/><\/h3>\n\n<p>Puede acceder a configuraciones adicionales usando la pesta\u00f1a <strong>Bloquear<\/strong> en la barra lateral derecha.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-publish-pages-and-posts-on-wordpress-with-the-gutenberg-block-editor\">C\u00f3mo publicar p\u00e1ginas y entradas en WordPress con el editor de bloques de Gutenberg<\/h2>\n\n<p>Ahora que has creado una p\u00e1gina o publicaci\u00f3n con la que est\u00e1s satisfecho, es hora de publicarla.  <\/p>\n\n<p>Publicar significa tomar el borrador detr\u00e1s de escena de su p\u00e1gina o publicaci\u00f3n de WordPress y publicarlo en su sitio web. La configuraci\u00f3n de visibilidad te permite restringir qui\u00e9n puede ver tu contenido publicado. <\/p>\n\n<p>Entonces, \u00bfcu\u00e1l es la diferencia entre una publicaci\u00f3n y una p\u00e1gina en WordPress?<\/p>\n\n<p>Las publicaciones se utilizan para compartir contenido de blog de actualidad, como gu\u00edas informativas o noticias. Por lo general, se muestran en orden cronol\u00f3gico en la secci\u00f3n del blog de un sitio web. Las publicaciones se agregan a los sitios web con m\u00e1s frecuencia que las p\u00e1ginas.  <\/p>\n\n<p>Las p\u00e1ginas de WordPress se utilizan para compartir contenido perenne, como una biograf\u00eda o una historia de la empresa en una p\u00e1gina acerca de. Otros ejemplos de p\u00e1ginas comunes de WordPress son las p\u00e1ginas de inicio, las p\u00e1ginas de contacto y las p\u00e1ginas que describen servicios. Si bien las p\u00e1ginas de WordPress se actualizan cuando es necesario, el n\u00famero de p\u00e1ginas en un sitio web de WordPress no fluct\u00faa mucho.  <\/p>\n\n<p>A continuaci\u00f3n, te explicamos c\u00f3mo puedes utilizar el editor de bloques de Gutenberg para publicar una p\u00e1gina o un post en WordPress.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-open-the-publishing-settings-menu\">1. Abra el men\u00fa Configuraci\u00f3n de publicaci\u00f3n<\/h3>\n\n<p>Cuando est\u00e9 listo para publicar su p\u00e1gina o <a href=\"https:\/\/www.entrepreneur.com\/article\/223023\">entrada de blog<\/a>, use la pesta\u00f1a <strong>Documento<\/strong> en la barra lateral derecha para seleccionar la configuraci\u00f3n de publicaci\u00f3n. Si la barra lateral ha desaparecido, puedes hacer que vuelva a aparecer haciendo clic en el <strong>icono de engranaje<\/strong> en la parte superior derecha de la pantalla. <\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/KZOJr7pKsu7Id4TmACmFCheErVBf_APtGs0m2P3d3JIOuZaFJ2fu-GpKSrjP-kCOIBQ-L5kEKg6FeqIg8Pvroq4ph-mMkeo8pjV6nr3KjuY98tc6qKx1WVT13lJY68e5pYPZ1cEV\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-select-your-publishing-settings\">2. Selecciona tu configuraci\u00f3n de publicaci\u00f3n<\/h3>\n\n<p>Desde esta vista, puede seleccionar una fecha y hora de publicaci\u00f3n, el autor de la publicaci\u00f3n, la imagen destacada y las etiquetas.<\/p>\n\n<p>Tener la capacidad de seleccionar una <strong>fecha<\/strong> y hora de publicaci\u00f3n significa que puede programar el contenido para que se publique en el futuro. Esta funci\u00f3n te libera de tener que hacer clic manualmente en \u00abpublicar\u00bb cada vez que necesites que un contenido oportuno se publique en tu sitio web. <\/p>\n\n<p>Una <strong>imagen destacada<\/strong> se utiliza de dos maneras. En un blog o galer\u00eda, las im\u00e1genes destacadas pueden acompa\u00f1ar a las p\u00e1ginas o publicaciones y ayudarlas a destacar o describir sus contenidos. Con algunos temas de WordPress, la imagen destacada se muestra en el encabezado de las p\u00e1ginas y publicaciones.    <\/p>\n\n<p><strong>Las etiquetas<\/strong> organizan el contenido del sitio web y ayudan a los lectores a encontrar contenido similar dentro del sitio de WordPress que est\u00e1n visitando.<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/KZOJr7pKsu7Id4TmACmFCheErVBf_APtGs0m2P3d3JIOuZaFJ2fu-GpKSrjP-kCOIBQ-L5kEKg6FeqIg8Pvroq4ph-mMkeo8pjV6nr3KjuY98tc6qKx1WVT13lJY68e5pYPZ1cEV\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-publish-your-content\">3. Publica tu contenido<\/h3>\n\n<p>Guarde su borrador, obtenga una vista previa de c\u00f3mo se ver\u00e1 cuando se publique y publique su publicaci\u00f3n o p\u00e1gina usando los botones en la parte superior derecha de su pantalla.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-reinstall-the-classic-wordpress-editor\">C\u00f3mo reinstalar el editor cl\u00e1sico de WordPress<\/h2>\n\n<p>El cambio es dif\u00edcil y siempre puede ser un desaf\u00edo adaptarse a las actualizaciones de software. Todav\u00eda puedes volver a usar el Editor cl\u00e1sico, que estar\u00e1 disponible como un complemento para que lo instales en tu sitio web de WordPress. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-go-to-the-plugins-directory\">1. Ve al Directorio de Plugins<\/h3>\n\n<p>Coloca el cursor sobre <a href=\"https:\/\/www.bluehost.com\/blog\/guide-to-wordpress-plugins\/\"><strong>Plugins<\/strong><\/a> en la barra lateral izquierda de tu panel de control de WordPress hasta que aparezcan las opciones anidadas. Seleccione <strong>Agregar nuevo<\/strong>. <\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/PinzCE5AAFIOqkeyPKl5ERuf3uf4jc3_F6kZhh_dhwPO9L8Fi2OFHcZHuA_CZqdsP9GAMbCfT7DFGINpQmq2shV38dY0pvMqdlKuaJZeso0dXxcF06M_GtadaGGDYnXq7vSXqzb1\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-find-the-classic-editor-nbsp\">2. Encuentra el editor cl\u00e1sico  <\/h3>\n\n<p>En el directorio de plugins, busca <strong>Classic Editor<\/strong>.<\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/9WAAec6GBgHFVRseAL0a0wPz-cS7Zco6lWQoBq7AL_BDdkZpq7CYAygyZbK5ABVsSlD97gTfAohX6HNeLZfMIg0Q4uBlvi4XQQ2j7Q3ZTm0POvIUTb3ZqRGjkphQ2xLtI_b1YCZ-\" alt=\"\"\/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-install-the-classic-editor\">3. Instala el editor cl\u00e1sico<\/h3>\n\n<p>Haz clic en <strong>Instalar ahora<\/strong>, luego <strong>en Activar<\/strong> para volver al editor cl\u00e1sico de WordPress. Ahora, cuando agregues una nueva p\u00e1gina o publicaci\u00f3n a tu sitio web, ya no ver\u00e1s el editor de bloques de Gutenberg como la opci\u00f3n predeterminada. <\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/N41lZ6NtyxuDSyWvn2XPL2xkYgTudKFzqOdxAchUYoPU0EAC2M89R7BnEcoQa74fwAbvcWP6niqpXhNkwjEh7DJ-NXzIydVr4CRM9NhNTPumzCvRB6-xpnHJE8QJNOmzG8TkOuBQ\" alt=\"\"\/><\/figure>\n\n<p>El editor de bloques Gutenberg ha estado causando sensaci\u00f3n desde que se introdujo en la comunidad de WordPress en 2018. El nuevo compositor WYSIWYG hace que WordPress sea m\u00e1s competitivo con otros creadores de sitios web al permitir a los usuarios crear hermosos contenidos de sitios web sin saber codificar. <\/p>\n\n<p>Si quieres aprender casos de uso m\u00e1s avanzados con el editor de blogs de Gutenberg, echa un vistazo al <a href=\"https:\/\/yoast.com\/academy\/free-block-editor-training\/\">curso gratuito de Gutenberg de Yoast<\/a>.<\/p>\n\n<p>\u00bfQuieres comprobar el editor de bloques de Gutenberg por ti mismo? Construya su sitio web con un servidor web optimizado para WordPress. Obtenga m\u00e1s informaci\u00f3n sobre <a href=\"https:\/\/www.bluehost.com\/\">el alojamiento con Bluehost<\/a>.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si recientemente has creado contenido en WordPress despu\u00e9s de hacer una pausa en tus blogs, es posible que hayas notado un gran cambio. WordPress cambi\u00f3 su cl\u00e1sico editor de p\u00e1ginas y publicaciones por una nueva y elegante opci\u00f3n conocida como el editor de bloques de Gutenberg. Este nuevo compositor de contenido es ahora el predeterminado [&hellip;]<\/p>\n","protected":false},"author":50,"featured_media":240661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"C\u00f3mo usar el editor Gutenberg de WordPress","_yoast_wpseo_metadesc":"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!","inline_featured_image":false,"footnotes":""},"categories":[3073,1365],"tags":[3674,3659,3672,3685],"ppma_author":[588],"class_list":["post-124838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo","category-wordpress-en-ingles","tag-bajo-codigo-sin-codigo","tag-cms","tag-guias-practicas","tag-tutoriales"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>C\u00f3mo usar el editor Gutenberg de WordPress<\/title>\n<meta name=\"description\" content=\"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124838\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo usar el editor Gutenberg de WordPress\" \/>\n<meta property=\"og:description\" content=\"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-24T15:45:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-24T04:32:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh6.googleusercontent.com\/yIfmGMiyY_4Nj8zwCR1UzlIfiZcm7QmRZwLDLSajivLB48Sh8fJ3gKY9Y-hh8850ttiI1QW_IEUQDj-OE9lIyAtBGLV8LvV0C2Oj01Jm_OSVhPn5Xkbu94Y65S5WK9O8G7O1cAH_\" \/>\n<meta name=\"author\" content=\"Tiffani Anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/TiffAnddd\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tiffani Anderson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\"},\"author\":{\"name\":\"Tiffani Anderson\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/2fc4710c56aadc73395ff8075baedd66\"},\"headline\":\"C\u00f3mo usar el editor Gutenberg de WordPress\",\"datePublished\":\"2023-07-24T15:45:00+00:00\",\"dateModified\":\"2025-02-24T04:32:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\"},\"wordCount\":1672,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png\",\"keywords\":[\"Bajo c\u00f3digo \/ Sin c\u00f3digo\",\"CMS\",\"Gu\u00edas pr\u00e1cticas\",\"Tutoriales\"],\"articleSection\":[\"Desarrollo\",\"WordPress (en ingl\u00e9s)\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\",\"name\":\"C\u00f3mo usar el editor Gutenberg de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png\",\"datePublished\":\"2023-07-24T15:45:00+00:00\",\"dateModified\":\"2025-02-24T04:32:20+00:00\",\"description\":\"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png\",\"width\":1200,\"height\":629},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.bluehost.com\/es-es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sitios web\",\"item\":\"https:\/\/www.bluehost.com\/blog\/es\/category\/sitios-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo usar el editor Gutenberg de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#website\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluehost.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bluehost\/\",\"https:\/\/x.com\/bluehost\",\"https:\/\/www.linkedin.com\/company\/bluehost-com\/\",\"https:\/\/www.youtube.com\/user\/bluehost\",\"https:\/\/en.wikipedia.org\/wiki\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/2fc4710c56aadc73395ff8075baedd66\",\"name\":\"Tiffani Anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/1f8eaab88872e9aa519335532a3a886e\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/97fc139aa4992d5aca99a9fcb43d5e6fb8e98ad03b81f748b6ab3ffa39797fe5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/97fc139aa4992d5aca99a9fcb43d5e6fb8e98ad03b81f748b6ab3ffa39797fe5?s=96&d=mm&r=g\",\"caption\":\"Tiffani Anderson\"},\"description\":\"Tiffani is a Content and SEO Manager for the Bluehost brand. With over 10 years experience across all facets of content and brand marketing, she strives to combine concepts from brand marketing with engaging content through the lens of SEO.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/tiffaninanderson\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/TiffAnddd\"],\"knowsAbout\":[\"Search Engine Optimization\",\"Content Marketing\",\"Brand Marketing\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"SEO and Content Manager\",\"worksFor\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/author\/tiffani\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo usar el editor Gutenberg de WordPress","description":"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124838\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo usar el editor Gutenberg de WordPress","og_description":"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!","og_url":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2023-07-24T15:45:00+00:00","article_modified_time":"2025-02-24T04:32:20+00:00","og_image":[{"url":"https:\/\/lh6.googleusercontent.com\/yIfmGMiyY_4Nj8zwCR1UzlIfiZcm7QmRZwLDLSajivLB48Sh8fJ3gKY9Y-hh8850ttiI1QW_IEUQDj-OE9lIyAtBGLV8LvV0C2Oj01Jm_OSVhPn5Xkbu94Y65S5WK9O8G7O1cAH_","type":"","width":"","height":""}],"author":"Tiffani Anderson","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/TiffAnddd","twitter_site":"@bluehost","twitter_misc":{"Escrito por":"Tiffani Anderson","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/"},"author":{"name":"Tiffani Anderson","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/2fc4710c56aadc73395ff8075baedd66"},"headline":"C\u00f3mo usar el editor Gutenberg de WordPress","datePublished":"2023-07-24T15:45:00+00:00","dateModified":"2025-02-24T04:32:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/"},"wordCount":1672,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png","keywords":["Bajo c\u00f3digo \/ Sin c\u00f3digo","CMS","Gu\u00edas pr\u00e1cticas","Tutoriales"],"articleSection":["Desarrollo","WordPress (en ingl\u00e9s)"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/","url":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/","name":"C\u00f3mo usar el editor Gutenberg de WordPress","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png","datePublished":"2023-07-24T15:45:00+00:00","dateModified":"2025-02-24T04:32:20+00:00","description":"El editor Gutenberg de WordPress hace que actualizar tu sitio web y tu contenido sea muy f\u00e1cil. \u00a1Echa un vistazo a nuestra gu\u00eda del Editor de Gutenberg!","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/09\/default-bh.png","width":1200,"height":629},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/es\/como-usar-el-editor-gutenberg-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.bluehost.com\/es-es\/blog\/"},{"@type":"ListItem","position":2,"name":"Sitios web","item":"https:\/\/www.bluehost.com\/blog\/es\/category\/sitios-web\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo usar el editor Gutenberg de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/es\/#website","url":"https:\/\/www.bluehost.com\/blog\/es\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/2fc4710c56aadc73395ff8075baedd66","name":"Tiffani Anderson","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/1f8eaab88872e9aa519335532a3a886e","url":"https:\/\/secure.gravatar.com\/avatar\/97fc139aa4992d5aca99a9fcb43d5e6fb8e98ad03b81f748b6ab3ffa39797fe5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/97fc139aa4992d5aca99a9fcb43d5e6fb8e98ad03b81f748b6ab3ffa39797fe5?s=96&d=mm&r=g","caption":"Tiffani Anderson"},"description":"Tiffani is a Content and SEO Manager for the Bluehost brand. With over 10 years experience across all facets of content and brand marketing, she strives to combine concepts from brand marketing with engaging content through the lens of SEO.","sameAs":["https:\/\/www.linkedin.com\/in\/tiffaninanderson\/","https:\/\/x.com\/https:\/\/twitter.com\/TiffAnddd"],"knowsAbout":["Search Engine Optimization","Content Marketing","Brand Marketing"],"knowsLanguage":["English"],"jobTitle":"SEO and Content Manager","worksFor":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/es\/author\/tiffani\/"}]}},"authors":[{"term_id":588,"user_id":50,"is_guest":0,"slug":"tiffani","display_name":"Tiffani Anderson","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/97fc139aa4992d5aca99a9fcb43d5e6fb8e98ad03b81f748b6ab3ffa39797fe5?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=124838"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media\/240661"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=124838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=124838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=124838"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/ppma_author?post=124838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}