{"id":51758,"date":"2022-05-10T08:27:05","date_gmt":"2022-05-10T06:27:05","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=51758&#038;preview=true&#038;preview_id=51758"},"modified":"2025-01-20T11:37:13","modified_gmt":"2025-01-20T10:37:13","slug":"wordpress-6-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/","title":{"rendered":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s"},"content":{"rendered":"<p><strong>Ya est\u00e1 aqu\u00ed la versi\u00f3n 6.0 Arturo de WordPress<\/strong> y, como es habitual, hemos echado un vistazo detr\u00e1s de las cortinas para ofrecer a nuestros lectores un avance de <a href=\"https:\/\/wordpress.org\/news\/2022\/05\/arturo\/\">las novedades de la \u00faltima gran versi\u00f3n de WordPress<\/a>.<\/p>\n<p>Digamos de inmediato que, si <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> nos llev\u00f3 al coraz\u00f3n de la Fase 2 de Gutenberg, WordPress 6.0 pretende consolidar las herramientas de personalizaci\u00f3n ya disponibles.<\/p>\n<p>Pero la nueva versi\u00f3n no es s\u00f3lo eso. Como se\u00f1al\u00f3 Matias Ventura en la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/26\/preliminary-roadmap-for-6-0\/\">hoja de ruta preliminar de\u00a06.0<\/a>, la introducci\u00f3n del editor de sitios marc\u00f3 un gran hito, pero tambi\u00e9n es s\u00f3lo un primer paso en el camino.<\/p>\n<figure id=\"attachment_124477\" aria-describedby=\"caption-attachment-124477\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124477 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/wordpress-6-0.jpg\" alt=\"WordPress 6.0 Arturo ya est\u00e1 disponible\" width=\"2880\" height=\"1584\"><figcaption id=\"caption-attachment-124477\" class=\"wp-caption-text\">WordPress 6.0 Arturo ya est\u00e1 disponible<\/figcaption><\/figure>\n<p>WordPress 6.0 trae importantes mejoras en varias \u00e1reas del CMS, desde la usabilidad hasta el rendimiento, incluyendo las siguientes:<\/p>\n<ul>\n<li>Mejora de la arquitectura de la informaci\u00f3n y de la experiencia de navegaci\u00f3n de las plantillas<\/li>\n<li>Mejora de la creaci\u00f3n de plantillas<\/li>\n<li>Nuevos hooks<\/li>\n<li>API de Webfonts<\/li>\n<li>Un nuevo modo de navegaci\u00f3n para el editor del sitio<\/li>\n<li>Estilos globales alternativos<\/li>\n<li>Un bloque de Navegaci\u00f3n mejorado<\/li>\n<li>Mejora del rendimiento<\/li>\n<li>Nuevas herramientas de dise\u00f1o<\/li>\n<li>Y mucho m\u00e1s&#8230;<\/li>\n<\/ul>\n<p>Pero espera, eso no es todo. WordPress 6.0 tambi\u00e9n trae un n\u00famero impresionante de cambios, funciones y correcciones de errores, incluyendo m\u00e1s de 400 actualizaciones y 500 correcciones de errores para el editor. Se han corregido m\u00e1s de 189 entradas, incluyendo 91 nuevas funciones y mejoras.<\/p>\n<p>S\u00ed, hay mucho de lo que hablar. As\u00ed que no nos demoremos m\u00e1s y descubramos las novedades de WordPress 6.0.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n\n<h2>API de Webfonts<\/h2>\n<p>Una nueva <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-1\">API de Webfonts<\/a> proporciona ahora una forma estandarizada de cargar webfonts en WordPress, garantizando el rendimiento y la privacidad del usuario.<\/p>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">partir de WordPress 6.0<\/a>, s\u00f3lo puedes registrar una nueva webfont desde tu <em>theme.json<\/em>.<\/p>\n<p>Utilizar el <em>theme.json<\/em> es bastante sencillo. Todo lo que tienes que hacer es a\u00f1adir una nueva familia de fuentes en la secci\u00f3n <code>typography<\/code>. El siguiente c\u00f3digo proporciona un ejemplo de registro de webfont:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Source Serif Pro\\\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Inter\\\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>El c\u00f3digo anterior a\u00f1ade el tipo de letra <strong>Inter<\/strong> al conjunto de <code>fontFamilies<\/code> disponibles por defecto en Twenty Twenty-Two. Si quieres probarlo t\u00fa mismo, descarga la <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">webfont Inter<\/a> de <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-google-fonts\/\">Google Fonts<\/a> en la carpeta <em>.\/assets\/fonts<\/em>, y luego a\u00f1ade el c\u00f3digo anterior a la secci\u00f3n <code>settings.typography<\/code> del <em>theme.json<\/em> de Twenty Twenty-Two. Cuando hayas terminado, guarda el archivo y vuelve a la interfaz de edici\u00f3n del sitio.<\/p>\n<p>La siguiente imagen muestra el resultado en el editor.<\/p>\n<figure id=\"attachment_122326\" aria-describedby=\"caption-attachment-122326\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/webfonts-api.jpg\" alt=\"Se ha registrado una nueva familia de fuentes en Twenty Twenty-Two.\" width=\"1696\" height=\"1106\"><figcaption id=\"caption-attachment-122326\" class=\"wp-caption-text\">Se ha registrado una nueva familia de fuentes en Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>La API de Webfonts s\u00f3lo registra las fuentes que son necesarias para representar los bloques de la p\u00e1gina actual, lo que resulta especialmente \u00fatil con las fuentes web <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39886\">definidas en las variaciones de estilo<\/a>. Adem\u00e1s, la API optimiza el n\u00famero de peticiones HTTP al <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39559\">registrar y poner en cola las fuentes por familia de fuentes<\/a>.<\/p>\n<p>Puedes leer m\u00e1s sobre la nueva API en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\">Webfonts API<\/a> pull request, en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Status of Webfonts API for WordPress 6.0 Inclusion<\/a> y en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">Global Styles variations in WordPress 6.0<\/a>.<\/p>\n<h2>Cambio de estilos globales<\/h2>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/03\/core-editor-improvement-choose-your-style\/\">Las variaciones de estilos globales<\/a> son una de las caracter\u00edsticas m\u00e1s esperadas que llegan con WordPress 6.0. Los autores de temas pueden ahora incluir varios conjuntos de Estilos Globales con sus temas, permitiendo a los usuarios cambiar entre las variaciones de estilo con un solo clic.<\/p>\n<p>Es como tener temas secundarios listos para usar, con un conjunto predefinido de estilos para cada uno.<\/p>\n<p>Para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">a\u00f1adir una variaci\u00f3n de estilo<\/a> a tu tema en bloque, a\u00f1adir\u00e1s un archivo JSON alternativo en una carpeta de <em>estilos<\/em> situada en la ra\u00edz de tu tema.<\/p>\n<p>Los temas que soportan variaciones de Estilos Globales muestran un nuevo elemento <strong>Examinar estilos<\/strong> en la barra lateral de <strong>Estilos Globales<\/strong>. Esto lleva a un panel donde los usuarios del tema encuentran una lista de los estilos disponibles.<\/p>\n<figure id=\"attachment_122328\" aria-describedby=\"caption-attachment-122328\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles.jpg\" alt=\"Examinar estilos en WordPress 6.0.\" width=\"1264\" height=\"1008\"><figcaption id=\"caption-attachment-122328\" class=\"wp-caption-text\">Examinar estilos en WordPress 6.0.<\/figcaption><\/figure>\n<p>Elige un estilo global de la lista y el estilo se aplicar\u00e1 autom\u00e1ticamente a todo tu sitio web.<\/p>\n<figure id=\"attachment_122329\" aria-describedby=\"caption-attachment-122329\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-alternate-style.jpg\" alt=\"Elegir un estilo con un solo clic en WordPress 6.0.\" width=\"1868\" height=\"882\"><figcaption id=\"caption-attachment-122329\" class=\"wp-caption-text\">Elegir un estilo con un solo clic en WordPress 6.0.<\/figcaption><\/figure>\n<p>La nueva funci\u00f3n permite a <a href=\"https:\/\/kinsta.com\/es\/blog\/salario-desarrollador-wordpress\/\">los desarrolladores de temas<\/a> crear un n\u00famero ilimitado de variaciones de estilo y se combina perfectamente con la nueva API de Webfonts.<\/p>\n<p>La siguiente imagen muestra un estilo personalizado del ejemplo anterior, con una fuente diferente aplicada a los encabezados.<\/p>\n<figure id=\"attachment_122330\" aria-describedby=\"caption-attachment-122330\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122330 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-custom-style-with-font.jpg\" alt=\"Una variaci\u00f3n de estilo con una fuente personalizada en WordPress 6.0.\" width=\"1696\" height=\"896\"><figcaption id=\"caption-attachment-122330\" class=\"wp-caption-text\">Una variaci\u00f3n de estilo con una fuente personalizada en WordPress 6.0.<\/figcaption><\/figure>\n<p>Si quieres probarlo t\u00fa mismo, a\u00f1ade una carpeta de <em>estilos<\/em> a la ra\u00edz de tu tema de bloques, crea un nuevo archivo JSON con un nombre significativo, \u00e1brelo en tu <a href=\"https:\/\/kinsta.com\/es\/blog\/editores-html-gratuitos\/\">editor de c\u00f3digo<\/a> favorito y a\u00f1ade el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-background\",\n\t\t\t\t\t\"name\": \"Foreground and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-secondary\",\n\t\t\t\t\t\"name\": \"Foreground and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-tertiary\",\n\t\t\t\t\t\"name\": \"Foreground and tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"primary-and-background\",\n\t\t\t\t\t\"name\": \"Primary and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"primary-and-secondary\",\n\t\t\t\t\t\"name\": \"Primary and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"primary-and-tertiary\",\n\t\t\t\t\t\"name\": \"Primary and tertiary\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#143F6B\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#EFEFEF\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#F55353\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FEB139\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F54D\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"h1\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h2\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h3\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h4\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h5\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h6\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Puedes encontrar el c\u00f3digo completo utilizado en el ejemplo anterior <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/2440\/commits\/816ba4c125542535ce65db9d7198a3e9f43bed5b\">en GitHub<\/a> y en <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896\">gist<\/a>.<\/p>\n<p>Los desarrolladores encontrar\u00e1n descripciones detalladas de Estilos Globales y Theme.json en los art\u00edculos de documentaci\u00f3n <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Ajustes y Estilos Globales<\/a> y <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\">Theme.json<\/a>.<\/p>\n<p>Tambi\u00e9n puedes consultar la \u00faltima versi\u00f3n de <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>, que ahora presenta <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55433\">tres nuevas variaciones de estilo<\/a>.<\/p>\n<figure id=\"attachment_122331\" aria-describedby=\"caption-attachment-122331\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles-in-tt2.jpg\" alt=\"Explorar los estilos en Twenty Twenty-Two.\" width=\"2036\" height=\"1018\"><figcaption id=\"caption-attachment-122331\" class=\"wp-caption-text\">Explorar los estilos en Twenty Twenty-Two.<\/figcaption><\/figure>\n<h2>Patrones de bloques por todas partes<\/h2>\n<p>Una cosa es segura, los patrones de bloque juegan un papel central en la fase actual de desarrollo de WordPress. Introducidos por primera vez con <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-5\/#block-patterns\">WordPress 5.5<\/a>, los patrones de bloques se han ido mejorando regularmente con el tiempo.<\/p>\n<p>Adem\u00e1s, a partir de la versi\u00f3n 5.9 de WordPress, los patrones que aparecen en el <a href=\"https:\/\/wordpress.org\/patterns\/\">directorio de patrones<\/a> se han introducido en nuestros sitios web de WordPress, siendo recuperados din\u00e1micamente del directorio de patrones y <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-9\/#featured-patterns-from-the-pattern-directory\">cargados en el insertador de bloques<\/a>.<\/p>\n<p>Y ahora cualquiera puede convertirse en un desarrollador de patrones, gracias a una nueva herramienta online. El <a href=\"https:\/\/wordpress.org\/news\/2022\/03\/get-creative-with-the-all-new-pattern-creator\/\">Creador de Patrones<\/a> te permite <em>construir, editar y enviar tus mejores patrones de bloques al<\/em> Directorio de Patrones. Todo lo que necesitas para empezar es una <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-com-vs-wordpress-org\/\">cuenta de WordPress.org<\/a>.<\/p>\n<figure id=\"attachment_122300\" aria-describedby=\"caption-attachment-122300\" style=\"width: 2038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/pattern-creator.jpg\" alt=\"Buscando im\u00e1genes en el Creador de Patrones.\" width=\"2038\" height=\"1084\"><figcaption id=\"caption-attachment-122300\" class=\"wp-caption-text\">Buscando im\u00e1genes en el Creador de Patrones.<\/figcaption><\/figure>\n<p>Adem\u00e1s, WordPress 6.0 introduce nuevas mejoras en los patrones de bloqueo.<\/p>\n<p>En primer lugar, los patrones de bloques <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#improving-the-patterns-experience\">son m\u00e1s f\u00e1ciles de encontrar<\/a> en la edici\u00f3n de plantillas. Ahora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36697\">el insertador r\u00e1pido s\u00f3lo muestra los patrones de bloques<\/a> cuando accedes a \u00e9l en el nivel superior de una plantilla, es decir, cuando el bloque que vas a a\u00f1adir a tu plantilla es el descendiente directo del documento.<\/p>\n<p>Eso es cuando se cumplen las siguientes condiciones:<\/p>\n<ul>\n<li>Est\u00e1s editando una plantilla de bloques<\/li>\n<li>El insertador r\u00e1pido est\u00e1 en el nivel ra\u00edz<\/li>\n<li>Est\u00e1s a\u00f1adiendo un bloque entre otros bloques (es decir, no es el primero ni el \u00faltimo de la p\u00e1gina)<\/li>\n<\/ul>\n<figure id=\"attachment_122301\" aria-describedby=\"caption-attachment-122301\" style=\"width: 2312px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122301 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-patterns-in-the-quick-inserter.jpg\" alt=\"El insertador r\u00e1pido s\u00f3lo muestra patrones de bloques en el editor de plantillas.\" width=\"2312\" height=\"1244\"><figcaption id=\"caption-attachment-122301\" class=\"wp-caption-text\">El insertador r\u00e1pido s\u00f3lo muestra patrones de bloques en el editor de plantillas.<\/figcaption><\/figure>\n<p>Otra funci\u00f3n \u00fatil permite ahora a los desarrolladores de temas <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/docs\/how-to-guides\/themes\/theme-json.md#patterns\">a\u00f1adir patrones recomendados<\/a> al <em>theme.json<\/em>. Para probarlo, busca en el Directorio de Patrones, encuentra los patrones que quieras recomendar a los usuarios de tu tema, luego coge el slug del patr\u00f3n de la URL y a\u00f1\u00e1delo a tu <em>theme.json<\/em> de la siguiente manera:<\/p>\n<pre><code class=\"language-json\">\"patterns\": [\n\t\"image-with-angled-overlay-shape-call-to-action-button-and-description\",\n\t\"hero-section-with-overlap-image\"\n],<\/code><\/pre>\n<p>Los usuarios encontrar\u00e1n tus patrones recomendados en el insertador de bloques.<\/p>\n<figure id=\"attachment_122303\" aria-describedby=\"caption-attachment-122303\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/recommended-patterns.jpg\" alt=\"Patrones recomendados en el insertador r\u00e1pido.\" width=\"1556\" height=\"766\"><figcaption id=\"caption-attachment-122303\" class=\"wp-caption-text\">Patrones recomendados en el insertador r\u00e1pido.<\/figcaption><\/figure>\n<p>Una potente caracter\u00edstica relacionada con los patrones que se incorpora a WordPress 6.0 es el <strong>registro de patrones impl\u00edcito<\/strong>. Ahora los temas pueden <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36751\">registrar impl\u00edcitamente patrones<\/a> declar\u00e1ndolos <strong>como archivos PHP<\/strong> bajo un nuevo directorio <code>\/patterns<\/code> en la ra\u00edz del tema.<\/p>\n<p>El proceso es bastante sencillo:<\/p>\n<ol>\n<li>crea una nueva carpeta de <em>patrones<\/em> en la ra\u00edz de tu tema<\/li>\n<li>crea un grupo de bloques en el editor de bloques<\/li>\n<li>copia y pega tu HTML en un nuevo archivo de texto,<\/li>\n<li>a\u00f1ade el siguiente encabezamiento,<\/li>\n<li>y guarda el archivo como PHP en tu carpeta de <em>patrones<\/em>.<\/li>\n<\/ol>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: My pattern\n * Slug: my-theme\/my-pattern\n * Categories: text\n *\/\n?&gt;<\/code><\/pre>\n<p>Y ya est\u00e1. Ahora tienes un nuevo patr\u00f3n de bloques que aparecer\u00e1 en el insertador de bloques.<\/p>\n<figure id=\"attachment_122304\" aria-describedby=\"caption-attachment-122304\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/adding-custom-pattern.jpg\" alt=\"Un patr\u00f3n personalizado en el insertador r\u00e1pido de bloques.\" width=\"1392\" height=\"1016\"><figcaption id=\"caption-attachment-122304\" class=\"wp-caption-text\">Un patr\u00f3n personalizado en el insertador r\u00e1pido de bloques.<\/figcaption><\/figure>\n<p><strong>Los patrones de creaci\u00f3n de p\u00e1ginas<\/strong> son otra caracter\u00edstica relacionada con los bloques introducida con WordPress 6.0. Ahora, cuando creas una nueva p\u00e1gina, la pantalla de creaci\u00f3n de p\u00e1ginas muestra un modal que proporciona un conjunto de patrones de bloques que puedes elegir para crear tu p\u00e1gina.<\/p>\n<p>El modal s\u00f3lo se muestra cuando al menos un patr\u00f3n es compatible con los tipos de contenido <code>core\/post-content<\/code>.<\/p>\n<p>WordPress 6.0 no incluye ninguno de estos patrones, por lo que el modal no aparecer\u00e1 a menos que se a\u00f1ada soporte a un patr\u00f3n existente. Pero a\u00f1adir el modal a la pantalla de creaci\u00f3n de p\u00e1ginas es bastante sencillo.<\/p>\n<p>Si has registrado un patr\u00f3n de bloques para tu tema como se muestra en el ejemplo anterior, puedes a\u00f1adir soporte para el patr\u00f3n modal utilizando la propiedad <code>Block Types<\/code> como se muestra en el patr\u00f3n de ejemplo de abajo:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:columns --&gt;\n&lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:image --&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img alt=\"\"\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Heading&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:list --&gt;\n&lt;ul&gt;&lt;li&gt;List item&lt;\/li&gt;&lt;\/ul&gt;\n&lt;!-- \/wp:list --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;<\/code><\/pre>\n<p>Guarda este c\u00f3digo en un archivo PHP en el directorio <code>\/patterns<\/code> de tu tema. Luego, en tu panel de control de WordPress crea una nueva p\u00e1gina. Deber\u00edas ver un nuevo modal como se muestra en la siguiente imagen:<\/p>\n<figure id=\"attachment_124475\" aria-describedby=\"caption-attachment-124475\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-124475\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/page-creation-patterns.jpg\" alt=\"Page creation patterns\" width=\"1826\" height=\"962\"><figcaption id=\"caption-attachment-124475\" class=\"wp-caption-text\">Page creation patterns<\/figcaption><\/figure>\n<p>Para una visi\u00f3n m\u00e1s detallada de los patrones de creaci\u00f3n de p\u00e1ginas, consulta tambi\u00e9n <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\">Patrones de creaci\u00f3n de p\u00e1ginas en WordPress 6.0<\/a>.<\/p>\n<p>Para obtener informaci\u00f3n m\u00e1s detallada sobre el desarrollo de patrones de bloques, consulta tambi\u00e9n <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0\/\">Nuevas funciones para trabajar con patrones y temas en WordPress 6.0<\/a> y el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31153\">Tracking Issue en GitHub<\/a>.<\/p>\n<h2>Caracter\u00edsticas de la edici\u00f3n del sitio<\/h2>\n<p>El desarrollo completo de la edici\u00f3n de sitios no ha terminado con WordPress 5.9. WordPress 6.0 va un paso m\u00e1s all\u00e1 al mejorar las funcionalidades de creaci\u00f3n de temas visuales y ofrecer nuevas opciones de plantillas para los temas en bloque. Y hay m\u00e1s funciones en camino.<\/p>\n<h3>Construcci\u00f3n visual de temas<\/h3>\n<p>WordPress 6.0 introduce una <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/theme-export-in-wordpress-6-0\/\">herramienta mejorada de exportaci\u00f3n de temas en bloque<\/a>, que te permite <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/#highlight-4\">descargar el tema actual<\/a> con todos tus cambios y personalizaciones.<\/p>\n<p>Si no has utilizado la herramienta de exportaci\u00f3n de temas en bloque hasta ahora, es una potente herramienta de edici\u00f3n de sitios que te permite exportar tus estilos y plantillas como <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39202\">un tema completo<\/a>.<\/p>\n<p>Cuando est\u00e9s satisfecho con tus cambios, desde la interfaz del editor del sitio, abre la barra lateral de <strong>Opciones<\/strong> y encuentra la secci\u00f3n <strong>Herramientas<\/strong>. Aqu\u00ed un bot\u00f3n de <strong>Exportaci\u00f3n<\/strong> te permite descargar el tema actual con todas tus personalizaciones de estilos y plantillas en un archivo zip.<\/p>\n<figure id=\"attachment_122469\" aria-describedby=\"caption-attachment-122469\" style=\"width: 2280px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122469 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/export-theme.jpg\" alt=\"Exportar un tema desde la interfaz del editor.\" width=\"2280\" height=\"1232\"><figcaption id=\"caption-attachment-122469\" class=\"wp-caption-text\">Exportar un tema desde la interfaz del editor.<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, puedes exportar tu tema e instalarlo en cualquier sitio web de WordPress.<\/p>\n<p>Hemos probado la herramienta mejorada de exportaci\u00f3n de temas en una instalaci\u00f3n local de WordPress, y hemos comprobado que <strong>casi<\/strong> todo funciona como esper\u00e1bamos&#8230; \ud83d\ude05<\/p>\n<p>De todos modos, la herramienta de exportaci\u00f3n a\u00fan est\u00e1 en desarrollo, y hoy s\u00f3lo podemos vislumbrar su tremendo potencial. Piensa en la posibilidad de crear tus temas desde la interfaz de edici\u00f3n de tu sitio web y distribuirlos en un n\u00famero arbitrario de instalaciones. Y eso tanto si eres desarrollador como si no&#8230;<\/p>\n<p>Todav\u00eda quedan muchos problemas abiertos por arreglar, lo que nos hace pensar que pronto veremos varias mejoras. Si tienes curiosidad y quieres saber m\u00e1s sobre la construcci\u00f3n de temas visuales (como nosotros), puedes seguir el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39189\">tema de seguimiento en GitHub<\/a>.<\/p>\n<h3>M\u00e1s opciones de plantillas en los temas en bloque<\/h3>\n<p>En versiones anteriores de WordPress, ten\u00edamos un n\u00famero limitado de tipos de plantillas disponibles.<\/p>\n<figure id=\"attachment_122470\" aria-describedby=\"caption-attachment-122470\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122470 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-5-9.jpg\" alt=\"A\u00f1adiendo una nueva plantilla en WordPress 5.9.\" width=\"2256\" height=\"1248\"><figcaption id=\"caption-attachment-122470\" class=\"wp-caption-text\">A\u00f1adiendo una nueva plantilla en WordPress 5.9.<\/figcaption><\/figure>\n<p>Ahora, WordPress 6.0 introduce <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39353\">varios tipos de plantilla nuevos<\/a>, como Autor, Categor\u00eda, Fecha, Etiqueta y Taxonom\u00eda.<\/p>\n<figure id=\"attachment_122471\" aria-describedby=\"caption-attachment-122471\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122471 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-6-0.jpg\" alt=\"A\u00f1adiendo una nueva plantilla en WordPress 6.0.\" width=\"2258\" height=\"946\"><figcaption id=\"caption-attachment-122471\" class=\"wp-caption-text\">A\u00f1adiendo una nueva plantilla en WordPress 6.0.<\/figcaption><\/figure>\n<p>Esta adici\u00f3n deber\u00eda agilizar el flujo de trabajo de edici\u00f3n de tu sitio. Para probarlo, s\u00f3lo tienes que elegir una nueva plantilla de la lista desplegable, a\u00f1adir los bloques necesarios, guardar los cambios y comprobar c\u00f3mo queda en el front-end. S\u00ed, es as\u00ed de f\u00e1cil. Ahora, considera esto junto con la funci\u00f3n de exportaci\u00f3n de temas mencionada anteriormente y entender\u00e1s mejor <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/37407\">lo que podemos esperar<\/a> de la edici\u00f3n del sitio en breve.<\/p>\n<h2>Mejoras en la interfaz y la usabilidad<\/h2>\n<p>WordPress 6.0 introduce una serie de cambios en la interfaz de usuario, muchos de los cuales est\u00e1n destinados a poner orden en la barra lateral. En conjunto, estos cambios deber\u00edan tener un impacto considerable en la experiencia general de edici\u00f3n. Aqu\u00ed s\u00f3lo mencionaremos algunos de ellos, pero puedes consultar las notas de la versi\u00f3n de Gutenberg para obtener una lista m\u00e1s completa de los cambios (ver Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/\">12.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/\">12.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/\">12.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/\">12.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/\">12.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/\">12.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/\">13.0<\/a>).<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Mejoras en List View<\/h3>\n<p>List View se ve afectada por <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#list-view-improvements\">un n\u00famero considerable de cambios<\/a> que mejoran la usabilidad del componente.<\/p>\n<h4>Expandir List View al seleccionarla<\/h4>\n<p>Cuando haces clic en un bloque en el editor, ahora el bloque se resalta autom\u00e1ticamente en List View. Si el bloque est\u00e1 anidado en un bloque padre, el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35817\">bloque padre se expande<\/a> mostrando el elemento en el \u00e1rbol de bloques.<\/p>\n<figure id=\"attachment_122168\" aria-describedby=\"caption-attachment-122168\" style=\"width: 1186px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122168 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/expand-list-view-on-selection.jpg\" alt=\"Bloque de grupo expandido en List View al seleccionar el bloque.\" width=\"1186\" height=\"1084\"><figcaption id=\"caption-attachment-122168\" class=\"wp-caption-text\">Bloque de grupo expandido en List View al seleccionar el bloque.<\/figcaption><\/figure>\n<h4>List View colapsada por defecto<\/h4>\n<p>Antes de WordPress 6.0, cuando abres el panel de List View, est\u00e1 expandido por defecto.<\/p>\n<figure id=\"attachment_122171\" aria-describedby=\"caption-attachment-122171\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122171 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-5-9.jpg\" alt=\"List View por defecto en WordPress 5.9.\" width=\"2316\" height=\"1238\"><figcaption id=\"caption-attachment-122171\" class=\"wp-caption-text\">List View por defecto en WordPress 5.9.<\/figcaption><\/figure>\n<p>Pero como un post suele estar formado por estructuras complejas de bloques anidados, tener el \u00e1rbol de bloques colapsado al abrir List View tiene mucho sentido.<\/p>\n<p>Con la versi\u00f3n 6.0, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39611\">List View se colapsa por defecto en todos los editores<\/a>, haciendo que el \u00e1rbol de bloques sea mucho m\u00e1s comprensible de un vistazo.<\/p>\n<figure id=\"attachment_122170\" aria-describedby=\"caption-attachment-122170\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122170 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-6-0.jpg\" alt=\"List View por defecto en WordPress 6.0.\" width=\"2314\" height=\"1002\"><figcaption id=\"caption-attachment-122170\" class=\"wp-caption-text\">List View por defecto en WordPress 6.0.<\/figcaption><\/figure>\n<h4>Centrarse en el bot\u00f3n de List View<\/h4>\n<p>Cuando abres el panel de List View, el foco ahora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">vuelve correctamente al bot\u00f3n de List View<\/a>. Esto es especialmente \u00fatil cuando navegas por List View desde el teclado, y resulta en una experiencia de edici\u00f3n m\u00e1s suave y fluida.<\/p>\n<h4>Belecci\u00f3n de bloques m\u00faltiples y arrastrar y soltar<\/h4>\n<p>Otro cambio en List View te permite seleccionar varios bloques en el mismo nivel y <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38314\">arrastrarlos y soltarlos<\/a> a otra posici\u00f3n dentro de la lista.<\/p>\n<h3>Vista previa de los estilos de bloque<\/h3>\n<p>Antes de WordPress 6.0, las vistas previas de los estilos de bloque se situaban en la barra lateral de bloques, ocupando una parte considerable del panel de Estilos.<\/p>\n<figure id=\"attachment_122172\" aria-describedby=\"caption-attachment-122172\" style=\"width: 1590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122172 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-5-9.jpg\" alt=\"Vista previa del estilo de bloque en WordPress 5.9.\" width=\"1590\" height=\"1224\"><figcaption id=\"caption-attachment-122172\" class=\"wp-caption-text\">Vista previa del estilo de bloque en WordPress 5.9.<\/figcaption><\/figure>\n<p>Con la versi\u00f3n 6.0, s\u00f3lo los nombres de las variaciones de estilo aparecen en el panel de Estilos, mientras que las vistas previas de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#block-styles-preview\">los estilos se muestran fuera de la barra<\/a> lateral cuando se pasa el rat\u00f3n por encima del nombre del estilo o \u00e9ste recibe el foco.<\/p>\n<p>Este cambio reduce las dimensiones de la barra lateral y deber\u00eda hacer m\u00e1s evidentes los nombres de los estilos.<\/p>\n<figure id=\"attachment_122173\" aria-describedby=\"caption-attachment-122173\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122173 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-6-0.jpg\" alt=\"Vista previa del estilo de bloque en WordPress 6.0.\" width=\"1588\" height=\"988\"><figcaption id=\"caption-attachment-122173\" class=\"wp-caption-text\">Vista previa del estilo de bloque en WordPress 6.0.<\/figcaption><\/figure>\n<h3>Secci\u00f3n de tipograf\u00eda de p\u00e1rrafo<\/h3>\n<p>Con el objetivo de poner orden en la barra lateral del bloque, el control de la tapa de la gota del bloque P\u00e1rrafo <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#paragraph-block-combined-typography-controls\">se ha movido<\/a> de su secci\u00f3n a la secci\u00f3n Tipograf\u00eda.<\/p>\n<p>Con este cambio, todos los controles de la configuraci\u00f3n de la tipograf\u00eda se colocan ahora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36334\">en la misma secci\u00f3n<\/a>, lo que permite una experiencia de usuario m\u00e1s coherente.<\/p>\n<figure id=\"attachment_122174\" aria-describedby=\"caption-attachment-122174\" style=\"width: 1248px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122174 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/paragraph-block-typography-settings-wp-59-vs-wp-60.jpg\" alt=\"Ajustes de tipograf\u00eda en WordPress 5.9 frente a WordPress 6.0.\" width=\"1248\" height=\"1485\"><figcaption id=\"caption-attachment-122174\" class=\"wp-caption-text\">Ajustes de tipograf\u00eda en WordPress 5.9 frente a WordPress 6.0.<\/figcaption><\/figure>\n<h3>La configuraci\u00f3n de bordes y colores se ha trasladado al panel de herramientas<\/h3>\n<p>Con el objetivo de poner orden en una desordenada barra lateral de ajustes, los controles de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/22\/whats-new-in-gutenberg-12-2-22-december\/#a-new-home-for-border-controls\">ajustes de bordes<\/a> y <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-color-panel-and-updated-default-color-controls\">de color<\/a> se han trasladado al <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/tools-panel\/\">Panel de Herramientas<\/a> y pueden expandirse y colapsarse en varios contextos.<\/p>\n<figure id=\"attachment_122175\" aria-describedby=\"caption-attachment-122175\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122175 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/border-panel-wp-6-0.jpg\" alt=\"El nuevo panel de configuraci\u00f3n de bordes.\" width=\"1942\" height=\"474\"><figcaption id=\"caption-attachment-122175\" class=\"wp-caption-text\">El nuevo panel de configuraci\u00f3n de bordes.<\/figcaption><\/figure>\n<p>Este cambio deber\u00eda agilizar la experiencia de edici\u00f3n con varios bloques y aportar m\u00e1s consistencia a la barra lateral.<\/p>\n<figure id=\"attachment_122185\" aria-describedby=\"caption-attachment-122185\" style=\"width: 1192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122185 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/color-panel-wp-6-0.jpg\" alt=\"El panel Color en WordPress 6.0.\" width=\"1192\" height=\"1004\"><figcaption id=\"caption-attachment-122185\" class=\"wp-caption-text\">El panel Color en WordPress 6.0.<\/figcaption><\/figure>\n<h3>Recordatorio de la categor\u00eda del panel de publicaci\u00f3n de posts<\/h3>\n<p>Cuando tienes prisa o publicas regularmente un buen n\u00famero de entradas del blog, puedes olvidarte f\u00e1cilmente de las etiquetas o las categor\u00edas. Si te ves a menudo en esa situaci\u00f3n, te resultar\u00e1 muy \u00fatil el recordatorio de etiquetas que aparece en el panel de publicaci\u00f3n de entradas.<\/p>\n<p>Ahora, para ayudar a los administradores y autores del sitio a asegurarse de que sus entradas tienen asignadas las categor\u00edas necesarias, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/#post-publish-panel-categories-reminder\">con WordPress 6.0<\/a> aparece una nueva <strong>Sugerencia: Asignar una categor\u00eda<\/strong> aparece en el panel de publicaci\u00f3n de la entrada cuando no se ha a\u00f1adido una categor\u00eda a la entrada.<\/p>\n<p>La imagen de abajo compara el panel de publicaci\u00f3n de entradas en WordPress 5.9 con el 6.0.<\/p>\n<figure id=\"attachment_122177\" aria-describedby=\"caption-attachment-122177\" style=\"width: 1166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122177 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/post-publish-panel.jpg\" alt=\"Panel de publicaci\u00f3n de entradas en WordPress 5.9 vs. 6.0.\" width=\"1166\" height=\"1130\"><figcaption id=\"caption-attachment-122177\" class=\"wp-caption-text\">Panel de publicaci\u00f3n de entradas en WordPress 5.9 vs. 6.0.<\/figcaption><\/figure>\n<h3>Se ha a\u00f1adido el editor de c\u00f3digo al editor del sitio<\/h3>\n<p>A partir de WordPress 6.0, el Editor de C\u00f3digo tambi\u00e9n est\u00e1 disponible en el Editor del Sitio. Al igual que con el <a href=\"https:\/\/kinsta.com\/es\/blog\/gutenberg-wordpress-editor\/\">Editor de Publicaciones<\/a>, encontrar\u00e1s el Editor de C\u00f3digo en el men\u00fa Opciones.<\/p>\n<figure id=\"attachment_122178\" aria-describedby=\"caption-attachment-122178\" style=\"width: 2246px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122178 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/code-editor-mode.jpg\" alt=\"WordPress 6.0 a\u00f1ade el Editor de C\u00f3digo al Editor del Sitio.\" width=\"2246\" height=\"1106\"><figcaption id=\"caption-attachment-122178\" class=\"wp-caption-text\">WordPress 6.0 a\u00f1ade el Editor de C\u00f3digo al Editor del Sitio.<\/figcaption><\/figure>\n<h3>Block Locking UI<\/h3>\n<p>Un nuevo elemento de <strong>bloqueo<\/strong> en el men\u00fa desplegable de m\u00e1s ajustes abre una ventana emergente en la que puedes impedir que los usuarios muevan o eliminen bloques (o ambas cosas).<\/p>\n<figure id=\"attachment_122180\" aria-describedby=\"caption-attachment-122180\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122180 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-group.jpg\" alt=\"Bloqueando un grupo de bloques.\" width=\"1500\" height=\"858\"><figcaption id=\"caption-attachment-122180\" class=\"wp-caption-text\">Bloqueando un grupo de bloques.<\/figcaption><\/figure>\n<p>Esto es especialmente \u00fatil en la edici\u00f3n de plantillas y bloques reutilizables, donde tambi\u00e9n puedes restringir la edici\u00f3n de bloques.<\/p>\n<figure id=\"attachment_122181\" aria-describedby=\"caption-attachment-122181\" style=\"width: 1440px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122181 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-reusable-block.jpg\" alt=\"Bloqueo de un bloque de grupo reutilizable.\" width=\"1440\" height=\"828\"><figcaption id=\"caption-attachment-122181\" class=\"wp-caption-text\">Bloqueo de un bloque de grupo reutilizable.<\/figcaption><\/figure>\n<p>La nueva funci\u00f3n puede desactivarse mediante programaci\u00f3n utilizando la nueva configuraci\u00f3n <code>canLockBlocks<\/code>.<\/p>\n<p>El siguiente c\u00f3digo habilita la funci\u00f3n de bloqueo de bloques s\u00f3lo para los usuarios con rol de Editor o superior:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'block_editor_settings_all',\n\tfunction( $settings, $context ) {\n\n\t\t$settings['canLockBlocks'] = current_user_can( 'delete_others_posts' );\n \n\t\treturn $settings;\n\t},\n\t10,\n\t2\n);<\/code><\/pre>\n<p>Los desarrolladores tambi\u00e9n pueden ocultar la interfaz de usuario de bloqueo de bloques en tipos de bloques espec\u00edficos utilizando la propiedad <code>lock<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"apiVersion\": 2,\n\t\"supports\": {\n\t\t\"lock\": false\n\t}\n}<\/code><\/pre>\n<p>Puedes leer m\u00e1s sobre el bloqueo de bloques en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/05\/block-locking-settings-in-wordpress-6-0\/\">Ajustes de bloqueo de bloques en WordPress 6.0<\/a>.<\/p>\n<h3>Multi-selecci\u00f3n<\/h3>\n<p>Ahora es posible seleccionar texto a trav\u00e9s de m\u00faltiples bloques.<\/p>\n<figure id=\"attachment_122179\" aria-describedby=\"caption-attachment-122179\" style=\"width: 1380px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122179 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/multi-select.jpg\" alt=\"Selecci\u00f3n de texto a trav\u00e9s de dos p\u00e1rrafos.\" width=\"1380\" height=\"928\"><figcaption id=\"caption-attachment-122179\" class=\"wp-caption-text\">Selecci\u00f3n de texto a trav\u00e9s de dos p\u00e1rrafos.<\/figcaption><\/figure>\n<h3><strong>Retenci\u00f3n de estilos<\/strong><\/h3>\n<p>Cuando <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#keeping-styles-when-transforming-blocks\">transformas bloques<\/a> o creas nuevos botones, ahora se mantienen varios estilos.<\/p>\n<p>La imagen siguiente muestra un bloque Lista con diferentes estilos.<\/p>\n<figure id=\"attachment_122182\" aria-describedby=\"caption-attachment-122182\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122182 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-with-different-styles.jpg\" alt=\"Un bloque de Lista con diferentes estilos aplicados.\" width=\"1406\" height=\"596\"><figcaption id=\"caption-attachment-122182\" class=\"wp-caption-text\">Un bloque de Lista con diferentes estilos aplicados.<\/figcaption><\/figure>\n<p>Cuando transformes el bloque Lista en p\u00e1rrafos, los nuevos bloques conservar\u00e1n los mismos estilos que los elementos de la lista anterior.<\/p>\n<figure id=\"attachment_122183\" aria-describedby=\"caption-attachment-122183\" style=\"width: 1384px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122183 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/transforming-a-list-into-paragraphs.jpg\" alt=\"Transformando una lista en p\u00e1rrafos.\" width=\"1384\" height=\"736\"><figcaption id=\"caption-attachment-122183\" class=\"wp-caption-text\">Transformando una lista en p\u00e1rrafos.<\/figcaption><\/figure>\n<p>La misma mejora se aplica a los <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#preserve-styling-from-adjacent-buttons-when-inserting-a-new-one\">nuevos botones a\u00f1adidos a un bloque Botones<\/a>, que ahora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37905\">heredan el estilo de los botones adyacentes<\/a>.<\/p>\n<h2>Nuevos bloques b\u00e1sicos<\/h2>\n<p>El n\u00famero de bloques centrales aumenta constantemente. Si te preguntas cu\u00e1les son los bloques centrales disponibles actualmente, ahora hay una <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/core-blocks\/\">p\u00e1gina del Manual<\/a> que proporciona una lista completa de los bloques centrales incluidos en el plugin de Gutenberg. Para cada bloque, se proporciona el nombre, la categor\u00eda, los soportes y los atributos, as\u00ed como un \u00fatil enlace al c\u00f3digo fuente que les encantar\u00e1 a <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-gutenberg\/\">los desarrolladores de<\/a> bloques.<\/p>\n<p>Y habr\u00e1 m\u00e1s bloques con WordPress 6.0. Encuentra aqu\u00ed los bloques que puedes esperar con la pr\u00f3xima versi\u00f3n.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Comentarios Bucle de consulta<\/h3>\n<p>Al igual que el bloque de bucle de consulta, el nuevo bloque de <strong>bucle de consulta de comentarios<\/strong> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35231\">muestra los comentarios de las publicaciones<\/a>. Es un bloque avanzado que incluye varios bloques internos que puedes editar y configurar por separado.<\/p>\n<p>Como muestra la imagen siguiente, puedes seleccionar cualquiera de los bloques contenidos en el bloque Bucle de Consulta de Comentarios para personalizar su aspecto como quieras. Tambi\u00e9n puedes a\u00f1adir m\u00e1s bloques o mover o eliminar los existentes (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/comments-query-loop\">C\u00f3digo fuente<\/a>).<\/p>\n<figure id=\"attachment_122220\" aria-describedby=\"caption-attachment-122220\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122220 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/comments-query-loop.jpg\" alt=\"Configurando el bloque Bucle de Consulta de Comentarios.\" width=\"1980\" height=\"1226\"><figcaption id=\"caption-attachment-122220\" class=\"wp-caption-text\">Configurando el bloque Bucle de Consulta de Comentarios.<\/figcaption><\/figure>\n<h3>Leer m\u00e1s<\/h3>\n<p>Un nuevo y personalizable bloque <strong>Leer<\/strong> <strong>m\u00e1s<\/strong> te <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37649\">permite personalizar<\/a> diferentes aspectos del bot\u00f3n Leer m\u00e1s: bordes, colores, esquinas, tipograf\u00eda y m\u00e1s (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/read-more\">C\u00f3digo fuente<\/a>).<\/p>\n<p>Es una gran adici\u00f3n porque te permite a\u00f1adir y personalizar el enlace Leer m\u00e1s fuera del contexto del bloque Extracto.<\/p>\n<figure id=\"attachment_122221\" aria-describedby=\"caption-attachment-122221\" style=\"width: 1976px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122221 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/read-more-block.jpg\" alt=\"El nuevo bloque Leer m\u00e1s.\" width=\"1976\" height=\"1198\"><figcaption id=\"caption-attachment-122221\" class=\"wp-caption-text\">El nuevo bloque Leer m\u00e1s.<\/figcaption><\/figure>\n<h3>Sin resultados en el bucle de consulta<\/h3>\n<p>El bloque <strong>Sin<\/strong> <strong>resultados<\/strong> es un bloque contenedor en el que puedes a\u00f1adir cualquier texto o bloque para mostrarlo cuando la consulta no tenga resultados. Para a\u00f1adir el bloque Sin resultados a un bucle de consulta, s\u00f3lo tienes que seleccionar el bucle de consulta y hacer clic en el icono del signo m\u00e1s de la esquina inferior derecha para lanzar el insertador r\u00e1pido. A continuaci\u00f3n, busca \u00abSin resultados\u00bb. El bloque no est\u00e1 disponible fuera del Bucle de Consulta (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/query-no-results\">C\u00f3digo fuente<\/a>).<\/p>\n<figure id=\"attachment_122222\" aria-describedby=\"caption-attachment-122222\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122222 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/no-results-block.jpg\" alt=\"A\u00f1adiendo el bloque Sin Resultado al Bucle de Consulta.\" width=\"1982\" height=\"1008\"><figcaption id=\"caption-attachment-122222\" class=\"wp-caption-text\">A\u00f1adiendo el bloque Sin Resultado al Bucle de Consulta.<\/figcaption><\/figure>\n<h3>Avatar y biograf\u00eda del autor del post<\/h3>\n<p>WordPress 6.0 tambi\u00e9n introduce nuevos tipos de bloque para dividir el bloque Autor en sus componentes y utilizarlos por separado en tu contenido.<\/p>\n<p>El bloque Post <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-post-author-biography-and-read-more-blocks\">Author<\/a> Biography proporciona la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38269\">descripci\u00f3n<\/a> del autor (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/post-author-biography\">C\u00f3digo fuente<\/a>).<\/p>\n<p>El bloque <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38591\">Avatar<\/a> simplemente muestra el avatar de un usuario que te permite elegir entre los autores del sitio (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/avatar\">C\u00f3digo fuente<\/a>).<\/p>\n<figure id=\"attachment_122223\" aria-describedby=\"caption-attachment-122223\" style=\"width: 1700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122223 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/avatar-block.jpg\" alt=\"El bloque Avatar en WordPress 6.0.\" width=\"1700\" height=\"1356\"><figcaption id=\"caption-attachment-122223\" class=\"wp-caption-text\">El bloque Avatar en WordPress 6.0.<\/figcaption><\/figure>\n<p>Este bloque es especialmente \u00fatil para mostrar el avatar de un autor fuera del contexto del bloque de informaci\u00f3n del autor o de los comentarios. Por ejemplo, puedes utilizarlo en una p\u00e1gina dedicada a todos los autores, o en una p\u00e1gina que muestre las opiniones de tus usuarios\/lectores.<\/p>\n<h2>Mejoras en los bloques existentes<\/h2>\n<p>WordPress 6.0 tambi\u00e9n introduce varios cambios y mejoras en los bloques existentes que pueden tener un fuerte impacto en tu flujo de trabajo de edici\u00f3n. El bloque de Navegaci\u00f3n se ver\u00e1 afectado por varios cambios, pero tambi\u00e9n ver\u00e1s mejoras en otros bloques, como el Bucle de Consulta, la Imagen Destacada, el Grupo y los Iconos Sociales.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Mejoras en el bloque de navegaci\u00f3n<\/h3>\n<p>En los \u00faltimos meses, el bloque de navegaci\u00f3n ha recibido varias mejoras y ahora presenta una interfaz mucho m\u00e1s f\u00e1cil de usar.<\/p>\n<p>En primer lugar, se ha a\u00f1adido una <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36412\">vista previa enriquecida<\/a> al bloque Enlace de navegaci\u00f3n. Cuando a\u00f1ades un enlace que apunta a un recurso de acceso p\u00fablico, al hacer clic en el bot\u00f3n de enlace de la barra de herramientas del bloque se muestra una imagen de vista previa de ese recurso.<\/p>\n<figure id=\"attachment_122274\" aria-describedby=\"caption-attachment-122274\" style=\"width: 1408px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122274 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/link-preview-in-navigation-link-block-wp-6-0.jpg\" alt=\"Vista previa enriquecida de los Enlaces de Navegaci\u00f3n.\" width=\"1408\" height=\"994\"><figcaption id=\"caption-attachment-122274\" class=\"wp-caption-text\">Vista previa enriquecida de los Enlaces de Navegaci\u00f3n.<\/figcaption><\/figure>\n<p>Algunos cambios adicionales afectan a la experiencia general de edici\u00f3n.<\/p>\n<p>Ahora, cuando a\u00f1ades un nuevo men\u00fa y s\u00f3lo existe un Men\u00fa de Navegaci\u00f3n, se <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39880\">pone por defecto el \u00fanico men\u00fa disponible<\/a>. Este cambio deber\u00eda acelerar tu flujo de trabajo de edici\u00f3n si s\u00f3lo tienes un \u00fanico Men\u00fa de Navegaci\u00f3n.<\/p>\n<p>Los Enlaces de Navegaci\u00f3n ya ten\u00edan un campo de descripci\u00f3n en el que los usuarios pod\u00edan introducir un texto que describiera sus enlaces de navegaci\u00f3n. Sin embargo, en versiones anteriores de WordPress, los temas no pod\u00edan soportar esta funci\u00f3n.<\/p>\n<p>Ahora, con WordPress 6.0, aparece un <code>&lt;span class=\"wp-block-navigation-item__description\"&gt;<\/code> despu\u00e9s de la etiqueta del enlace.<\/p>\n<figure id=\"attachment_122275\" aria-describedby=\"caption-attachment-122275\" style=\"width: 1730px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description.jpg\" alt=\"La descripci\u00f3n del enlace de navegaci\u00f3n aparece despu\u00e9s de la etiqueta del enlace.\" width=\"1730\" height=\"684\"><figcaption id=\"caption-attachment-122275\" class=\"wp-caption-text\">La descripci\u00f3n del enlace de navegaci\u00f3n aparece despu\u00e9s de la etiqueta del enlace.<\/figcaption><\/figure>\n<p>En Twenty Twenty-Two, el elemento <code>.wp-block-navigation-item__description<\/code> est\u00e1 oculto mediante CSS, pero los temas pueden a\u00f1adir una propiedad <code>display: block<\/code> para mostrar la descripci\u00f3n del enlace.<\/p>\n<figure id=\"attachment_122276\" aria-describedby=\"caption-attachment-122276\" style=\"width: 1156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description-2.jpg\" alt=\"Descripci\u00f3n del enlace de navegaci\u00f3n en WordPress 6.0 y Twenty Twenty-Two.\" width=\"1156\" height=\"966\"><figcaption id=\"caption-attachment-122276\" class=\"wp-caption-text\">Descripci\u00f3n del enlace de navegaci\u00f3n en WordPress 6.0 y Twenty Twenty-Two.<\/figcaption><\/figure>\n<h3>Filtros de bucle de consulta e im\u00e1genes destacadas<\/h3>\n<p>La secci\u00f3n de configuraci\u00f3n de los Filtros del <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#query-loop-custom-taxonomies-filtering-and-more\">Bucle de Consulta<\/a> muestra ahora campos de entrada para taxonom\u00edas personalizadas. Esto permite a los usuarios filtrar el tipo de entrada actual por una o m\u00e1s <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38063\">taxonom\u00edas personalizadas<\/a> registradas para el tipo de entrada seleccionado.<\/p>\n<p>Ahora tambi\u00e9n es posible filtrar las entradas por <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38024\">varios autores<\/a>, mientras que en las versiones anteriores s\u00f3lo se pod\u00eda seleccionar un \u00fanico autor en un desplegable.<\/p>\n<figure id=\"attachment_122277\" aria-describedby=\"caption-attachment-122277\" style=\"width: 1206px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-filters-settings.jpg\" alt=\"Configuraci\u00f3n del filtro del bucle de consulta en WordPress 6.0.\" width=\"1206\" height=\"820\"><figcaption id=\"caption-attachment-122277\" class=\"wp-caption-text\">Configuraci\u00f3n del filtro del bucle de consulta en WordPress 6.0.<\/figcaption><\/figure>\n<p>Adem\u00e1s, ahora tambi\u00e9n puedes establecer las dimensiones de la imagen destacada <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37945\">dentro de un bloque de bucle de consulta<\/a>.<\/p>\n<figure id=\"attachment_122278\" aria-describedby=\"caption-attachment-122278\" style=\"width: 2244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-featured-image-size.jpg\" alt=\"Controlando las dimensiones de la Imagen Destacada en un bloque de Bucle de Consulta.\" width=\"2244\" height=\"1086\"><figcaption id=\"caption-attachment-122278\" class=\"wp-caption-text\">Controlando las dimensiones de la Imagen Destacada en un bloque de Bucle de Consulta.<\/figcaption><\/figure>\n<h3>Soporte de tipograf\u00eda y bordes en los bloques de grupo responsivos<\/h3>\n<p>Los bloques de grupo y de fila ahora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/whats-new-in-gutenberg-12-3-5-january\/#group-block-gap-support-typography-support\">admiten la configuraci\u00f3n de la tipograf\u00eda<\/a>. Este cambio permite a los usuarios aplicar los mismos <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37456\">ajustes de tipograf\u00eda a todo un grupo<\/a> de bloques a la vez, lo que ahorra unos cuantos clics a la hora de dar formato a un grupo que contenga varios bloques anidados.<\/p>\n<figure id=\"attachment_122279\" aria-describedby=\"caption-attachment-122279\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/typography-settings-group.block_.jpg\" alt=\"Ajustes de tipograf\u00eda para un bloque de grupo.\" width=\"2876\" height=\"1320\"><figcaption id=\"caption-attachment-122279\" class=\"wp-caption-text\">Ajustes de tipograf\u00eda para un bloque de grupo.<\/figcaption><\/figure>\n<p>El bloque de Grupo se ha mejorado a\u00fan m\u00e1s y ahora puedes <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-3\">agrupar f\u00e1cilmente bloques en Pila o Fila<\/a> con un solo clic.<\/p>\n<p>S\u00f3lo tienes que seleccionar los bloques que quieres agrupar y elegir uno de los <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39920\">tres controles disponibles<\/a> en la barra de herramientas del bloque: <strong>Agrupar<\/strong>, <strong>Fila<\/strong>, <strong>Pila<\/strong>.<\/p>\n<p>Una vez que hayas agrupado los bloques, un nuevo panel en la barra lateral de ajustes muestra las <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40176\">descripciones de las variaciones<\/a> de los grupos, lo que te permite <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40036\">cambiar de variaci\u00f3n<\/a> con unos pocos clics.<\/p>\n<figure id=\"attachment_122280\" aria-describedby=\"caption-attachment-122280\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/row-block.jpg\" alt=\"Un bloque de Fila muestra los bloques en horizontal.\" width=\"1902\" height=\"710\"><figcaption id=\"caption-attachment-122280\" class=\"wp-caption-text\">Un bloque de Fila muestra los bloques en horizontal.<\/figcaption><\/figure>\n<p>WordPress 6.0 tambi\u00e9n introduce el <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">soporte de m\u00e1rgenes para los bloques de grupo<\/a>, permitiendo a los usuarios <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">controlar los m\u00e1rgenes superior e inferior<\/a> por separado.<\/p>\n<figure id=\"attachment_122282\" aria-describedby=\"caption-attachment-122282\" style=\"width: 1862px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/group-block-margins.jpg\" alt=\"Controlando los m\u00e1rgenes con un bloque de Grupo.\" width=\"1862\" height=\"1192\"><figcaption id=\"caption-attachment-122282\" class=\"wp-caption-text\">Controlando los m\u00e1rgenes con un bloque de Grupo.<\/figcaption><\/figure>\n<h3>Imagen destacada en el bloque de portada<\/h3>\n<p>Ahora puedes utilizar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-2\">im\u00e1genes destacadas en los bloques de portada<\/a>, ya que con WordPress 6.0 se ha a\u00f1adido a la barra de herramientas del bloque un control para <strong>utilizar la imagen destacada<\/strong>. Gracias a este nuevo control puedes cambiar de la imagen actual a la imagen destacada con un solo clic.<\/p>\n<figure id=\"attachment_122284\" aria-describedby=\"caption-attachment-122284\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122284 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/use-featured-image.jpg\" alt=\"Usar imagen destacada con un bloque de portada.\" width=\"1904\" height=\"1186\"><figcaption id=\"caption-attachment-122284\" class=\"wp-caption-text\">Usar imagen destacada con un bloque de portada.<\/figcaption><\/figure>\n<h3>Mostrar\/Ocultar etiquetas en los iconos sociales<\/h3>\n<p>Una peque\u00f1a pero \u00fatil mejora en el bloque de <strong>Iconos<\/strong> Sociales permite ahora a los usuarios <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38152\">activar\/desactivar las etiquetas de los enlaces de los iconos<\/a>.<\/p>\n<figure id=\"attachment_122287\" aria-describedby=\"caption-attachment-122287\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122287 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-off.jpg\" alt=\"Un control de Mostrar etiquetas permite activar\/desactivar las etiquetas en los Iconos Sociales.\" width=\"2164\" height=\"706\"><figcaption id=\"caption-attachment-122287\" class=\"wp-caption-text\">Un control de Mostrar etiquetas permite activar\/desactivar las etiquetas en los Iconos Sociales.<\/figcaption><\/figure>\n<p>Al activar esta opci\u00f3n, puedes mostrar el nombre del servicio por defecto o establecer etiquetas personalizadas para tus iconos por separado.<\/p>\n<figure id=\"attachment_122288\" aria-describedby=\"caption-attachment-122288\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122288 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-on.jpg\" alt=\"Mostrar etiqueta activada.\" width=\"2164\" height=\"800\"><figcaption id=\"caption-attachment-122288\" class=\"wp-caption-text\">Mostrar etiqueta activada.<\/figcaption><\/figure>\n<h3>Mejoras adicionales en los bloques<\/h3>\n<p>La pr\u00f3xima versi\u00f3n de WordPress tambi\u00e9n trae un gran n\u00famero de mejoras para muchos otros bloques.<\/p>\n<p>Por ejemplo, ahora puedes <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31737\">controlar los bordes de los bloques Columnas<\/a> (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">12.7<\/a>).<\/p>\n<figure id=\"attachment_122289\" aria-describedby=\"caption-attachment-122289\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122289 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/columns-block-borders.jpg\" alt=\"Controles de los bordes del bloque Columnas.\" width=\"2164\" height=\"1190\"><figcaption id=\"caption-attachment-122289\" class=\"wp-caption-text\">Controles de los bordes del bloque Columnas.<\/figcaption><\/figure>\n<p>Otra \u00fatil mejora de UX te permite <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-2\">insertar enlaces<\/a> internos mediante un simple activador de teclado <code>[[<\/code>.<\/p>\n<figure id=\"attachment_122291\" aria-describedby=\"caption-attachment-122291\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122291 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/internal-link-trigger.jpg\" alt=\"A\u00f1adir enlaces internos en WordPress 6.0 es m\u00e1s f\u00e1cil.\" width=\"1368\" height=\"612\"><figcaption id=\"caption-attachment-122291\" class=\"wp-caption-text\">A\u00f1adir enlaces internos en WordPress 6.0 es m\u00e1s f\u00e1cil.<\/figcaption><\/figure>\n<p>Ahora es m\u00e1s f\u00e1cil controlar el espacio alrededor de las im\u00e1genes en un bloque de Galer\u00eda gracias al nuevo control de <strong>espaciado del bloque<\/strong>.<\/p>\n<figure id=\"attachment_122292\" aria-describedby=\"caption-attachment-122292\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-0.jpg\" alt=\"Im\u00e1genes sin espacio en bloque.\" width=\"2164\" height=\"730\"><figcaption id=\"caption-attachment-122292\" class=\"wp-caption-text\">Im\u00e1genes sin espacio en bloque.<\/figcaption><\/figure>\n<figure id=\"attachment_122293\" aria-describedby=\"caption-attachment-122293\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122293 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-40.jpg\" alt=\"Im\u00e1genes con espaciado de bloque.\" width=\"2162\" height=\"710\"><figcaption id=\"caption-attachment-122293\" class=\"wp-caption-text\">Im\u00e1genes con espaciado de bloque.<\/figcaption><\/figure>\n<h2>Cambios para Desarrolladores y Mejoras de Rendimiento<\/h2>\n<p>WordPress 6.0 tambi\u00e9n a\u00f1ade muchas caracter\u00edsticas para los desarrolladores.<\/p>\n<ul>\n<li>Un nuevo filtro <code>wp_content_img_tag<\/code> permite ajustar las im\u00e1genes en un bloque de contenido HTML (ver <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/new-filter-to-modify-content-images-in-wordpress-6-0\/\">Nuevo filtro para modificar las im\u00e1genes del contenido en WordPress 6.0<\/a>).<\/li>\n<li>El m\u00e9todo <code>parse_request<\/code> ha cambiado para reducir el n\u00famero de consultas cuando el filtro <code>do_parse_request<\/code> devuelve false (ver <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/changes-to-do_parse_request-filter-in-wordpress-6-0\/\">Cambios en el filtro do_parse_request en WordPress 6.0<\/a>).<\/li>\n<li>Ahora se pueden registrar bloques desde un tema (ver <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#blocks-in-themes\">Registro de bloques desde los temas<\/a>).<\/li>\n<li>La nueva propiedad <code>ancestor<\/code> hace que un bloque s\u00f3lo est\u00e9 disponible dentro de los tipos de bloque especificados (ver <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#ancestor\">Nueva propiedad ancestor en block.json<\/a>).<\/li>\n<\/ul>\n<p>La nueva versi\u00f3n tambi\u00e9n da un impulso al rendimiento, con algunas incorporaciones a la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/29\/caching-improvements-in-wordpress-6-0\/\">API de almacenamiento en cach\u00e9 de WordPress<\/a>, mejoras en el rendimiento de las <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/28\/taxonomy-performance-improvements-in-wordpress-6-0\/\">consultas de t\u00e9rminos de taxonom\u00eda<\/a> y otras mejoras en el rendimiento de los sitios individuales con un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/performance-increase-for-sites-with-large-user-counts-now-also-available-on-single-site\/\">elevado n\u00famero de usuarios<\/a>.<\/p>\n<p>Con esto terminamos nuestro resumen de las nuevas caracter\u00edsticas y cambios que ver\u00e1s una vez que hayas actualizado tus sitios web a la versi\u00f3n 6.0 de WordPress.<\/p>\n<p>Pero estas son s\u00f3lo algunas de las mejoras que llegan con WordPress 6.0. Para obtener una lista completa, consulta las notas de la versi\u00f3n de Gutenberg y la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">Gu\u00eda de Campo de WordPress 6.0<\/a>.<\/p>\n\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>\u00bfC\u00f3mo instalar WordPress 6.0 en un entorno de staging?<\/h3>\n<p>Si quieres probar las versiones de staging de WordPress antes del lanzamiento oficial, sigue estos pasos:<\/p>\n<ol>\n<li>Abre DevKinsta y crea un nuevo sitio web local de WordPress<\/li>\n<li>Una vez hecho esto, abre tu panel de control de WordPress y navega hasta <strong>Plugins \u2192 A\u00f1adir nuevo<\/strong><\/li>\n<li>Busca e instala el plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Activa el plugin y ve a <strong>Herramientas \u2192 Prueba Beta<\/strong><\/li>\n<li>En la pesta\u00f1a de Configuraci\u00f3n del Comprobador Beta de WP, elige la opci\u00f3n <strong>Borde sangrante<\/strong> y guarda la configuraci\u00f3n<\/li>\n<li>Vuelve a tu panel de control de WordPress, abre la pantalla de <strong>Actualizaciones<\/strong> y actualiza a la \u00faltima versi\u00f3n nocturna<\/li>\n<\/ol>\n<p>\u00a1Eso es todo! Ahora tienes una instalaci\u00f3n local de desarrollo de WordPress y eres libre de realizar todas tus pruebas. Echa un vistazo y dinos qu\u00e9 te parecen las nuevas funciones.<\/p>\n<p>Con DevKinsta s\u00f3lo necesitas unos pocos clics para tener un moderno entorno de desarrollo para WordPress en tu m\u00e1quina local. \ud83d\udda5<\/p>\n<p>\u00a1Descarga DevKinsta gratis <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">aqu\u00ed<\/a>! \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Resumen<\/h2>\n<p>Como ya hemos dicho, podemos decir que estamos en medio de la segunda fase del desarrollo de Gutenberg, la <strong>fase de personalizaci\u00f3n<\/strong>.<\/p>\n<p>La edici\u00f3n completa del sitio ya forma parte del n\u00facleo de WordPress y la versi\u00f3n 6.0 y las siguientes traer\u00e1n m\u00e1s mejoras a lo que ya tenemos y podemos utilizar ahora mismo.<\/p>\n<p>Todo esto tendr\u00e1 un gran impacto en el <a href=\"https:\/\/kinsta.com\/es\/cuota-de-mercado-de-wordpress\/\">ecosistema de WordPress<\/a> y en la web en su conjunto, teniendo en cuenta adem\u00e1s que, en el momento de escribir este art\u00edculo<\/p>\n<blockquote><p>WordPress es utilizado por el 64,2% de todos los sitios web cuyo sistema de gesti\u00f3n de contenidos conocemos. Esto supone el 43,0% de todos los sitios web. (Fuente <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\">W3Techs<\/a>)<\/p><\/blockquote>\n<p>Nos detendremos aqu\u00ed por ahora. Nuestra lista de funciones y mejoras que llegar\u00e1n con WordPress 6.0 no puede agotarse en un solo post, pero esperamos haber destacado al menos las incorporaciones que tendr\u00e1n mayor impacto en la forma en que usamos WordPress a diario.<\/p>\n<p>Ahora nos gustar\u00eda concluir este art\u00edculo con algunas preguntas para nuestros lectores<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-question\">\n        <p>\u00bfYa est\u00e1s construyendo tus sitios web con FSE? \u00bfConsideras que el nuevo editor es una herramienta adecuada para construir sitios web profesionales, o crees que a\u00fan debe ser mejorado antes de poder utilizarlo para los negocios? \u00bfHas probado ya las nuevas funciones de WordPress que vienen con la versi\u00f3n 6.0?<\/p>\n<\/aside>\n\n<p>Por favor, comparte tus opiniones con la comunidad en la secci\u00f3n de comentarios m\u00e1s abajo. \ud83d\udc47<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ya est\u00e1 aqu\u00ed la versi\u00f3n 6.0 Arturo de WordPress y, como es habitual, hemos echado un vistazo detr\u00e1s de las cortinas para ofrecer a nuestros lectores &#8230;<\/p>\n","protected":false},"author":36,"featured_media":52507,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[861,920,172,659],"topic":[1357],"class_list":["post-51758","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-updates","tag-wordpress","tag-wordpress-developers","topic-actualizaciones-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s<\/title>\n<meta name=\"description\" content=\"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s\" \/>\n<meta property=\"og:description\" content=\"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-10T06:27:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-20T10:37:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"35 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s\",\"datePublished\":\"2022-05-10T06:27:05+00:00\",\"dateModified\":\"2025-01-20T10:37:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\"},\"wordCount\":5657,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\",\"keywords\":[\"Block Editor\",\"updates\",\"WordPress\",\"WordPress developers\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\",\"name\":\"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\",\"datePublished\":\"2022-05-10T06:27:05+00:00\",\"dateModified\":\"2025-01-20T10:37:13+00:00\",\"description\":\"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png\",\"width\":1460,\"height\":730,\"caption\":\"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actualizaciones de WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s","description":"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!","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:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/","og_locale":"es_ES","og_type":"article","og_title":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s","og_description":"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2022-05-10T06:27:05+00:00","article_modified_time":"2025-01-20T10:37:13+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"35 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s","datePublished":"2022-05-10T06:27:05+00:00","dateModified":"2025-01-20T10:37:13+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/"},"wordCount":5657,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","keywords":["Block Editor","updates","WordPress","WordPress developers"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/","name":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","datePublished":"2022-05-10T06:27:05+00:00","dateModified":"2025-01-20T10:37:13+00:00","description":"Consulta nuestro an\u00e1lisis en profundidad de WordPress 6.0 con la API de Webfonts, cambios de Estilo, nuevos bloques, Edici\u00f3n Completa del Sitio y \u00a1mucho m\u00e1s!","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2022\/05\/wordpress-6-0-1.png","width":1460,"height":730,"caption":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Actualizaciones de WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/"},{"@type":"ListItem","position":3,"name":"Novedades de WordPress 6.0: Nuevos bloques, cambio de estilos, edici\u00f3n de plantillas, API de fuentes web y mucho m\u00e1s"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/51758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=51758"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/51758\/revisions"}],"predecessor-version":[{"id":52533,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/51758\/revisions\/52533"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/translations\/jp"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/51758\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/52507"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=51758"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=51758"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=51758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}