{"id":335,"date":"2020-04-03T13:00:31","date_gmt":"2020-04-03T11:00:31","guid":{"rendered":"http:\/\/carontestudio.com\/blog\/?p=335"},"modified":"2023-03-03T13:41:16","modified_gmt":"2023-03-03T12:41:16","slug":"wordpress-5-4-parte-3-analisis-de-gutenberg","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/","title":{"rendered":"WordPress 5.4 &#8211; Parte 3: An\u00e1lisis de Gutenberg"},"content":{"rendered":"\n<p>Bienvenido a la tercera y \u00faltima parte de nuestro <strong>art\u00edculo sobre la \u00faltima gran actualizaci\u00f3n de WordPress<\/strong>. En el art\u00edculo anterior comenzamos a desengranar el editor visual de WordPress 5. Esta tercera parte la dedicaremos a analizar el resto de bloques de Gutenberg y las novedades que presenta en <strong>WordPress 5.4<\/strong>. Comenzamos.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Bloques espec\u00edficos de Gutenberg<\/h2>\n\n\n\n<p>En el <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/\">art\u00edculo anterior <\/a> vimos los bloques m\u00e1s comunes y elementales, pero  en este an\u00e1lisis de Gutenberg veremos que a\u00fan hay mucho por descubrir. El editor presenta varios bloques adicionales con contenido espec\u00edfico para dar formato, personalizar la edici\u00f3n y agregar funciones especiales.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Formatos<\/h3>\n\n\n\n<p>En este grupo se encuentran los<strong> bloques referentes al estilo y formato del texto <\/strong>de la p\u00e1gina o entrada. Adem\u00e1s, para los usuarios acostumbrados a maquetar mediante HTML, Gutenberg ha incorporado aqu\u00ed el bloque \u00abHTML personalizado\u00bb.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3digo<\/h4>\n\n\n\n<p>Con funcionamiento <strong>similar a la etiqueta HTML<\/strong> para escribir fragmentos de c\u00f3digo en nuestras p\u00e1ginas o entradas. Para sitios enfocados al desarrollo web o de apps puede resultar \u00fatil.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cl\u00e1sico<\/h4>\n\n\n\n<p>Para los m\u00e1s reacios al uso de Gutenberg,<strong> WordPress incorpora este \u00fatil bloque con el editor visual de versiones anteriores<\/strong>. Aunque como ya mencionamos en la primera parte del art\u00edculo, WordPress pone a disposici\u00f3n de los usuarios un<a href=\"https:\/\/es.wordpress.org\/plugins\/classic-editor\/\"> plugin que sustituye Gutenberg por el editor visual anterior<\/a>, esta iniciativa nos parece mucho mejor. Adem\u00e1s, de esta manera los usuarios se familiarizaran con Gutenberg sin prescindir del antiguo editor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">HTML personalizado<\/h4>\n\n\n\n<p>Si el bloque \u00abCl\u00e1sico\u00bb muestra el editor visual de WordPress 4, este bloque hace lo propio con el antiguo editor HTML.<strong> En este bloque podremos escribir nuestro c\u00f3digo HTML <\/strong>si preferimos maquetar nuestras p\u00e1ginas o entradas con, por ejemplo,<a href=\"https:\/\/getbootstrap.com\/\"> frameworks como Bootstrap. <\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Preformateado<\/h4>\n\n\n\n<p><strong>Similar a la etiqueta \u00abpre\u00bb de HTML<\/strong>. Al igual que con el bloque \u00abC\u00f3digo\u00bb, solo le encontramos utilidad en sitios web enfocados al desarrollo web o de programaci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cita<\/h4>\n\n\n\n<p>De funcionamiento similar a la etiqueta <strong>\u00abblockquote\u00bb <\/strong>de HTML. Gutenberg permite ajustar r\u00e1pidamente los estilos, el color de texto, de fondo, etc&#8230;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Tabla<\/h4>\n\n\n\n<p>Este interesante m\u00f3dulo crea <strong>tablas de una manera r\u00e1pida y c\u00f3moda<\/strong>. Si bien es cierto que las opciones son algo escasas, requiriendo CSS para mayor personalizaci\u00f3n, para usuarios poco exigentes puede resultar suficiente.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-1.jpg\" alt=\"Nueva version WordPress 5.4\" class=\"wp-image-796\" width=\"100%\" height=\"auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-1.jpg 960w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-1-300x169.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-1-768x432.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Elementos de dise\u00f1o<\/h3>\n\n\n\n<p>Una de las partes m\u00e1s llamativas de este an\u00e1lisis de Gutenberg son sin duda los elementos de dise\u00f1o de este. WordPress 5 se tom\u00f3 en serio el apartado visual y la experiencia de usuario y estos bloques dan fe de ello.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bot\u00f3n<\/h4>\n\n\n\n<p>Mediante este bloque podemos insertar un bot\u00f3n de enlace en nuestras p\u00e1ginas y entradas. <strong>Podemos configurar su comportamiento m\u00e1s b\u00e1sico<\/strong>, sus estilos (bordes redondeados, cuadrados, contorneados&#8230;) y ajustar el color.<\/p>\n\n\n\n<p>Menci\u00f3n especial para los avisos y sugerencias sobre combinaciones estridentes de color. Adi\u00f3s a los botones molestos e ilegibles.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Columnas<\/h4>\n\n\n\n<p>Este es uno de los bloques m\u00e1s especiales y prometedores, pero con un amplio margen de mejora. Mediante este bloque podemo disponer bloques (de texto, imagen, etc &#8230;) en columnas, como en cualquier otro framework. Suena bien, pero el resultado no es el esperado. <strong>En tama\u00f1os y resoluciones concretas las columnas son pr\u00e1cticamente ilegibles<\/strong>. No obstante, puede con el tiempo haya un ajuste de \u00abmediaqueries\u00bb o los desarrolladores se saquen alg\u00fan truco de la manga. Por el momento, nos parece que deja qu\u00e9 desear.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Salto de p\u00e1gina<\/h4>\n\n\n\n<p>Otro bloque innovador y sorprendente.<strong> Permite introducir saltos de p\u00e1gina dentro de una misma p\u00e1gina o entrada<\/strong>. De esta manera se puede paginar una entrada autom\u00e1ticamente, cre\u00e1ndose un selector de p\u00e1gina con botones autom\u00e1ticamente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Especiador y Separador<\/h4>\n\n\n\n<p>El separador es<strong> similar a la etiqueta \u00abhr\u00bb de HTML<\/strong>, creando una linea horizontal para dividir contenido. <\/p>\n\n\n\n<p>Por su parte el espaciador consiste en un bloque en blanco con una altura personalizable. Un recurso bastante socorrido. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Widgets<\/h3>\n\n\n\n<p>Una de las novedades m\u00e1s satisfactorias de WordPress 5 es la posibilidad de incrustar widgets en entradas y p\u00e1ginas. Anteriormente el CMS ofrec\u00eda la posibilidad de hacerlo en elementos separados al contenido, como pies de p\u00e1gina y men\u00fas laterales. <strong>Con esta opci\u00f3n la capacidad de incorporar contenido se eleva enormemente<\/strong>. Adem\u00e1s, la posibilidad de a\u00f1adir \u00abShortcodes\u00bb evitar\u00e1 en m\u00e1s de un caso la necesidad de editar los delicados archivos PHP de WordPress.<\/p>\n\n\n\n<p>El alcance de este men\u00fa depender\u00e1 de los plugins que hayamos instalado y sus widgets pertinentes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Incrustados<\/h3>\n\n\n\n<p>Este grupo engloba una serie de elementos a los que WordPress 5 llama \u00abincrustados\u00bb. Quiz\u00e1 m\u00e1s conocidos como \u00abiframes\u00bb, <strong>estos bloques permiten insertar en la p\u00e1gina o entrada elementos externos como videos<\/strong> de Youtube o Vimeo, listas de reproducci\u00f3n de Spotify y Soundcloud (enlace), y muchos otros m\u00e1s&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nuevos bloques de Gutenberg en WordPress 5.4<\/h2>\n\n\n\n<p>Como ya avanzamos anteriormente, con el lanzamiento de la versi\u00f3n 5.4 de WordPress, Gutenberg se actualiza y ofrece nuevas posibilidades. Veamos algunas de ellas.<\/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 is-resized\"><img decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-social-media-button.jpg\" alt=\"Botones para redes sociales de WordPress 5.4\" class=\"wp-image-787\" width=\"100%\" height=\"auto\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-social-media-button.jpg 563w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5.4-social-media-button-293x300.jpg 293w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Bloque social media<\/h3>\n\n\n\n<p>Un widget con una bater\u00eda de botones que enlazan de manera muy visual a los distintos perfiles de redes sociales que queramos indicar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Grupos de botones<\/h3>\n\n\n\n<p>Este nuevo bloque permite agrupar botones, quedando estos visualmente unidos. Esto permite crear elementos de navegaci\u00f3n y otros recursos.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Mejoras de Gutenberg en WordPress 5.4<\/h2>\n\n\n\n<p>Esta nueva versi\u00f3n no solo trae consigo unos cuantos nuevos bloques. Tambi\u00e9n se han mejorado algunos de los ya mencionados, como por ejemplo los siguientes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tablas mejoradas<\/h3>\n\n\n\n<p>Ahora, Gutenberg permite personalizar a\u00fan m\u00e1s las tablas. Podremos especificar un ancho de columna igual a todas ellas, o resaltar la cabecera y el pie de la tabla para poder diferenciarlos del resto de celdas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Botones mejorados<\/h3>\n\n\n\n<p>Podemos definir con mayor exactitud el \u00abborder-radius\u00bb o redondeo de las esquinas de nuestros botones. Tambi\u00e9n podemos escoger si el enlace abre una nueva ventana o no, y sobre todo resulta de agradecer, la posibilidad de especificar la relaci\u00f3n de este.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Otras mejoras<\/h3>\n\n\n\n<p>El entorno gr\u00e1fico de Gutenberg ha sido mejorado, y ahora permite alternar entre el editor en HTML y el visual de manera muy r\u00e1pida. Adem\u00e1s, se ha incluido un modo a pantalla completa, que combinada con la opci\u00f3n de ocultar la barra lateral del men\u00fa, logra una gran amplitud. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n tras el an\u00e1lisis de Gutenberg<\/h2>\n\n\n\n<p>Por \u00faltimo, queremos compartir nuestras impresiones. Aunque las novedades son numerosas y muy interesantes, parece que su funcionamiento contin\u00faa sin ser el deseado. <\/p>\n\n\n\n<p><strong>Las opciones de configuraci\u00f3n de los bloques siguen siendo muy simples<\/strong> y b\u00e1sicas. Si bien es cierto que est\u00e1n orientadas a usuarios que pudieran carecer de conocimientos acerca de c\u00f3digo CSS, algunas de las opciones siguen faltas de propiedades b\u00e1sicas. <\/p>\n\n\n\n<p>Tambi\u00e9n echamos en falta un \u00abscroll\u00bb de pantalla que acompa\u00f1e al cursor a la hora de ordenar los bloques. Cuando las entradas o p\u00e1ginas son largas, si queremos mover un bloque de principio a fin, la tarea sigue resultando compicada.<\/p>\n\n\n\n<p>En conclusi\u00f3n, la apuesta de WordPress por Gutenberg result\u00f3 arriesgada en su d\u00eda, pero muy necesaria. La tendencia marcaba la creciente demanda de editores visuales frente al uso de editores de texto o c\u00f3digo. <strong>Aunar ambas en un solo editor polivalente es a nuestro parecer, una jugada maestra<\/strong>. Eso s\u00ed, no es oro todo lo que reluce y aunque en nuestro equipo estamos encantados con WordPress 5.4 y su Gutenberg, creemos que hay un amplio margen de mejora. Nos alegra saber que tas la \u00faltima actualizaci\u00f3n, la comunidad va bien encaminada.<\/p>\n\n\n\n<p>Esperamos que te haya gustado nuestro art\u00edculo. \u00a1Te esperamos en el pr\u00f3ximo!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p> An\u00e1lisis de WordPress 5.4: <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-gutenberg\/\">parte 1<\/a> | <a href=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-editar-con-gutenberg\/\">parte 2<\/a> | parte 3<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas 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 size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/cambiar-tema-wordpress-desde-phpmyadmin\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/02\/cambiar-tema-wordpress-desde-phpmyadmin-1024x604.jpg\" alt=\"cambiar tema wordpress desde phpmyadmin\" class=\"wp-image-13738\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/02\/cambiar-tema-wordpress-desde-phpmyadmin-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/02\/cambiar-tema-wordpress-desde-phpmyadmin-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/02\/cambiar-tema-wordpress-desde-phpmyadmin-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2023\/02\/cambiar-tema-wordpress-desde-phpmyadmin.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\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 size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/reducir-el-tiempo-de-respuesta-inicial-del-servidor-en-wordpress\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/12\/reducir-tiempo-respuesta-inicial-servidor-wordpress-1024x604.jpg\" alt=\"reducir tiempo respuesta inicial del servidor en WordPress\" class=\"wp-image-12593\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/12\/reducir-tiempo-respuesta-inicial-servidor-wordpress-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/12\/reducir-tiempo-respuesta-inicial-servidor-wordpress-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/12\/reducir-tiempo-respuesta-inicial-servidor-wordpress-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/12\/reducir-tiempo-respuesta-inicial-servidor-wordpress.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenido a la tercera y \u00faltima parte de nuestro art\u00edculo sobre la \u00faltima gran actualizaci\u00f3n de WordPress. En el art\u00edculo anterior comenzamos a desengranar el editor visual de WordPress 5. Esta tercera parte la dedicaremos a analizar el resto de bloques de Gutenberg y las novedades que presenta en WordPress 5.4. Comenzamos.<\/p>\n","protected":false},"author":3,"featured_media":772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[95],"class_list":["post-335","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 3: An\u00e1lisis de Gutenberg - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!\" \/>\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-parte-3-analisis-de-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 3: An\u00e1lisis de Gutenberg - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-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-04-03T11:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-03T12:41:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.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=\"7 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-parte-3-analisis-de-gutenberg\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/\"},\"author\":{\"name\":\"David de Lamo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\"},\"headline\":\"WordPress 5.4 &#8211; Parte 3: An\u00e1lisis de Gutenberg\",\"datePublished\":\"2020-04-03T11:00:31+00:00\",\"dateModified\":\"2023-03-03T12:41:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/\"},\"wordCount\":1309,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/wordpress-5-4-analisis-gutenberg-web.jpg\",\"keywords\":[\"WordPress\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/\",\"name\":\"Wordpress 5.4 - Parte 3: An\u00e1lisis de Gutenberg - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/wordpress-5-4-analisis-gutenberg-web.jpg\",\"datePublished\":\"2020-04-03T11:00:31+00:00\",\"dateModified\":\"2023-03-03T12:41:16+00:00\",\"description\":\"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/wordpress-5-4-analisis-gutenberg-web.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/wordpress-5-4-analisis-gutenberg-web.jpg\",\"width\":1250,\"height\":737,\"caption\":\"WordPress 5.4. An\u00e1lisis de Gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wordpress-5-4-parte-3-analisis-de-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress 5.4 &#8211; Parte 3: An\u00e1lisis de 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 3: An\u00e1lisis de Gutenberg - Caronte Web Studio","description":"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!","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-parte-3-analisis-de-gutenberg\/","og_locale":"es_ES","og_type":"article","og_title":"Wordpress 5.4 - Parte 3: An\u00e1lisis de Gutenberg - Caronte Web Studio","og_description":"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!","og_url":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2020-04-03T11:00:31+00:00","article_modified_time":"2023-03-03T12:41:16+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.jpg","type":"image\/jpeg"}],"author":"David de Lamo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David de Lamo","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/"},"author":{"name":"David de Lamo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf"},"headline":"WordPress 5.4 &#8211; Parte 3: An\u00e1lisis de Gutenberg","datePublished":"2020-04-03T11:00:31+00:00","dateModified":"2023-03-03T12:41:16+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/"},"wordCount":1309,"commentCount":2,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.jpg","keywords":["WordPress"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/","url":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/","name":"Wordpress 5.4 - Parte 3: An\u00e1lisis de Gutenberg - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.jpg","datePublished":"2020-04-03T11:00:31+00:00","dateModified":"2023-03-03T12:41:16+00:00","description":"WordPress 5.4. incorpora nuevas funcionalidades a su editor visual, Gutenberg. Repasamos sus caracter\u00edsticas y uso en nuestro blog. \u00a1No te lo pierdas!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/wordpress-5-4-analisis-gutenberg-web.jpg","width":1250,"height":737,"caption":"WordPress 5.4. An\u00e1lisis de Gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/wordpress-5-4-parte-3-analisis-de-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress 5.4 &#8211; Parte 3: An\u00e1lisis de 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\/335","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=335"}],"version-history":[{"count":23,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/335\/revisions"}],"predecessor-version":[{"id":13812,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/335\/revisions\/13812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/772"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}