{"id":146118,"date":"2018-11-16T10:04:29","date_gmt":"2018-11-16T10:04:29","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/"},"modified":"2025-03-25T15:30:46","modified_gmt":"2025-03-25T15:30:46","slug":"gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/","title":{"rendered":"Gutenberg 101: Aprendiendo a navegar por el nuevo editor de WordPress"},"content":{"rendered":"\n

Como sistema de gesti\u00f3n de contenido gratuito y de c\u00f3digo abierto, WordPress contin\u00faa sobresaliendo al proporcionar a sus usuarios herramientas innovadoras que pueden ayudar a proporcionar \u00e9xito para su presencia web en l\u00ednea. WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con el nuevo editor de contenido Gutenberg que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0. <\/p>\n\n

Gutenberg es una adici\u00f3n a la plataforma WordPress que transformar\u00e1 la forma en que se muestran los sitios web y el contenido a trav\u00e9s de una serie de bloques personalizables. Esto permitir\u00e1 a los usuarios la flexibilidad de controlar la forma en que su contenido aparece en la p\u00e1gina y crear una experiencia de creaci\u00f3n m\u00e1s f\u00e1cil para cualquiera que busque crear un sitio web. <\/p>\n\n

Con tantos sistemas de gesti\u00f3n de contenidos por ah\u00ed, \u00bfpor qu\u00e9 elegir\u00edas WordPress? <\/strong><\/p>\n\n

Creemos en WordPress por varias razones, pero la m\u00e1s importante es que WordPress es poderoso. M\u00e1s del 30% de Internet utiliza WordPress para impulsar sus sitios web, mientras que el siguiente CMS m\u00e1s grande tiene solo el 3,2% en comparaci\u00f3n. WordPress es un proyecto de c\u00f3digo abierto, lo que significa que es gratuito y puede ser redistribuido o modificado por cualquier persona, y fue creado con el objetivo de democratizar la web. Actualizaciones como Gutenberg aseguran que permanecer\u00e1 para siempre y evolucionar\u00e1 con el tiempo. <\/p>\n\n

Gutenberg hace que el proceso de dise\u00f1o y publicaci\u00f3n sea m\u00e1s visual para los creadores de sitios web no t\u00e9cnicos, lo que facilita el proceso de creaci\u00f3n de contenidos. El dise\u00f1o simple tiene todo lo que necesita para crear p\u00e1ginas y publicaciones personalizadas y atractivas. <\/p>\n\n

\n\n

El trabajo de mi vida es mejorar WordPress. Creo firmemente que Gutenberg es la direcci\u00f3n que proporcionar\u00e1 el mayor beneficio al m\u00e1ximo n\u00famero de personas, al tiempo que est\u00e1 totalmente en l\u00ednea con las filosof\u00edas centrales de WordPress y su compromiso con la libertad del usuario. As\u00ed que seguid d\u00e1ndonos vuestros comentarios y superemos juntos el miedo. Vale la pena un poco de incomodidad para cambiar el mundo. <\/p>Matt Mullenweg<\/cite><\/blockquote><\/figure>\n\n

\n\n

Vamos a pasar de los cuadros de texto a los bloques<\/strong><\/p>\n\n

El editor actual se conoce como editor TinyMCE (WYSIWYG) basado en texto y actualmente se ejecuta en PHP\/HTML\/CSS, pero no permite una experiencia de edici\u00f3n visual. Es un editor basado en gran medida en texto y, sin experiencia en codificaci\u00f3n, puede restringir la personalizaci\u00f3n para los creadores de contenido sin conocimientos de codificaci\u00f3n. Permite la edici\u00f3n HTML y la adici\u00f3n de medios; Sin embargo, no permite a los usuarios crear funciones personalizadas dentro de una publicaci\u00f3n. <\/p>\n\n

Gutenberg requiere habilidades nuevas y diferentes (Javascript y React) junto con habilidades de desarrollo de WordPress establecidas desde hace mucho tiempo (PHP y HTML \/ CSS). Esto marca una frontera completamente nueva para muchos profesionales de WordPress. <\/p>\n\n

\u00bfPor qu\u00e9 se est\u00e1 produciendo el cambio ahora?<\/strong><\/p>\n\n

El nombre \u00abGutenberg\u00bb deriva de Johannes Gutenberg, el inventor de la primera imprenta m\u00f3vil. Este invento cambi\u00f3 la forma en que se distribu\u00eda el contenido escrito y la forma en que se publicaba el contenido. El editor de Gutenberg hace lo mismo para la experiencia de publicaci\u00f3n en l\u00ednea. Este es un cambio bienvenido para WordPress y permite una experiencia de creaci\u00f3n de sitios web m\u00e1s fluida para los usuarios que no pueden escribir c\u00f3digo. Tambi\u00e9n simplifica la experiencia de edici\u00f3n m\u00f3vil. Esto significa que podr\u00e1s editar el contenido de tu sitio web o blog a\u00fan m\u00e1s f\u00e1cilmente desde tu dispositivo m\u00f3vil. <\/p>\n\n

Gutenberg se centra en su contenido, que es el activo m\u00e1s valioso de su sitio web. El nuevo editor tambi\u00e9n permite a los desarrolladores crear barandillas, por as\u00ed decirlo, que guiar\u00e1n a los editores de contenido hacia sus objetivos previstos. Imagina que es similar a los parachoques que se utilizan para mejorar tu rendimiento a la hora de jugar a los bolos. Los desarrolladores y las agencias tambi\u00e9n tendr\u00e1n la oportunidad de crear plantillas interactivas y personalizadas que los usuarios cotidianos pueden actualizar f\u00e1cilmente sin temor a romper su sitio web. <\/p>\n\n

Bloques de construcci\u00f3n y c\u00f3mo beneficiarse de ellos<\/strong><\/p>\n\n

\u00bfRecuerdas los bloques con los que jugabas cuando eras ni\u00f1o? \u00bfConstruir\u00edas un castillo o una carretera y luego lo derribar\u00edas y construir\u00edas otra cosa? Bueno, los bloques de Gutenberg funcionan de manera similar para su sitio web. El nuevo editor separa todos los elementos que podr\u00edan coexistir en una p\u00e1gina o publicaci\u00f3n en unidades individuales llamadas bloques. <\/p>\n\n

Los bloques pueden contener elementos como texto, im\u00e1genes, v\u00eddeos, enlaces, widgets o citas, etc. Los usuarios pueden seleccionar la casilla adecuada para el contenido que desean insertar desde un men\u00fa de bloques que incluye todos los tipos de bloques posibles. El contenido de cada bloque se puede editar por separado, por lo que Gutenberg permite personalizar completamente su apariencia. Las im\u00e1genes y el v\u00eddeo se incrustan autom\u00e1ticamente en sus bloques apropiados, y todos los bloques se pueden mover y dimensionar de forma independiente entre s\u00ed. <\/p>\n\n

\"\"\/<\/figure>\n\n

Todav\u00eda puede navegar entre las vistas CSS y HTML sin salir del editor, y es igual de f\u00e1cil alternar entre los editores de texto y visuales familiarizados con el editor de texto. Una gran ventaja de las capacidades de edici\u00f3n de bloques de Gutenberg es la capacidad de ver c\u00f3mo se puede ver una p\u00e1gina terminada mientras se edita, que es una caracter\u00edstica que no tiene en el editor basado en texto. Esto permite a los usuarios ajustar el tama\u00f1o, el espaciado y m\u00e1s en tiempo real, sin cambiar a un modo de vista previa despu\u00e9s de crear una p\u00e1gina o publicaci\u00f3n. <\/p>\n\n

La capacidad de ver y hacer cambios en tu blog sobre la marcha, o incluso publicar un blog con funciones personalizadas desde tu tel\u00e9fono, es solo una de las muchas actualizaciones que Gutenberg traer\u00e1 a WordPress. El texto pegado desde Word o Google Docs se limpiar\u00e1 y se convertir\u00e1 en bloques de forma autom\u00e1tica e instant\u00e1nea. Los bloques hacen un uso perfecto del espacio entre cada uno de ellos para que tus galer\u00edas y publicaciones de blog se vean m\u00e1s limpias que nunca. \u00bfQu\u00e9 pasa si decides en el \u00faltimo minuto que ya no quieres que esa imagen est\u00e9 en la parte superior de tu publicaci\u00f3n? No te preocupes, simplemente arrastra ese bloque a donde quieras en la p\u00e1gina. <\/p>\n\n

Si no tienes la capacidad de crear bloques personalizados t\u00fa mismo o los recursos para contratar a un desarrollador o agencia, a\u00fan tienes acceso a algunos bloques predeterminados que a\u00fan te dar\u00e1n opciones que no tienes actualmente.<\/p>\n\n

Estos son algunos ejemplos de los bloques predeterminados:<\/p>\n\n

\"\"\/<\/figure>\n\n

Otra caracter\u00edstica interesante es que cada bloque que creas puede obtener su propio dise\u00f1o y configuraci\u00f3n que puedes guardar como bloques reutilizables. Es decir, puedes a\u00f1adir colores personalizados, fuentes y mucho m\u00e1s, y guardarlo como un bloque que puedes arrastrar y soltar en el futuro. <\/p>\n\n

C\u00f3mo prepararse para Gutenberg<\/strong><\/p>\n\n

Antes de que Gutenberg se integre en WordPress el 27 de noviembre, hay algunos pasos que debes seguir antes de esa fecha.<\/p>\n\n

Instala y activa el plugin de Gutenberg<\/strong><\/p>\n\n

Al instalar y activar el complemento hoy, puede ver c\u00f3mo se ver\u00e1 su sitio web despu\u00e9s de la actualizaci\u00f3n 5.0. Esto puede ayudarte a decidir si quieres o no instalar y utilizar el Editor cl\u00e1sico, o si necesitas buscar plugins que sean compatibles con Gutenberg. Si activa el complemento Gutenberg, debe verificar sus p\u00e1ginas y complementos para asegurarse de que no haya p\u00e9rdida de funcionalidad y, si no, \u00a1est\u00e1 listo para comenzar! A continuaci\u00f3n, te explicamos c\u00f3mo instalar el plugin: <\/p>\n\n

1.) Haz clic en la barra de plugins a la izquierda de tu panel de control de WordPress<\/p>\n\n

2.) Elija ‘Agregar nuevo’.<\/p>\n\n

\"\"\/<\/figure>\n\n

3.) En ‘Plugins destacados’, haz clic para instalar el plugin de Gutenberg<\/p>\n\n

\"\"\/<\/figure>\n\n

4.) A continuaci\u00f3n, tendr\u00e1s que activar el plugin para que funcione en tu sitio<\/p>\n\n

\"\"\/<\/figure>\n\n

Crea una copia de tu sitio en un entorno de ensayo<\/strong><\/p>\n\n

Si tiene acceso a un entorno de prueba, como todos los clientes de Bluehost, puede probar su sitio antes de la actualizaci\u00f3n. Esto puede ayudar a prevenir la disminuci\u00f3n de la funcionalidad si tienes un plugin o tema que no funciona bien con Gutenberg. Actualmente hay 56.285 plugins en el repositorio de WordPress.org y no todos son compatibles, por lo que deben ser probados ahora. <\/p>\n\n

\n\n

Consejo profesional: Antes de instalar cualquier complemento nuevo o cambiar su ellos, revisa la documentaci\u00f3n para asegurarte de que son compatibles con Gutenberg.<\/p><\/blockquote><\/figure>\n\n

\n\n

\u00a1Esperamos ver a todos florecer con el nuevo editor de Gutenberg! Continuaremos apoyando a nuestros clientes a medida que hacemos la transici\u00f3n con WordPress hacia el futuro con este nuevo y emocionante editor. <\/p>\n","protected":false},"excerpt":{"rendered":"

Como sistema de gesti\u00f3n de contenido gratuito y de c\u00f3digo abierto, WordPress contin\u00faa sobresaliendo al proporcionar a sus usuarios herramientas innovadoras que pueden ayudar a proporcionar \u00e9xito para su presencia web en l\u00ednea. WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con el nuevo editor de contenido Gutenberg que se lanzar\u00e1 en […]<\/p>\n","protected":false},"author":6,"featured_media":146119,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Gutenberg 101 :El nuevo editor de WordPress| Anfitri\u00f3n azul","_yoast_wpseo_metadesc":"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.","inline_featured_image":false,"footnotes":""},"categories":[3073,1365],"tags":[3659,3662,3675,3682],"ppma_author":[602],"class_list":["post-146118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo","category-wordpress-en-ingles","tag-cms","tag-contenido","tag-navegacion","tag-trucos-y-consejos"],"acf":[],"yoast_head":"\nGutenberg 101 :El nuevo editor de WordPress| Anfitri\u00f3n azul<\/title>\n<meta name=\"description\" content=\"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.\" \/>\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\/146118\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg 101: Aprendiendo a navegar por el nuevo editor de WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-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=\"2018-11-16T10:04:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-25T15:30:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Machielle Thomas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/machiellethomas\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Machielle Thomas\" \/>\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\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/\"},\"author\":{\"name\":\"Machielle Thomas\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c\"},\"headline\":\"Gutenberg 101: Aprendiendo a navegar por el nuevo editor de WordPress\",\"datePublished\":\"2018-11-16T10:04:29+00:00\",\"dateModified\":\"2025-03-25T15:30:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/\"},\"wordCount\":1538,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"keywords\":[\"CMS\",\"Contenido\",\"Navegaci\u00f3n\",\"Trucos y consejos\"],\"articleSection\":[\"Desarrollo\",\"WordPress (en ingl\u00e9s)\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/\",\"name\":\"Gutenberg 101 :El nuevo editor de WordPress| Anfitri\u00f3n azul\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"datePublished\":\"2018-11-16T10:04:29+00:00\",\"dateModified\":\"2025-03-25T15:30:46+00:00\",\"description\":\"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.bluehost.com\/es-es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gutenberg 101: Aprendiendo a navegar por el nuevo editor 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\/5f0415b94c1232ec2b636fb579189d3c\",\"name\":\"Machielle Thomas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"caption\":\"Machielle Thomas\"},\"description\":\"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179\",\"https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas\"],\"knowsAbout\":[\"Content Marketing\",\"Storytelling\",\"Leadership\"],\"jobTitle\":\"Course Instructor\",\"worksFor\":\"LinkedIn\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/author\/machiellet\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gutenberg 101 :El nuevo editor de WordPress| Anfitri\u00f3n azul","description":"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.","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\/146118\/","og_locale":"es_ES","og_type":"article","og_title":"Gutenberg 101: Aprendiendo a navegar por el nuevo editor de WordPress","og_description":"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.","og_url":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2018-11-16T10:04:29+00:00","article_modified_time":"2025-03-25T15:30:46+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","type":"image\/jpeg"}],"author":"Machielle Thomas","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/machiellethomas","twitter_site":"@bluehost","twitter_misc":{"Escrito por":"Machielle Thomas","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/"},"author":{"name":"Machielle Thomas","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c"},"headline":"Gutenberg 101: Aprendiendo a navegar por el nuevo editor de WordPress","datePublished":"2018-11-16T10:04:29+00:00","dateModified":"2025-03-25T15:30:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/"},"wordCount":1538,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","keywords":["CMS","Contenido","Navegaci\u00f3n","Trucos y consejos"],"articleSection":["Desarrollo","WordPress (en ingl\u00e9s)"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/","url":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/","name":"Gutenberg 101 :El nuevo editor de WordPress| Anfitri\u00f3n azul","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","datePublished":"2018-11-16T10:04:29+00:00","dateModified":"2025-03-25T15:30:46+00:00","description":"WordPress est\u00e1 cambiando el juego de la creaci\u00f3n de sitios web con Gutenberg, un editor de contenido que se lanzar\u00e1 en noviembre como parte de la actualizaci\u00f3n de WordPress 5.0.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/es\/gutenberg-101-aprendiendo-a-navegar-por-el-nuevo-editor-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.bluehost.com\/es-es\/blog\/"},{"@type":"ListItem","position":2,"name":"Gutenberg 101: Aprendiendo a navegar por el nuevo editor 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\/5f0415b94c1232ec2b636fb579189d3c","name":"Machielle Thomas","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a","url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","caption":"Machielle Thomas"},"description":"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.","sameAs":["https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179","https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas"],"knowsAbout":["Content Marketing","Storytelling","Leadership"],"jobTitle":"Course Instructor","worksFor":"LinkedIn","url":"https:\/\/www.bluehost.com\/blog\/es\/author\/machiellet\/"}]}},"authors":[{"term_id":602,"user_id":6,"is_guest":0,"slug":"machiellet","display_name":"Machielle Thomas","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?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\/146118","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=146118"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/146118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media\/146119"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=146118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=146118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=146118"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/ppma_author?post=146118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}