{"id":333,"date":"2020-03-13T13:38:19","date_gmt":"2020-03-13T12:38:19","guid":{"rendered":"http:\/\/carontestudio.com\/blog\/?p=333"},"modified":"2021-12-22T13:12:05","modified_gmt":"2021-12-22T12:12:05","slug":"wordpress-5-4-editar-con-gutenberg","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/","title":{"rendered":"WordPress 5.4 &#8211; Parte 2: Editar con Gutenberg"},"content":{"rendered":"\n<p>La versi\u00f3n 5.4 de WordPress  se aproxima, y como viene haciendo desde la 5.0, permitir\u00e1<strong> editar con Gutenberg<\/strong>. En esta segunda parte de nuestro art\u00edculo dedicado <a href=\"https:\/\/es.wordpress.org\/\">al lanzamiento de WordPress 5.4<\/a> daremos un vistazo a las particularidades de Gutenberg y a c\u00f3mo editar nuestras entradas y p\u00e1ginas con \u00e9l. \u00bfQuieres saber m\u00e1s?<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">A tener en cuenta al editar con Gutenberg<\/h2>\n\n\n\n<p>El editor de WordPress 5.4 es una <strong>herramienta muy \u00fatil e intuitiva<\/strong>; fomenta el correcto flujo de la informaci\u00f3n dentro de una p\u00e1gina o entrada, y ayuda a mantener una jerarqu\u00eda definida.<\/p>\n\n\n\n<p>Lo primero que tenemos que entender a la hora de editar con Gutenberg es que<strong> \u00abtodos los elementos son bloques<\/strong>\u00ab. As\u00ed, como si de un puzzle se tratara, cada p\u00e1rrafo, encabezado, lista o imagen, se comportar\u00e1 como un elemento independiente si as\u00ed lo deseamos. <\/p>\n\n\n\n<p>Por ejemplo, con cada salto de l\u00ednea se crea un p\u00e1rrafo autom\u00e1ticamente. De esta manera <strong>podemos seleccionar los p\u00e1rrafos escritos y \u00abarrastrarlos\u00bb para ordenarlos cuantas veces queramos<\/strong>. Tambi\u00e9n podemos ordenar los bloques paso a paso con las flechas de selecci\u00f3n que acompa\u00f1an a cada bloque. Un funcionamiento f\u00e1cil y sencillo que no tardaremos en comprender por lo intuitivo que resulta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Primeros pasos al editar con Gutenberg<\/h2>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Cuando comenzamos una entrada o p\u00e1gina, lo primero que observaremos son los dos bloques esenciales; el t\u00edtulo y un bloque de p\u00e1rrafo vac\u00edo para comenzar a escribir. <\/p>\n\n\n\n<p>Como en versiones anteriores de WordPress, escribir el t\u00edtulo har\u00e1 que se cree autom\u00e1ticamente el \u00abEnlace permanente\u00bb o \u00abPermalink\u00bb, que podremos editar a placer en el men\u00fa lateral.  Es precisamente ese men\u00fa lateral unas de las claves a la hora de editar con Gutenberg, ya que albergar\u00e1 los<strong> men\u00fas contextuales que variar\u00e1n en funci\u00f3n de la herramienta de bloque seleccionada<\/strong>. <\/p>\n\n\n\n<p>As\u00ed, al editar el encabezado se despliega un men\u00fa especifico para dicho bloque, permitiendo configurarlo de manera m\u00e1s concisa. De esta manera contamos con un men\u00fa de ajustes b\u00e1sicos del bloque al seleccionarlo, y el men\u00fa contextual lateral.<\/p>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-2.jpg\" alt=\"WordPress 5.4. Editando con Gutenberg\" class=\"wp-image-613\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-2.jpg 800w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-2-300x200.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-2-768x512.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Cada bloque cuenta con su <strong>men\u00fa de edici\u00f3n r\u00e1pida con las opciones m\u00e1s b\u00e1sicas propias de cada tipo<\/strong>. Adem\u00e1s incluye un bot\u00f3n que despliega opciones comunes a todos los bloques:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Ocultar ajustes del bloque:<\/strong> muestra u oculta el men\u00fa lateral.<\/li><li><strong>Duplicar.<\/strong><\/li><li><strong>Insertar antes: <\/strong>permite a\u00f1adir un nuevo bloque encima.<\/li><li><strong>Insertar despu\u00e9s:<\/strong> permite a\u00f1adir un nuevo bloque debajo.<\/li><li><strong>Editar como HTML: <\/strong>permite editar el bloque en HTML de manera independiente. Similar al editor HTML de versiones anteriores de WordPress, pero solo para el bloque en cuesti\u00f3n. Este bloque resulta especialmente \u00fatil para el <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\">desarrollo de sitios web a medida.<\/a><\/li><li><strong>A\u00f1adir bloques reutilizables:<\/strong><br>esta opci\u00f3n es similar a la que incluyen muchos \u00abbuilders\u00bb o editores visuales.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Bloques de b\u00e1sicos para editar con Gutenberg<\/h2>\n\n\n\n<p>En Gutenberg podemos observar la aparici\u00f3n de un icono, tanto en la parte superior izquierda como en los espacios entre bloques. Este icono con un \u00ab+\u00bb inscrito en una circunferencia sirve para a\u00f1adir un nuevo bloque, por defecto al final de la entrada o p\u00e1gina. Al pulsarlo se despliega el men\u00fa de selecci\u00f3n de bloques donde podremos observar que se encuentran ordenados en los siguientes grupos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e1s utilizados<\/h3>\n\n\n\n<p>Aqu\u00ed se encuentran a modo de acceso directo<strong> los bloques m\u00e1s comunes y utilizados<\/strong>. De esta manera, si nos encontramos editando una p\u00e1gina y recurrimos a textos e im\u00e1genes las tendremos m\u00e1s a mano.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bloques comunes<\/h3>\n\n\n\n<p>Este grupo contiene los bloques m\u00e1s b\u00e1sicos y elementales. Bloques de texto, im\u00e1genes y archivos multimedia, listas, citas, fondos o enlaces a archivos, entre otros.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">P\u00e1rrafo<\/h4>\n\n\n\n<p>El bloque m\u00e1s b\u00e1sico y elemental para crear texto corrido. Se crea por defecto al escribir en el editor y posee las opciones de configuraci\u00f3n m\u00e1s habituales en editores de texto. <\/p>\n\n\n\n<p>Una de las particularidades de este bloque respecto a la escritura de texto de WordPress 4.9 es <strong>la posibilidad de a\u00f1adir clases CSS adicionales al p\u00e1rrafo de manera independiente<\/strong> o capitalizarlo con un solo click.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Encabezados<\/h4>\n\n\n\n<p>Este bloque de Gutenberg contiene los encabezados y t\u00edtulos indispensables para jerarquizar la informaci\u00f3n. Se distribuyen en niveles de la etiqueta HTML \u00abh\u00bb (H1, H2, H3, &#8230;). Con opciones similares a los p\u00e1rrafos, <strong>cuenta con la peculiaridad de incorporar la opci\u00f3n de insertar anclas<\/strong> a los distintos encabezados.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Imagen<\/h4>\n\n\n\n<p>Similar al bot\u00f3n de \u00abInsertar Objeto\u00bb de WordPress 4.9 pero con un editor algo m\u00e1s completo. Su men\u00fa b\u00e1sico contiene varios botones de formato para determinar el alineamiento de la imagen y su comportamiento. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Galer\u00eda<\/h4>\n\n\n\n<p>Uno de los bloques que cuenta con mayor tir\u00f3n entre los usuarios de WordPress. Si bien es cierto que sigue teniendo margen de mejora, la posibilidad de incorporar galer\u00edas de Gutenberg hace plantearse la opci\u00f3n de dejar atr\u00e1s alg\u00fan que otro plugin en pos de este m\u00f3dulo.<\/p>\n\n\n\n<p>Aseveramos esto porque<strong> el funcionamiento de la galer\u00eda es sencillo, r\u00e1pido, y con un acabado muy bien ejecutado<\/strong>. Las im\u00e1genes se alinean en las columnas especificadas, y si estas no son regulares y hay alguna imagen sobrante, se alinea por s\u00ed sola para mantener una ret\u00edcula impecable.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Listas<\/h4>\n\n\n\n<p>Las habituales listas ordenadas y desordenadas de HTML. Quiz\u00e1 el bloque m\u00e1s pobre de los vistos hasta ahora. Seguimos echando en falta m\u00e1s opciones avanzadas para usuarios sin conocimientos de CSS.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cita<\/h4>\n\n\n\n<p>Este bloque nos permite insertar la t\u00edpica cita correspondiente a la etiqueta \u00abblockquote\u00bb de HTML. Gutenberg incorpora una opci\u00f3n para alternar entre un formato de cita simple y otro mucho mayor y m\u00e1s vistoso.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-1.jpg\" alt=\"\" class=\"wp-image-619\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-1.jpg 800w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-1-300x200.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editar-con-gutenberg-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Audio y video<\/h4>\n\n\n\n<p>Aunque son bloques distintos van juntos de la mano en cuanto a comportamiento. El mayor fuerte de este bloque es sin duda <strong>la interfaz del reproductor multimedia<\/strong> que resulta bastante fresca y actual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fondo<\/h4>\n\n\n\n<p>Uno de los bloques que supuso un salto de calidad con respecto a versiones anteriores a WordPress 5.0. Fondo nos <strong>permite insertar un bloque con el ancho completo de la p\u00e1gina<\/strong> (si la plantilla del tema lo permite, puesto que por el momento no todas est\u00e1n preparados para ello). El bloque puede incluso contener un v\u00eddeo de la biblioteca, de una URL o una imagen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Archivo<\/h4>\n\n\n\n<p>Este bloque permite insertar un archivo, como por ejemplo, un archivo PDF. Nos <strong>ofrece la posibilidad de insertar un enlace simple o un bot\u00f3n<\/strong> que acompa\u00f1e al enlace para facilitar la descarga.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">En el pr\u00f3ximo articulo&#8230;<\/h2>\n\n\n\n<p>Para concluir nuestro art\u00edculo con motivo de la llegada de WordPress 5.4  <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/\">continuaremos con el repaso a su editor visual<\/a>. Hablaremos del resto de bloques para editar con Gutenberg y os daremos las claves y novedades que incorporar\u00e1 la pr\u00f3xima actualizaci\u00f3n. Os esperamos.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p> An\u00e1lisis de WordPress 5.4: <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-gutenberg\/\">parte 1<\/a> | parte 2 | <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/\">parte 3<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La versi\u00f3n 5.4 de WordPress  se aproxima, y como viene haciendo desde la 5.0, permitir\u00e1 editar con Gutenberg. En esta segunda parte de nuestro art\u00edculo dedicado a WordPress 5.4.<\/p>\n","protected":false},"author":3,"featured_media":621,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[95],"class_list":["post-333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-13T12:38:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-22T12:12:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"David de Lamo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David de Lamo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/\"},\"author\":{\"name\":\"David de Lamo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\"},\"headline\":\"WordPress 5.4 &#8211; Parte 2: Editar con Gutenberg\",\"datePublished\":\"2020-03-13T12:38:19+00:00\",\"dateModified\":\"2021-12-22T12:12:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/\"},\"wordCount\":1167,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg\",\"keywords\":[\"WordPress\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/\",\"name\":\"Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg\",\"datePublished\":\"2020-03-13T12:38:19+00:00\",\"dateModified\":\"2021-12-22T12:12:05+00:00\",\"description\":\"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg\",\"width\":1250,\"height\":737,\"caption\":\"WordPress 5.4. Editando con Gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-editar-con-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress 5.4 &#8211; Parte 2: Editar con Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\",\"name\":\"David de Lamo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"caption\":\"David de Lamo\"},\"description\":\"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.\",\"sameAs\":[\"http:\\\/\\\/www.carontestudio.com\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/david\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio","description":"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.","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:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/","og_locale":"es_ES","og_type":"article","og_title":"Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio","og_description":"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.","og_url":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2020-03-13T12:38:19+00:00","article_modified_time":"2021-12-22T12:12:05+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg","type":"image\/jpeg"}],"author":"David de Lamo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David de Lamo","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/"},"author":{"name":"David de Lamo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf"},"headline":"WordPress 5.4 &#8211; Parte 2: Editar con Gutenberg","datePublished":"2020-03-13T12:38:19+00:00","dateModified":"2021-12-22T12:12:05+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/"},"wordCount":1167,"commentCount":4,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg","keywords":["WordPress"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/","url":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/","name":"Wordpress 5.4 - Parte 2: Editar con Gutenberg - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg","datePublished":"2020-03-13T12:38:19+00:00","dateModified":"2021-12-22T12:12:05+00:00","description":"WordPress 5.4 se aproxima y como en versiones anteriores, nos permitir\u00e1 editar con Gutenberg. Te mostramos c\u00f3mo desenvolverte con el editor visual del CMS.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/03\/wordpress-5-4-editando-gutenberg-caronte-portada.jpg","width":1250,"height":737,"caption":"WordPress 5.4. Editando con Gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress 5.4 &#8211; Parte 2: Editar con Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf","name":"David de Lamo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","caption":"David de Lamo"},"description":"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.","sameAs":["http:\/\/www.carontestudio.com"],"url":"https:\/\/carontestudio.com\/blog\/author\/david\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":18,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":7983,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/333\/revisions\/7983"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/621"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}