{"id":46453,"date":"2022-01-04T13:09:24","date_gmt":"2022-01-04T12:09:24","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=46453&#038;preview=true&#038;preview_id=46453"},"modified":"2025-01-31T15:02:22","modified_gmt":"2025-01-31T14:02:22","slug":"temas-de-twenty-twenty-two","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/","title":{"rendered":"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress"},"content":{"rendered":"<p>Aunque un poco m\u00e1s tarde de lo previsto originalmente, vamos a tener un nuevo tema predeterminado de WordPress. \u00a1Su nombre es Twenty Twenty-Two!<\/p>\n<p>El nuevo tema por defecto de WordPress viene con la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-9\/\">versi\u00f3n 5.9 de WordPress<\/a>. Ten\u00edamos curiosidad por saber m\u00e1s sobre el nuevo tema, as\u00ed que instalamos y probamos Twenty Twenty-Two en un <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">entorno de desarrollo local<\/a> con <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a>.<\/p>\n<p>Te mostraremos nuestros resultados antes de concluir nuestras reflexiones para ofrecerte un an\u00e1lisis en profundidad de los entresijos del nuevo tema de WordPress.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110731\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Twenty Twenty-Two preview\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Una vista previa de Twenty Twenty-Two, el nuevo tema por defecto de WordPress (Fuente de la imagen: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">Twenty Twenty-Two<\/a> ha sido dise\u00f1ado para ser el tema por defecto m\u00e1s flexible, ligero y personalizable. Ofrece un amplio margen de maniobra para probar bloques, patrones y plantillas.<\/p>\n<p>Al ser un tema de bloques, te ayudar\u00e1 a explorar mejor el Edici\u00f3n Completa del Sitio, los Estilos Globales, los bloques de Navegaci\u00f3n y las nuevas galer\u00edas de im\u00e1genes, que son las caracter\u00edsticas m\u00e1s esperadas que llegan con WordPress 5.9.<\/p>\n<p>\u00a1Tenemos que decir de inmediato que <strong>Twenty Twenty-Two es el primer tema de bloques por defecto<\/strong>!<\/p>\n<p>Uno de los objetivos m\u00e1s ambiciosos del nuevo tema es <strong>empoderar a los usuarios<\/strong>. Con tantos patrones y plantillas disponibles desde el principio, los usuarios pueden construir dise\u00f1os complejos con s\u00f3lo unos pocos clics. El resto es s\u00f3lo personalizaci\u00f3n de estilo.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty-Two se lanzar\u00e1 con WordPress 5.9. En el momento de escribir este art\u00edculo, el tema a\u00fan est\u00e1 en desarrollo, y la informaci\u00f3n que ofrecemos aqu\u00ed podr\u00eda cambiar significativamente antes de la versi\u00f3n final.<\/p>\n<\/aside>\n\n<p>Desde un punto de vista t\u00e9cnico, escribir sobre Twenty Twenty-Two no es muy diferente de escribir sobre las \u00faltimas y m\u00e1s potentes funciones que vienen con WordPress 5.9. Pero Twenty Twenty-Two nos proporciona una lupa para apreciar mejor las nuevas caracter\u00edsticas de edici\u00f3n del sitio y tener una mejor idea del futuro de la plataforma.<\/p>\n<p>As\u00ed que estamos aqu\u00ed para presentarte el nuevo tema.<\/p>\n<p>En primer lugar, exploraremos el <strong>nuevo flujo de<\/strong> <strong>edici\u00f3n<\/strong> del sitio que los usuarios experimentar\u00e1n con WordPress 5.9 y Twenty Twenty-Two.<\/p>\n<p>Despu\u00e9s, nos sumergiremos en las principales caracter\u00edsticas del tema de bloques implementadas en Twenty Twenty-Two. Conocer\u00e1s <strong>los Estilos Globales<\/strong>, los <strong>patrones de bloques<\/strong>, las <strong>plantillas<\/strong> y las <strong>partes de las plantillas<\/strong>.<\/p>\n<p>Pero hay mucho m\u00e1s que decir sobre Twenty Twenty-Two y los temas de bloques de WordPress. As\u00ed que, como cap\u00edtulo extra, ofreceremos una r\u00e1pida visi\u00f3n general de c\u00f3mo ampliar las funciones de Twenty Twenty-Two aprovechando el archivo <strong>theme.json<\/strong>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1445800581189160968<\/p>\n<p>Pongamos manos a la obra y sumerj\u00e1monos en el nuevo tema por defecto de Twenty Twenty-Two para WordPress.<\/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<h2>Twenty Twenty-Two trae un nuevo flujo de edici\u00f3n del sitio<\/h2>\n<p>Varias caracter\u00edsticas de edici\u00f3n completa del sitio llegan al n\u00facleo con WordPress 5.9. Los propietarios de sitios que utilicen la \u00faltima versi\u00f3n de WordPress con un tema de bloque como Twenty Twenty-Two instalado pronto podr\u00e1n:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/gutenberg-wordpress-editor\/\">Crear y editar entradas y p\u00e1ginas<\/a> utilizando m\u00e1s bloques y patrones<\/li>\n<li>Personalizar los <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">ajustes y estilos<\/a> definidos en el archivo <strong>theme.json<\/strong> a trav\u00e9s de la interfaz de Estilos Globales<\/li>\n<li>Crear y editar plantillas para p\u00e1ginas y entradas<\/li>\n<li>Crear y editar partes de plantillas para la cabecera, el pie de p\u00e1gina y otras \u00e1reas de la plantilla<\/li>\n<\/ul>\n<p>Con todas estas caracter\u00edsticas incorporadas al n\u00facleo, los colaboradores del n\u00facleo de WordPress han estado discutiendo la <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">evoluci\u00f3n de la arquitectura de la informaci\u00f3n<\/a> y han redise\u00f1ado todo el <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">Flujo de Edici\u00f3n del Sitio<\/a>.<\/p>\n<p>Lo primero que notar\u00e1s una vez que hayas activado Twenty Twenty-Two es que el punto de entrada al editor del sitio ya no se encuentra en el men\u00fa principal de tu panel de control de WordPress, sino que se ha trasladado al men\u00fa <strong>Apariencia<\/strong>.<\/p>\n<figure id=\"attachment_110738\" aria-describedby=\"caption-attachment-110738\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110738\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-menu-wp-59.jpg\" alt=\"Editor menu\" width=\"1980\" height=\"952\"><figcaption id=\"caption-attachment-110738\" class=\"wp-caption-text\">El nuevo men\u00fa Apariencia en WordPress 5.9<\/figcaption><\/figure>\n<p>Reunir las funciones de edici\u00f3n de plantillas y estilos en el mismo men\u00fa <strong>Apariencia<\/strong> deber\u00eda agilizar la experiencia de edici\u00f3n. Deber\u00eda facilitar la comprensi\u00f3n de que las funciones a las que est\u00e1s accediendo est\u00e1n relacionadas con la <em>presentaci\u00f3n<\/em> de tus p\u00e1ginas.<\/p>\n\n<p>El elemento de men\u00fa <strong>Editor<\/strong> abre la plantilla de la p\u00e1gina de inicio del sitio. Dependiendo de tu configuraci\u00f3n de lectura, \u00e9sta puede ser tu p\u00e1gina de \u00faltimas publicaciones o una p\u00e1gina est\u00e1tica.<\/p>\n<figure id=\"attachment_110740\" aria-describedby=\"caption-attachment-110740\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110740\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-site-editor.jpg\" alt=\"Site editor in Twenty Twenty-Two\" width=\"2130\" height=\"1002\"><figcaption id=\"caption-attachment-110740\" class=\"wp-caption-text\">El editor del sitio en WordPress 5.9 con Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ahora, al hacer clic en el icono de WordPress en la esquina superior izquierda, aparece un nuevo <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">men\u00fa de navegaci\u00f3n<\/a> del editor del sitio, que incluye tres elementos de men\u00fa: <strong>Sitio<\/strong>, <strong>Plantillas<\/strong> y <strong>Partes de Plantilla<\/strong>.<\/p>\n<p>Echemos un vistazo m\u00e1s de cerca.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110741\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"The Editor navigation menu\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">El men\u00fa de navegaci\u00f3n del editor<\/figcaption><\/figure>\n<p>La opci\u00f3n <strong>Sitio<\/strong> abre la plantilla de la p\u00e1gina de inicio (\u00faltimos art\u00edculos del blog o p\u00e1gina de inicio est\u00e1tica).<\/p>\n<p>En la opci\u00f3n de men\u00fa <strong>Plantillas<\/strong>, obtendr\u00e1s una lista de las plantillas disponibles. Puedes hacer clic en cualquier plantilla de la lista para iniciarla en el editor.<\/p>\n<p>En el momento de escribir este art\u00edculo, Twenty Twenty-Two ofrece 11 plantillas.<\/p>\n<figure id=\"attachment_110746\" aria-describedby=\"caption-attachment-110746\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110746\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-templates.jpg\" alt=\"Twenty Twenty-Two templates\" width=\"2132\" height=\"1218\"><figcaption id=\"caption-attachment-110746\" class=\"wp-caption-text\">Plantillas de Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Si haces clic en el icono de la elipsis (<strong>\ufe19<\/strong>) de la derecha, podr\u00e1s borrar tus personalizaciones.<\/p>\n<figure id=\"attachment_111357\" aria-describedby=\"caption-attachment-111357\" style=\"width: 1378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111357\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-clear-customizations.jpg\" alt=\"Clear template customizations\" width=\"1378\" height=\"686\"><figcaption id=\"caption-attachment-111357\" class=\"wp-caption-text\">Borrar las personalizaciones de las plantillas<\/figcaption><\/figure>\n<p>A diferencia de las plantillas de los temas, las plantillas personalizadas s\u00f3lo pueden ser renombradas o eliminadas (pero puedes <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#template-editing-mode\">editar las plantillas personalizadas<\/a> en el editor de entradas).<\/p>\n<figure id=\"attachment_111356\" aria-describedby=\"caption-attachment-111356\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111356\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wp-59-delete-rename-custom-template.jpg\" alt=\"Rename or delete custom templates\" width=\"1368\" height=\"382\"><figcaption id=\"caption-attachment-111356\" class=\"wp-caption-text\">Renombrar\/eliminar plantillas personalizadas<\/figcaption><\/figure>\n<p>El elemento de men\u00fa <strong>Partes de Plantilla<\/strong> enumera las partes de plantilla disponibles que puedes abrir en el editor para tus personalizaciones.<\/p>\n<p>Encontrar\u00e1s cuatro partes de plantilla a\u00f1adidas a Twenty Twenty-Two por defecto. Si pasas el cursor por encima de una plantilla modificada, aparecer\u00e1 una informaci\u00f3n sobre la herramienta que te permitir\u00e1 saber que la plantilla ha sido personalizada.<\/p>\n<figure id=\"attachment_110747\" aria-describedby=\"caption-attachment-110747\" style=\"width: 2128px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110747\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts.jpg\" alt=\"Twenty Twenty-Two template parts\" width=\"2128\" height=\"1120\"><figcaption id=\"caption-attachment-110747\" class=\"wp-caption-text\">Partes de plantilla de Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Puedes borrar estas personalizaciones haciendo clic en el icono de la elipsis (<strong>\ufe19<\/strong>) de la derecha.<\/p>\n<figure id=\"attachment_111354\" aria-describedby=\"caption-attachment-111354\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111354\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-clear-customizations.jpg\" alt=\"Clear template part customizations\" width=\"2214\" height=\"1118\"><figcaption id=\"caption-attachment-111354\" class=\"wp-caption-text\">Borrar las personalizaciones de las partes de la plantilla<\/figcaption><\/figure>\n<h3>Editar plantillas y partes de plantillas<\/h3>\n<p>El <strong>Editor<\/strong> proporciona la interfaz para personalizar la estructura de tus <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/create-block-theme\/#required-files-and-file-structure\">plantillas y partes de plantillas<\/a>.<\/p>\n<p>Aqu\u00ed puedes a\u00f1adir o editar f\u00e1cilmente bloques y patrones, y tus cambios se aplicar\u00e1n autom\u00e1ticamente a cada p\u00e1gina que utilice esa plantilla.<\/p>\n<figure id=\"attachment_110836\" aria-describedby=\"caption-attachment-110836\" style=\"width: 2534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110836\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-single-post-template.jpg\" alt=\"Editing the Single Post Template\" width=\"2534\" height=\"1294\"><figcaption id=\"caption-attachment-110836\" class=\"wp-caption-text\">Editando la plantilla de una entrada<\/figcaption><\/figure>\n<p>La imagen de abajo muestra la plantilla de la p\u00e1gina 404 en el editor. Es una plantilla bastante sencilla, que s\u00f3lo incluye un encabezado, un p\u00e1rrafo y un cuadro de b\u00fasqueda. Aun as\u00ed, nos da una buena idea de c\u00f3mo funciona la interfaz de usuario.<\/p>\n<figure id=\"attachment_110826\" aria-describedby=\"caption-attachment-110826\" style=\"width: 1796px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110826\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/404-page-template.jpg\" alt=\"404 block template\" width=\"1796\" height=\"1350\"><figcaption id=\"caption-attachment-110826\" class=\"wp-caption-text\">Plantilla del bloque 404 de Twenty Twenty-Two en el editor de plantillas<\/figcaption><\/figure>\n<p>Aqu\u00ed puedes hacer ediciones y personalizar las plantillas para que se adapten mejor a tus necesidades. Por ejemplo, puede que quieras a\u00f1adir un patr\u00f3n de <strong>publicaciones con im\u00e1genes<\/strong> para aumentar el compromiso de tus visitantes e invitarles a navegar por el contenido de tu sitio web.<\/p>\n<figure id=\"attachment_111351\" aria-describedby=\"caption-attachment-111351\" style=\"width: 2872px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111351\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/grid-of-image-post-pattern.jpg\" alt=\"grid of image posts\" width=\"2872\" height=\"1314\"><figcaption id=\"caption-attachment-111351\" class=\"wp-caption-text\">Personalizando la plantilla del bloque 404 de Twenty Twenty-Two<\/figcaption><\/figure>\n<p>El desplegable de la cabecera en la parte superior del editor de plantillas muestra una lista de las <strong>\u00e1reas de Plantilla<\/strong> disponibles. La misma lista aparece en la pesta\u00f1a <strong>Plantilla<\/strong> de la barra lateral de <strong>Configuraci\u00f3n<\/strong>.<\/p>\n<figure id=\"attachment_110761\" aria-describedby=\"caption-attachment-110761\" style=\"width: 2242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110761\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-areas.jpg\" alt=\"Template areas in Twenty Twenty-Two\" width=\"2242\" height=\"1036\"><figcaption id=\"caption-attachment-110761\" class=\"wp-caption-text\">\u00c1reas de plantilla en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Al hacer clic en cualquier \u00e1rea de la plantilla (por ejemplo, la cabecera), ser\u00e1s llevado directamente a la parte de la plantilla que quieras editar.<\/p>\n<p>Si haces clic en el icono de la elipsis de la derecha, acceder\u00e1s al <strong>editor de partes de plantilla aisladas<\/strong>.<\/p>\n<figure id=\"attachment_110748\" aria-describedby=\"caption-attachment-110748\" style=\"width: 2292px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110748\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-template-parts.jpg\" alt=\"The isolated template part editor\" width=\"2292\" height=\"1316\"><figcaption id=\"caption-attachment-110748\" class=\"wp-caption-text\">El icono de la elipsis lanza el editor de la parte de plantilla aislada<\/figcaption><\/figure>\n<p>El editor de la parte de la plantilla tambi\u00e9n proporciona un par de tiradores arrastrables, que te permiten comprobar c\u00f3mo se comporta la plantilla en diferentes resoluciones de pantalla.<\/p>\n<figure id=\"attachment_110762\" aria-describedby=\"caption-attachment-110762\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110762\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/adjusting-preview-dimension-1.jpg\" alt=\"Adjusting template part preview dimension\" width=\"2130\" height=\"1196\"><figcaption id=\"caption-attachment-110762\" class=\"wp-caption-text\">Ajustando la dimensi\u00f3n de la vista previa de la parte de la plantilla<\/figcaption><\/figure>\n<p>Una vez que est\u00e9s satisfecho con tus cambios, guarda tus ediciones y vuelve al editor principal de la plantilla para comprobar el resultado final.<\/p>\n<p>Si quieres profundizar en la nueva arquitectura de la informaci\u00f3n, puedes consultar los siguientes art\u00edculos:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">Conceptos de IA de edici\u00f3n del sitio: C\u00f3mo emerger y acceder a nuevas funciones<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">Conceptos de IA de edici\u00f3n del sitio &#8211; Parte 2<\/a><\/li>\n<\/ul>\n<h2>Twenty Twenty-Two en su n\u00facleo: Una r\u00e1pida visi\u00f3n de <strong>theme.json<\/strong><\/h2>\n<p>Para entender completamente c\u00f3mo funcionan Twenty Twenty-Two y los temas en bloque (como <a href=\"https:\/\/www.anarieldesign.com\/themes\/block-based-wordpress-theme\/\">Bricksy<\/a>), echemos un vistazo al nuevo mecanismo de configuraci\u00f3n y estilo del tema basado en el archivo <strong>theme.json<\/strong>.<\/p>\n<p>Introducido con <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">WordPress 5.8<\/a>, este nuevo mecanismo permite a los desarrolladores de temas configurar el editor y a\u00f1adir soporte de caracter\u00edsticas desde un <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">punto de configuraci\u00f3n central<\/a>.<\/p>\n<p>En Twenty Twenty-Two, el archivo <strong>theme.json<\/strong> tiene la siguiente estructura:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {},\n\t\"styles\": {},\n\t\"customTemplates\": {},\n\t\"templateParts\": {}\n}<\/code><\/pre>\n<p>Echemos un vistazo r\u00e1pido a cada secci\u00f3n.<\/p>\n<h3>Versi\u00f3n<\/h3>\n<p>El campo <code>version<\/code> describe la versi\u00f3n de la especificaci\u00f3n, que actualmente es <code>2<\/code>.<\/p>\n<h3>Ajustes<\/h3>\n<p>La secci\u00f3n <code>settings<\/code> <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#settings\">define los ajustes<\/a> a nivel global o de bloque. Los ajustes definidos a nivel global afectan a todos los bloques, pero los bloques pueden anular individualmente los ajustes globales. En Veintid\u00f3s encontrar\u00e1s los siguientes ajustes:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"duotone\": [...],\n\t\t\t\"gradients\": [...],\n\t\t\t\"palette\": [...]\n\t\t},\n\t\t\"custom\": {...},\n\t\t\"spacing\": {...},\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\n\t\t\t\"fontFamilies\": [...],\n\t\t\t\"fontSizes\": [...]\n\t\t},\n\t\t\"layout\": {...}\n\t}\n}<\/code><\/pre>\n<p>Los <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#css-custom-properties-presets-custom\">ajustes predeterminados<\/a> se denominan <strong>preajustes<\/strong> y se utilizan para <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">generar propiedades personalizadas CSS<\/a> y nombres de clases basados en una <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">convenci\u00f3n de nomenclatura<\/a> espec\u00edfica:<\/p>\n<ul>\n<li>Propiedad personalizada CSS <code>--wp--preset--{preset-category}--{preset-slug}<\/code><\/li>\n<li>Nombre de la clase CSS <code>.has-{preset-slug}-{preset-category}<\/code><\/li>\n<\/ul>\n<p>Una vez que un tema ha definido sus preajustes, las propiedades personalizadas CSS correspondientes pueden utilizarse para dar estilo a los bloques y elementos en la secci\u00f3n <code>styles<\/code>.<\/p>\n<h3>Estilos<\/h3>\n<p>La secci\u00f3n <code>styles<\/code> es donde los temas definen los estilos <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\">por defecto<\/a> de los bloques y elementos. Mira, por ejemplo, los siguientes estilos de Twenty Twenty-Two para el bloque central Button:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"radius\": \"0\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--primary)\",\n\t\t\t\t\t\"text\": \"var(--wp--preset--color--background)\"\n\t\t\t\t},\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSize\": \"var(--wp--preset--typography--font-size--normal)\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Te dar\u00e1s cuenta de las propiedades personalizadas CSS utilizadas en las declaraciones de propiedades.<\/p>\n<h3>Plantillas personalizadas<\/h3>\n<p>La secci\u00f3n <code>customTemplates<\/code> es donde un tema declara sus <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#customtemplates\">plantillas personalizadas<\/a>. Los campos <code>name<\/code> y <code>title<\/code> son obligatorios. Los temas tambi\u00e9n pueden declarar qu\u00e9 tipo de entrada puede utilizar la plantilla estableciendo la propiedad <code>postTypes<\/code>.<\/p>\n<p>Twenty Twenty-Two proporciona cuatro plantillas personalizadas:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"customTemplates\": [\n\t\t{\n\t\t\t\"name\": \"blank\",\n\t\t\t\"title\": \"Blank\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\",\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-large-header\",\n\t\t\t\"title\": \"Page (Large Header)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"single-no-separators\",\n\t\t\t\"title\": \"Single Post (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-no-separators\",\n\t\t\t\"title\": \"Page (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>Encontrar\u00e1s los archivos <strong>.html<\/strong> correspondientes en la carpeta <strong>block-templates<\/strong>.<\/p>\n<figure id=\"attachment_111516\" aria-describedby=\"caption-attachment-111516\" style=\"width: 1224px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111516\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-block-templates-folder.jpg\" alt=\"tt2 block-templates folder\" width=\"1224\" height=\"587\"><figcaption id=\"caption-attachment-111516\" class=\"wp-caption-text\">Carpeta de <strong>block-templates<\/strong>\u00a0de Twenty Twenty-Two<\/figcaption><\/figure>\n<h3>Partes de la plantilla<\/h3>\n<p>La secci\u00f3n <code>templateParts<\/code> incluye las <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#templateparts\">definiciones de las partes de la plantilla<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-large-dark\",\n\t\t\t\"title\": \"Header (Dark, large)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-small-dark\",\n\t\t\t\"title\": \"Header (Dark, small)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\",\n\t\t\t\"area\": \"footer\"\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>Los campos <code>name<\/code> y <code>title<\/code> son obligatorios. Los temas tambi\u00e9n pueden declarar un t\u00e9rmino <code>area<\/code>, en el que la parte de la plantilla se representar\u00e1 en el editor.<\/p>\n<figure id=\"attachment_111360\" aria-describedby=\"caption-attachment-111360\" style=\"width: 1616px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111360\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-1.jpg\" alt=\"Twenty Twenty-Two template parts\" width=\"1616\" height=\"1128\"><figcaption id=\"caption-attachment-111360\" class=\"wp-caption-text\">Partes de plantilla de Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Los archivos <strong>.html<\/strong> de las partes de la plantilla se encuentran en la carpeta de <strong>template-parts<\/strong>.<\/p>\n<p>Ahora que sabes m\u00e1s sobre el <strong>theme.json<\/strong> de Twenty Twenty-Two, podemos explorar m\u00e1s a fondo las caracter\u00edsticas del tema y la nueva interfaz de edici\u00f3n.<\/p>\n<p>Vamos a sumergirnos en los <strong>Estilos Globales de Twenty<\/strong> <strong>Twenty-Two<\/strong>.<\/p>\n<h2>Estilos globales en Twenty Twenty-Two<\/h2>\n<p>Si observas el <strong>style.css<\/strong> de Twenty Twenty-Two <strong>, te sorprender\u00e1 ver que contiene un n\u00famero m\u00ednimo de declaraciones CSS.<\/strong> <strong>La<\/strong> <strong>raz\u00f3n es que<\/strong> <strong>los estilos se declaran en el archivo <em>theme.json<\/em> en los temas basados en bloques<\/strong>.<\/p>\n<p>WordPress 5.9 llevar\u00e1 las cosas un paso m\u00e1s all\u00e1, introduciendo una nueva funci\u00f3n que permite a los usuarios de temas de bloques personalizar la apariencia de los elementos del sitio desde una interfaz de usuario llamada <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">Estilos Globales<\/a>.<\/p>\n<p>Se puede acceder a la interfaz de Estilos Globales desde el nuevo icono de <strong>Estilos<\/strong> situado en la esquina superior derecha del Editor (ver tambi\u00e9n <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">La interfaz de Estilos Globales<\/a>).<\/p>\n<p>Al hacer clic en ese icono, aparece una nueva barra lateral de <strong>Estilos<\/strong> que incluye tres paneles independientes:<\/p>\n<ul>\n<li>Un panel de <strong>vista<\/strong> previa, que muestra una vista previa de tus personalizaciones<\/li>\n<li>Un panel de <strong>Estilos Globales<\/strong> que proporciona acceso a grupos espec\u00edficos de controles para <strong>Tipograf\u00eda<\/strong>, <strong>Colores<\/strong> y <strong>Dise\u00f1o<\/strong><\/li>\n<li>Un elemento de <strong>Bloques<\/strong> que proporciona acceso a los ajustes de estilo a nivel de bloque<\/li>\n<\/ul>\n<figure id=\"attachment_110852\" aria-describedby=\"caption-attachment-110852\" style=\"width: 1606px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110852\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/styles-sidebar.jpg\" alt=\"Styles sidebar\" width=\"1606\" height=\"1336\"><figcaption id=\"caption-attachment-110852\" class=\"wp-caption-text\">La barra lateral de Estilos en Twenty Twenty-Two<\/figcaption><\/figure>\n<h3>Paleta de colores de Twenty Twenty-Two<\/h3>\n<p>El panel de <strong>Colores<\/strong> puede ayudarte a editar las paletas disponibles y a asignar o cambiar los colores de <strong>Fondo<\/strong>, <strong>Texto<\/strong> o <strong>Enlaces<\/strong>.<\/p>\n<p>En el panel <strong>Paleta<\/strong>, puedes personalizar las paletas <strong>del Tema<\/strong> o las <strong>predeterminadas<\/strong> e incluso crear tu paleta personalizada.<\/p>\n<figure id=\"attachment_110941\" aria-describedby=\"caption-attachment-110941\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110941\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-settings.jpg\" alt=\"TT2 color settings\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110941\" class=\"wp-caption-text\">Configuraci\u00f3n de colores en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>\u00bfHas encontrado ya el c\u00f3digo que genera los controles de color?<\/p>\n<p>Si no es as\u00ed, abre el archivo<strong> theme.json<\/strong> de Twenty-Two en tu <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-editores-texto\/\">editor de c\u00f3digo<\/a> favorito. Encontrar\u00e1s las siguientes declaraciones de la paleta de colores:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\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\": \"#000000\",\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\": \"#ffffff\",\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\": \"#1a4548\",\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\": \"#ffe2c7\",\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\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>La imagen siguiente muestra c\u00f3mo el c\u00f3digo anterior coincide con la paleta de colores de Twenty Twenty-Two.<\/p>\n<figure id=\"attachment_111011\" aria-describedby=\"caption-attachment-111011\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111011\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-palette.jpg\" alt=\"tt2 color palette\" width=\"1314\" height=\"972\"><figcaption id=\"caption-attachment-111011\" class=\"wp-caption-text\">Paleta de colores enTwenty Twenty-Two<\/figcaption><\/figure>\n<p>Supongamos ahora que quieres cambiar el color de fondo por defecto de un bloque concreto. Si eliges un color diferente para el fondo del bloque, simplemente asignar\u00e1s una <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/--*\">variable CSS<\/a> diferente a la propiedad <code>background-color<\/code> del elemento. La imagen siguiente ofrece un ejemplo de ello:<\/p>\n<figure id=\"attachment_111012\" aria-describedby=\"caption-attachment-111012\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111012\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-custom-property.jpg\" alt=\"TT2 custom property\" width=\"2036\" height=\"860\"><figcaption id=\"caption-attachment-111012\" class=\"wp-caption-text\">El color principal de Twenty Twenty-Two utilizado como color de fondo<\/figcaption><\/figure>\n<p>\u00a1Y eso es todo! No tendr\u00e1s que a\u00f1adir ni una sola l\u00ednea de c\u00f3digo CSS personalizado en el Personalizador ni crear un tema hijo para ello.<\/p>\n<p>Pero sigamos explorando los Estilos Globales de Twenty-Two con algunos ejemplos adicionales.<\/p>\n<h3>Configuraci\u00f3n de la tipograf\u00eda<\/h3>\n<p>El panel de <strong>Tipograf\u00eda<\/strong> es donde puedes personalizar los estilos de tipograf\u00eda para los elementos de <strong>Texto<\/strong> y <strong>Enlaces<\/strong> de tu sitio web a nivel global.<\/p>\n<p>Cada elemento proporciona acceso a un grupo de controles para que puedas personalizar la familia de la fuente, el tama\u00f1o y la altura de la l\u00ednea.<\/p>\n<figure id=\"attachment_110847\" aria-describedby=\"caption-attachment-110847\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110847\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-typography-settings.jpg\" alt=\"TT2 typography settings\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110847\" class=\"wp-caption-text\">Configuraci\u00f3n de la tipograf\u00eda en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>\u00bfTe preguntas qu\u00e9 c\u00f3digo genera estos controles?<\/p>\n<p>Abre el archivo<strong> theme.json<\/strong> de Twenty Twenty-Two y busca la secci\u00f3n <code>typography<\/code>. Ver\u00e1s los siguientes ajustes:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\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],\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Small\",\n\t\t\t\t\t\"size\": \"1rem\",\n\t\t\t\t\t\"slug\": \"small\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Normal\",\n\t\t\t\t\t\"size\": \"1.125rem\",\n\t\t\t\t\t\"slug\": \"normal\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Medium\",\n\t\t\t\t\t\"size\": \"1.75rem\",\n\t\t\t\t\t\"slug\": \"medium\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Large\",\n\t\t\t\t\t\"size\": \"clamp(1.75rem, 3vw, 2.25rem)\",\n\t\t\t\t\t\"slug\": \"large\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Huge\",\n\t\t\t\t\t\"size\": \"clamp(2.5rem, 4vw, 3rem)\",\n\t\t\t\t\t\"slug\": \"huge\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n}<\/code><\/pre>\n<p>Del c\u00f3digo anterior puedes esperar ver dos familias de fuentes y cinco tama\u00f1os de fuente. Y habr\u00e1s acertado.<\/p>\n<p>As\u00ed es como el c\u00f3digo anterior se traduce en la configuraci\u00f3n de <strong>Tipograf\u00eda<\/strong> de Estilos Globales:<\/p>\n<figure id=\"attachment_110848\" aria-describedby=\"caption-attachment-110848\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110848\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/font-family-font-size.jpg\" alt=\"font family and font size in TT2\" width=\"1300\" height=\"1196\"><figcaption id=\"caption-attachment-110848\" class=\"wp-caption-text\">Estilos de tipograf\u00eda en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Puedes adivinar qu\u00e9 ajuste genera el control de <strong>la altura de la l\u00ednea<\/strong>. En Twenty Twenty-Two, no encontrar\u00e1s un ajuste espec\u00edfico para ello porque est\u00e1 habilitado por la propiedad <code>appearanceTools<\/code>, que es un atajo para varias declaraciones de ajuste (ver la siguiente secci\u00f3n).<\/p>\n<h3>Herramientas de dise\u00f1o y apariencia<\/h3>\n<p>El \u00faltimo elemento de la barra lateral de Estilos Globales es el <strong>Dise\u00f1o<\/strong>. En el momento de escribir esto, s\u00f3lo incluye un control <code>padding<\/code>.<\/p>\n<figure id=\"attachment_111192\" aria-describedby=\"caption-attachment-111192\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111192\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layout.jpg\" alt=\"Layout settings in Twenty Twenty-Two\" width=\"1790\" height=\"1212\"><figcaption id=\"caption-attachment-111192\" class=\"wp-caption-text\">Ajustes de dise\u00f1o en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>En Twenty Twenty-Two, el panel Dise\u00f1o se activa mediante la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">propiedad de ajuste<\/a> <code>appearanceTools<\/code>, un booleano que puede utilizarse para <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/issues\/261\">activar varios ajustes<\/a> a la vez:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true\n\t}\n}<\/code><\/pre>\n<p><code>\"appearanceTools\": true<\/code> simplemente sustituye el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">siguiente bloque de declaraciones<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t'settings': {\n\t\t'border': {\n\t\t\t'color': true,\n\t\t\t'radius': true,\n\t\t\t'style': true,\n\t\t\t'width': true\n\t\t},\n\t\t'color': {\n\t\t\t'link': true\n\t\t},\n\t\t'spacing': {\n\t\t\t'blockGap': true,\n\t\t\t'margin': true,\n\t\t\t'padding': true\n\t\t},\n\t\t'typography': {\n\t\t\t'lineHeight': true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Bien, ahora espero que entiendas c\u00f3mo los ajustes declarados en el archivo <strong>theme.json<\/strong> coinciden con los controles de Estilos Globales correspondientes.<\/p>\n<p>Todav\u00eda falta una pieza de nuestro rompecabezas para obtener la imagen completa del nuevo tema por defecto de WordPress: <strong>los<\/strong> <strong>patrones de bloques<\/strong>.<\/p>\n<h2>Patrones de bloques de Twenty Twenty-Two<\/h2>\n<p>Se podr\u00eda decir que Twenty Twenty-Two es sobre todo una <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">colecci\u00f3n de patrones<\/a>, y pr\u00e1cticamente lo es. En Twenty Twenty-Two, encontrar\u00e1s toneladas de <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-5\/#block-patterns\">patrones de bloques<\/a> listos para usar entre los que puedes elegir para construir estructuras sorprendentes e imprevisibles de bloques anidados para tus p\u00e1ginas web.<\/p>\n<p>El t\u00e9rmino clave aqu\u00ed es la <strong>capacitaci\u00f3n del usuario<\/strong>. Y eso encaja porque, con los patrones de bloques, puedes construir todo tipo de cosas, desde un atractivo portafolio hasta un sitio web promocional de una sola p\u00e1gina, \u00a1incluso si no tienes ning\u00fan conocimiento de HTML o CSS!<\/p>\n<p>Y WordPress 5.9 aporta mejoras significativas al sistema de patrones con el nuevo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">Explorador de patrones<\/a>, una herramienta que te permite examinar los patrones en un modal a pantalla completa.<\/p>\n<figure id=\"attachment_111407\" aria-describedby=\"caption-attachment-111407\" style=\"width: 2442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111407\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-explorer.jpg\" alt=\"The Pattern Explorer in Twenty Twenty-Two\" width=\"2442\" height=\"1378\"><figcaption id=\"caption-attachment-111407\" class=\"wp-caption-text\">El explorador de patrones en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>La nueva herramienta tambi\u00e9n te permite importar r\u00e1pida y f\u00e1cilmente patrones de bloques directamente desde el <a href=\"https:\/\/wordpress.org\/patterns\/\">Directorio de Patrones<\/a>. Esto abre nuevas posibilidades tanto para los usuarios de WordPress como para <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-gutenberg\/\">los desarrolladores<\/a>, por lo que es probable que su uso aumente considerablemente en el futuro.<\/p>\n<figure id=\"attachment_111408\" aria-describedby=\"caption-attachment-111408\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111408\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wordpress-patterns-directory.jpg\" alt=\"WordPress Patterns directory\" width=\"2880\" height=\"2959\"><figcaption id=\"caption-attachment-111408\" class=\"wp-caption-text\">Directorio de patrones de WordPress<\/figcaption><\/figure>\n<p>Twenty Twenty-Two incluye un <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/pull\/204\">mont\u00f3n de patrones<\/a> (m\u00e1s de 65) en cinco categor\u00edas.<\/p>\n<figure id=\"attachment_111409\" aria-describedby=\"caption-attachment-111409\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111409\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-categories-dropdown.jpg\" alt=\"Twenty Twenty-Two pattern categories\" width=\"1522\" height=\"1250\"><figcaption id=\"caption-attachment-111409\" class=\"wp-caption-text\">Categor\u00edas de patrones de Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Este s\u00f3lido conjunto de patrones combina perfectamente con las plantillas y partes de plantillas que vienen con el nuevo tema por defecto, lo que hace que la experiencia de edici\u00f3n sea realmente sorprendente.<\/p>\n<figure id=\"attachment_111410\" aria-describedby=\"caption-attachment-111410\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111410\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layered-images-with-duotone-pattern.jpg\" alt=\"Layered images with duotone\" width=\"2880\" height=\"1332\"><figcaption id=\"caption-attachment-111410\" class=\"wp-caption-text\">Im\u00e1genes en capas con duotono<\/figcaption><\/figure>\n<figure id=\"attachment_111411\" aria-describedby=\"caption-attachment-111411\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111411\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/video-with-header-and-details.jpg\" alt=\"Video with header and details\" width=\"2880\" height=\"2544\"><figcaption id=\"caption-attachment-111411\" class=\"wp-caption-text\">V\u00eddeo con cabecera y detalles<\/figcaption><\/figure>\n<figure id=\"attachment_111412\" aria-describedby=\"caption-attachment-111412\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111412\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/two-images-with-text.jpg\" alt=\"Two images with text\" width=\"2002\" height=\"2160\"><figcaption id=\"caption-attachment-111412\" class=\"wp-caption-text\">Dos im\u00e1genes con texto<\/figcaption><\/figure>\n<p>Si a\u00fan no has tenido la oportunidad de experimentar con los patrones de bloques, te mostraremos por qu\u00e9 se consideran herramientas tan poderosas con un sencillo ejemplo.<\/p>\n<p>Supongamos que quieres eliminar el pie de p\u00e1gina predeterminado de las plantillas \u00cdndice y Publicaci\u00f3n \u00fanica y sustituirlo por un patr\u00f3n de bloques diferente de Twenty Twenty-Two.<\/p>\n<p>Inicia el Editor del Sitio desde el men\u00fa <strong>Apariencia<\/strong> o el bot\u00f3n de la barra de herramientas del frontend de WordPress para personalizar la plantilla \u00cdndice.<\/p>\n<p>Haz clic en el bot\u00f3n <strong>\u00cdndice<\/strong> para que aparezca el desplegable de la cabecera que muestra la lista de \u00e1reas de plantillas disponibles en la p\u00e1gina. Haz clic en el bot\u00f3n de la elipsis junto al <strong>pie de p\u00e1gina<\/strong> y luego en <strong>Editar pie de p\u00e1gina<\/strong>.<\/p>\n<figure id=\"attachment_111413\" aria-describedby=\"caption-attachment-111413\" style=\"width: 1534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111413\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-inspector.jpg\" alt=\"The template inspector\" width=\"1534\" height=\"812\"><figcaption id=\"caption-attachment-111413\" class=\"wp-caption-text\">El inspector de plantillas<\/figcaption><\/figure>\n<p>Como se ha mencionado anteriormente, esto lanzar\u00e1 el editor de la parte de la plantilla aislada.<\/p>\n<figure id=\"attachment_111414\" aria-describedby=\"caption-attachment-111414\" style=\"width: 2358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111414\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/isolated-template-part-editor.jpg\" alt=\"Isolated template part editor\" width=\"2358\" height=\"848\"><figcaption id=\"caption-attachment-111414\" class=\"wp-caption-text\">El pie de p\u00e1gina predeterminado de Twenty Twenty-Two en el editor de partes de la plantilla aislada<\/figcaption><\/figure>\n<p>Ahora abre el insertador de bloques y haz clic en <strong>Patrones<\/strong>.<\/p>\n<p>Inicia la nueva herramienta <strong>Explorador <\/strong>de patrones, selecciona la categor\u00eda <strong>Pies de p\u00e1gina Twenty Twenty-Two<\/strong> y elige el pie de p\u00e1gina que desees.<\/p>\n<figure id=\"attachment_111415\" aria-describedby=\"caption-attachment-111415\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111415\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-pattern-explorer.jpg\" alt=\"The pattern explorer in Twenty Twenty-Two\" width=\"2360\" height=\"1338\"><figcaption id=\"caption-attachment-111415\" class=\"wp-caption-text\">El explorador de patrones en Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ahora a\u00f1ade y edita los bloques seg\u00fan tus necesidades.<\/p>\n<figure id=\"attachment_111416\" aria-describedby=\"caption-attachment-111416\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111416\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/new-footer-in-isolated-template-editor.jpg\" alt=\"Editing the footer in the isolated template part editor\" width=\"2360\" height=\"996\"><figcaption id=\"caption-attachment-111416\" class=\"wp-caption-text\">Editando el pie de p\u00e1gina en el editor de partes de la plantilla aislada<\/figcaption><\/figure>\n<p>Guarda la cabecera y vuelve a revisar tu sitio cuando est\u00e9s satisfecho con tus cambios.<\/p>\n<p>La imagen de abajo compara tres plantillas (\u00cdndice, Publicaci\u00f3n aislada y Publicaci\u00f3n aislada sin separadores) con diferentes personalizaciones de cabecera y pie de p\u00e1gina:<\/p>\n<figure id=\"attachment_111417\" aria-describedby=\"caption-attachment-111417\" style=\"width: 2400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111417\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-comparison.jpg\" alt=\"Header and footer customizations compared in different Twenty Twenty-Two templates \" width=\"2400\" height=\"2223\"><figcaption id=\"caption-attachment-111417\" class=\"wp-caption-text\">Personalizaciones de cabecera y pie de p\u00e1gina comparadas en diferentes plantillas de Twenty Twenty-Two<\/figcaption><\/figure>\n<h2>Ampliar Twenty Twenty-Two con un tema hijo<\/h2>\n<p>Crear un tema hijo <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">para un tema en bloque<\/a> es bastante diferente a crear un <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-child-wordpress\/\">tema hijo para un tema cl\u00e1sico<\/a>.<\/p>\n<p>Pero una vez que comprendas bien <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#what-is-the-structure-of-a-block-theme\">la estructura<\/a> de un tema de bloques, no te resultar\u00e1 dif\u00edcil crear un tema hijo para Twenty Twenty-Two o cualquier otro tema de bloques.<\/p>\n<p>As\u00ed que vamos a ver c\u00f3mo personalizar el aspecto de tu sitio web basado en Twenty Twenty-Two.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Configurar un tema hijo para Twenty Twenty-Two<\/h3>\n<p>En tu directorio <strong>\/wp-content\/themes<\/strong>, <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#1-create-a-child-theme-folder\">crea una nueva carpeta<\/a> y ponle el nombre que quieras (seg\u00fan <a href=\"https:\/\/codex.wordpress.org\/Theme_Development#Theme_Development_Standards\">las normas de desarrollo de temas<\/a>). En este ejemplo, hemos llamado a la carpeta del tema hijo <em>twentytwentytwo-child<\/em>.<\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#2-create-a-stylesheet-style-css\">Ahora necesitas<\/a> un archivo <strong>style.css<\/strong>. Abre tu editor de c\u00f3digo favorito y crea la siguiente hoja de estilos:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: Twenty Twenty-Two Child\nTheme URI: https:\/\/example.com\/\nAuthor: Your name\nAuthor URI: https:\/\/example.com\/\nDescription: A child theme for TT2.\nRequires at least: 5.8\nTested up to: 5.9\nRequires PHP: 5.6\nVersion: 0.2\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentytwentytwo-child\nTemplate: twentytwentytwo\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments\n\nTwenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org\nTwenty Twenty-Two Child is distributed under the terms of the GNU GPL.\n*\/<\/code><\/pre>\n<p>Como siempre, puedes editar los campos seg\u00fan tus necesidades.<\/p>\n<p>Tu tema hijo ya est\u00e1 disponible para su previsualizaci\u00f3n. Puedes activarlo en la pantalla de administraci\u00f3n <strong>Apariencia &gt; Temas<\/strong>.<\/p>\n<h3>2. Personalizar la configuraci\u00f3n global<\/h3>\n<p>Desde WordPress 5.9, los temas hijos con un archivo <strong>theme.json<\/strong> heredan la configuraci\u00f3n del tema padre. Si el archivo <strong>theme.json<\/strong> del tema hijo define un conjunto de estilos, esos estilos se aplican sobre los estilos de su padre.<\/p>\n<p>As\u00ed que podemos crear un archivo <strong>theme.json<\/strong> que incluya s\u00f3lo un peque\u00f1o bloque personalizado de definiciones de ajustes y estilos en lugar de redefinir todas nuestras opciones originales.<\/p>\n<h4>C\u00f3mo declarar una paleta de colores personalizada<\/h4>\n<p>Al crear un tema hijo para Twenty Twenty-Two, la tarea m\u00e1s sencilla es sustituir la paleta de colores. Todo lo que tienes que hacer es definir una nueva paleta de colores en el <strong>theme.json<\/strong> de tu tema hijo, como se muestra a continuaci\u00f3n:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\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\": \"#FFFFFF\",\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\": \"#001F29\",\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\": \"#D6FDFF\",\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\": \"#FDFCDC\",\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\": \"#FED9B7\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"accent\",\n\t\t\t\t\t\"color\": \"#E94435\",\n\t\t\t\t\t\"name\": \"Accent\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Guarda tu archivo y vuelve al editor del sitio. La paleta de colores definida anteriormente deber\u00eda haber sustituido a la paleta de colores por defecto de Twenty Twenty-Two.<\/p>\n<figure id=\"attachment_111460\" aria-describedby=\"caption-attachment-111460\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111460\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-color-palette.jpg\" alt=\"A child theme color palette\" width=\"2264\" height=\"1076\"><figcaption id=\"caption-attachment-111460\" class=\"wp-caption-text\">Paleta de colores de un tema hijo<\/figcaption><\/figure>\n<p>Los colores se <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-support\/#block-color-palettes\">mostrar\u00e1n en orden en la propia paleta<\/a>, y sus nombres deben seguir las <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/#h-frequently-asked-questions\">mejores pr\u00e1cticas<\/a> y <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">convenciones de nomenclatura comentadas en Github<\/a>.<\/p>\n<p>Puedes leer mucho m\u00e1s sobre las opciones de color de <strong>theme.json<\/strong> en este <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\">resumen en profundidad de Carolina Nymark<\/a>.<\/p>\n<h4>C\u00f3mo declarar filtros de duotono personalizados<\/h4>\n<p>Tambi\u00e9n puedes sustituir los colores duotono por defecto por tu conjunto de filtros personalizados.<\/p>\n<p>Para ello, s\u00f3lo tienes que a\u00f1adir el siguiente c\u00f3digo a la configuraci\u00f3n del <strong>theme.json<\/strong> de tu tema hijo en el mismo nivel que la propiedad <code>palette<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [...],\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [\n\t\t\t\t\t\t\"#001F29\",\n\t\t\t\t\t\t\"#FFFFFF\"\n\t\t\t\t\t],\n\t\t\t\t\t\"slug\": \"default-filter\",\n\t\t\t\t\t\"name\": \"Default filter\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Guarda tu archivo y comprueba el resultado en el editor de bloques. S\u00f3lo deber\u00edas ver un \u00fanico filtro duotono.<\/p>\n<figure id=\"attachment_111461\" aria-describedby=\"caption-attachment-111461\" style=\"width: 1564px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111461\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-duotone-filter.jpg\" alt=\"A child theme duotone filter\" width=\"1564\" height=\"1122\"><figcaption id=\"caption-attachment-111461\" class=\"wp-caption-text\">Un filtro duotono del tema hijo<\/figcaption><\/figure>\n<h3>3. Personalizar los estilos de los bloques<\/h3>\n<p>Como hemos mencionado antes, con WordPress 5.9, ahora puedes personalizar la configuraci\u00f3n y los estilos del<strong> theme.json<\/strong> desde la interfaz de Estilos Globales.<\/p>\n<p>Los estilos de bloque se pueden personalizar desde la interfaz de Estilos Globales <strong>s\u00f3lo si el bloque declara el soporte de una funcionalidad espec\u00edfica<\/strong> en el archivo <strong>block.json<\/strong> correspondiente. Pero puedes anular la configuraci\u00f3n por defecto del bloque en el <strong>theme.json<\/strong> de tu tema hijo.<\/p>\n<p>Ahora supongamos que quieres anular los estilos del bloque Post-title y Group. Todo lo que tienes que hacer es definir los estilos que quieres a\u00f1adir o anular, como se muestra a continuaci\u00f3n:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {...},\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\": \"Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--tertiary)\"\n\t\t\t\t},\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"padding\": \"var(--wp--custom--spacing--small)\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/group\": {\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"margin\": {\n\t\t\t\t\t\t\"top\": \"0\",\n\t\t\t\t\t\t\"bottom\": \"0\"\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>En el ejemplo anterior, hemos cambiado la familia de fuentes, el color de fondo y los valores de relleno de <code>core\/post-title<\/code>, as\u00ed como los m\u00e1rgenes superior e inferior de <code>core\/group<\/code>.<\/p>\n<p>La imagen de abajo muestra el resultado tal y como se ver\u00eda en el sitio p\u00fablico:<\/p>\n<figure id=\"attachment_111462\" aria-describedby=\"caption-attachment-111462\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111462\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-styles-post-title.jpg\" alt=\"A customized Post Title block\" width=\"2264\" height=\"832\"><figcaption id=\"caption-attachment-111462\" class=\"wp-caption-text\">Un bloque de t\u00edtulo de entrada personalizado<\/figcaption><\/figure>\n<p>\u00a1Y eso es todo para la revisi\u00f3n!<\/p>\n<p>No profundizaremos m\u00e1s en los temas hijo por ahora, ya que ir\u00eda m\u00e1s all\u00e1 del alcance de este post. Mientras tanto, encontrar\u00e1s m\u00e1s ejemplos de <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/tree\/add\/tt2-child-themes\">temas hijo de Twenty Twenty-Two<\/a> en Github.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Mientras analiz\u00e1bamos el nuevo tema predeterminado de WordPress Twenty Twenty-Two y sus caracter\u00edsticas (que lo convierten en el tema predeterminado m\u00e1s flexible jam\u00e1s lanzado), desvelamos la nueva arquitectura de la informaci\u00f3n introducida con WordPress 5.9. Incluso pudimos echar un vistazo a la nueva interfaz de Estilos Globales.<\/p>\n<p>Hay muchas caracter\u00edsticas nuevas e interesantes en camino, y parece claro que el nuevo entorno de edici\u00f3n se est\u00e1 volviendo m\u00e1s robusto, fiable y funcional con el tiempo.<\/p>\n<p>Mientras que muchas nuevas caracter\u00edsticas de WordPress est\u00e1n en camino, otras est\u00e1n desapareciendo o disminuyendo su importancia. Muchos usuarios se preguntan qu\u00e9 ocurrir\u00e1 con el <a href=\"https:\/\/kinsta.com\/es\/blog\/como-personalizar-tema-wordpress\/#customizing-your-theme-via-the-customizer\">Personalizador<\/a> y cu\u00e1l es la mejor manera de mantener la compatibilidad con los temas existentes.<\/p>\n<p>Sin embargo, no es de esperar que se pase de repente de los temas tradicionales a los temas en bloque de un plumazo. Actualmente tenemos cuatro tipos diferentes de temas entre los que elegir:<\/p>\n<ul>\n<li><strong>Temas de bloque<\/strong>: Temas dise\u00f1ados para FSE<\/li>\n<li><strong>Temas<\/strong> <strong>universales<\/strong>: Temas que funcionan tanto con el Personalizador como con el Editor de Sitios<\/li>\n<li><strong>Temas<\/strong> <strong>h\u00edbridos<\/strong>: Temas cl\u00e1sicos que admiten funciones de FSE como <strong>theme.json<\/strong><\/li>\n<li><strong>Temas<\/strong> <strong>cl\u00e1sicos<\/strong>: Temas con plantillas PHP, functions.php, etc.<\/li>\n<\/ul>\n<p>As\u00ed que no temas por ahora: todav\u00eda hay muchas soluciones entre las que elegir si a\u00fan no te sientes preparado para cambiar a los temas en bloque.<\/p>\n<p><em>\u00a1Y ahora depende de ti! \u00bfEst\u00e1s preparado para dar el gran salto y empezar a usar temas de bloques ahora mismo? Comparte tu opini\u00f3n con nosotros en los comentarios.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aunque un poco m\u00e1s tarde de lo previsto originalmente, vamos a tener un nuevo tema predeterminado de WordPress. \u00a1Su nombre es Twenty Twenty-Two! El nuevo tema &#8230;<\/p>\n","protected":false},"author":36,"featured_media":46454,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[915,600],"topic":[1355],"class_list":["post-46453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-twenty-twenty-two","tag-wordpress-themes","topic-temas-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>Una Inmersi\u00f3n Profunda en Twenty Twenty-Two y los Temas en Bloque de WordPress<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.\" \/>\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\/temas-de-twenty-twenty-two\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\" \/>\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-01-04T12:09:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-31T14:02:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\" \/>\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=\"28 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress\",\"datePublished\":\"2022-01-04T12:09:24+00:00\",\"dateModified\":\"2025-01-31T14:02:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\"},\"wordCount\":4450,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"keywords\":[\"Twenty Twenty-Two\",\"wordpress themes\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\",\"name\":\"Una Inmersi\u00f3n Profunda en Twenty Twenty-Two y los Temas en Bloque de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"datePublished\":\"2022-01-04T12:09:24+00:00\",\"dateModified\":\"2025-01-31T14:02:22+00:00\",\"description\":\"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Una inmersi\u00f3n profunda en los temas de Twenty Twenty-Two y WordPress Block\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress\"}]},{\"@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":"Una Inmersi\u00f3n Profunda en Twenty Twenty-Two y los Temas en Bloque de WordPress","description":"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.","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\/temas-de-twenty-twenty-two\/","og_locale":"es_ES","og_type":"article","og_title":"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress","og_description":"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.","og_url":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2022-01-04T12:09:24+00:00","article_modified_time":"2025-01-31T14:02:22+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"28 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress","datePublished":"2022-01-04T12:09:24+00:00","dateModified":"2025-01-31T14:02:22+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/"},"wordCount":4450,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","keywords":["Twenty Twenty-Two","wordpress themes"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/","url":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/","name":"Una Inmersi\u00f3n Profunda en Twenty Twenty-Two y los Temas en Bloque de WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","datePublished":"2022-01-04T12:09:24+00:00","dateModified":"2025-01-31T14:02:22+00:00","description":"Twenty Twenty-Two es el tema de bloques por defecto que se introduce con WordPress 5.9. Echa un vistazo a todas sus caracter\u00edsticas m\u00e1s importantes en este an\u00e1lisis en profundidad.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","width":1460,"height":730,"caption":"Una inmersi\u00f3n profunda en los temas de Twenty Twenty-Two y WordPress Block"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"An\u00e1lisis en Profundidad de los Temas de Bloques Twenty Twenty-Two y WordPress"}]},{"@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\/46453","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=46453"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/46453\/revisions"}],"predecessor-version":[{"id":56805,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/46453\/revisions\/56805"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/translations\/dk"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/46453\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/46454"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=46453"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=46453"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=46453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}