{"id":37795,"date":"2020-11-17T01:10:59","date_gmt":"2020-11-17T09:10:59","guid":{"rendered":"https:\/\/kinqsta.com\/?p=83720"},"modified":"2025-02-14T13:19:46","modified_gmt":"2025-02-14T12:19:46","slug":"twenty-twenty-one-tema","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/","title":{"rendered":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress"},"content":{"rendered":"<p>Twenty Twenty-One es el nuevo tema por defecto de WordPress que viene con WordPress 5.6. Si est\u00e1s esperando un <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-wordpress-rapidos\/\">tema de WordPress<\/a> completo, puede que te decepciones un poco.<\/p>\n<p>Twenty Twenty-One es un tema minimalista que se ve y act\u00faa como un lienzo en blanco altamente personalizable. Al igual que sus predecesores, el nuevo tema por defecto se basar\u00e1 principalmente en el <a href=\"https:\/\/kinqsta.com\/es\/blog\/gutenberg-wordpress-editor\/\">Editor de Bloques<\/a> para la construcci\u00f3n de p\u00e1ginas.<\/p>\n<p>En este post, repasaremos las caracter\u00edsticas m\u00e1s interesantes del tema Twenty Twenty-One y te mostraremos c\u00f3mo personalizar el aspecto de un sitio web de WordPress con un simple child theme (tema hijo) de Twenty Twenty-One.<\/p>\n<p>\u00bfListo? \u00a1Vamos a sumergirnos en el tema!<\/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<figure id=\"attachment_83746\" aria-describedby=\"caption-attachment-83746\" style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83746 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/twenty-twenty-one.jpg\" alt=\"Twenty Twenty-One\" width=\"1580\" height=\"2048\"><figcaption id=\"caption-attachment-83746\" class=\"wp-caption-text\">Avance del tema Twenty Twenty-One (Fuente de la imagen: <a href=\"https:\/\/make.wordpress.org\/core\/2020\/09\/23\/introducing-twenty-twenty-one\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2>Un Primer Vistazo al Tema de WordPress Twenty Twenty-One<\/h2>\n<p>Al igual que <a href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\">Twenty Twenty<\/a>, el nuevo tema por defecto que viene con WordPress 5.6 no est\u00e1 construido desde cero, sino que est\u00e1 basado en un tema que viene de la comunidad.<\/p>\n<p>Twenty Twenty-One ha sido desarrollado sobre un nuevo tema de Automattic, el tema <a href=\"https:\/\/wordpress.org\/themes\/seedlet\/\">Seedlet<\/a>, que proporciona una estructura limpia y bien ordenada de propiedades personalizadas CSS anidadas. Debido al gran uso de las <a href=\"https:\/\/kinqsta.com\/es\/blog\/css-wordpress\/#wordpress-and-css\">propiedades CSS<\/a> en la hoja de estilo del tema, la construcci\u00f3n de child themes sobre el Twenty Twenty-One es r\u00e1pida y f\u00e1cil.<\/p>\n<figure id=\"attachment_83739\" aria-describedby=\"caption-attachment-83739\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83739 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/seedlet.jpg\" alt=\"El tema de Seedlet WordPress\" width=\"600\" height=\"769\"><figcaption id=\"caption-attachment-83739\" class=\"wp-caption-text\">El tema de Seedlet WordPress<\/figcaption><\/figure>\n<p>Twenty Twenty-One es un tema de WordPress muy accesible y minimalista con una sola columna, una barra lateral al pie y dos <a href=\"https:\/\/kinqsta.com\/es\/blog\/navegacion-del-sitio-web\/\">ubicaciones de men\u00fa<\/a>: Navegaci\u00f3n principal y navegaci\u00f3n a pie de p\u00e1gina.<\/p>\n<p>El nuevo tema utiliza una <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-seguras-para-la-web\/\">pila de fuentes del sistema<\/a>. Esto deber\u00eda tener varios beneficios tanto para los usuarios como para los <a href=\"https:\/\/kinqsta.com\/es\/blog\/contratar-desarrollador-de-wordpress\/\">desarrolladores<\/a>:<\/p>\n<ul>\n<li>En primer lugar, el uso de una pila de fuentes del sistema aporta beneficios a UX y al <a href=\"https:\/\/kinqsta.com\/es\/aprender\/acelerar-wordpress\/\">rendimiento<\/a> porque las fuentes nativas ya son compatibles con la mayor\u00eda de los sistemas operativos y no requieren un tiempo de carga adicional.<\/li>\n<li>En segundo lugar, parecen neutrales, por lo que se pueden fusionar sin problemas en cualquier tipo de dise\u00f1o.<\/li>\n<li>En tercer, como no requieren que se carguen archivos de fuentes adicionales, es m\u00e1s f\u00e1cil para los usuarios y desarrolladores personalizar el dise\u00f1o de un sitio web utilizando el Twenty Twenty-One.<\/li>\n<\/ul>\n<p>El tema Twenty Twenty-One utiliza una <a href=\"https:\/\/kinqsta.com\/es\/blog\/combinaciones-colores-sitios-web\/\">paleta de colores minimalista<\/a> basada en colores de fondo verde pastel y dos tonos de gris como colores de primer plano. El tema proporciona varias paletas de color pastel adicionales.<\/p>\n<p>En este punto, Mel Choyse-Dwan, Jefe de Dise\u00f1o de los Temas por Defecto, explica:<\/p>\n<blockquote><p>Agruparemos el tema con algunas paletas de color adicionales, incluyendo un esquema de color blanco y negro. \u00bfPor qu\u00e9 verde pastel? Los pasteles y los colores apagados est\u00e1n muy de moda ahora mismo.<\/p><\/blockquote>\n<figure id=\"attachment_83743\" aria-describedby=\"caption-attachment-83743\" style=\"width: 1640px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83743 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/twenty-twenty-one-colors.jpg\" alt=\"Twenty Twenty-One colores\" width=\"1640\" height=\"600\"><figcaption id=\"caption-attachment-83743\" class=\"wp-caption-text\">Colores de Twenty Twenty-One (Fuente de la imagen: <a href=\"https:\/\/make.wordpress.org\/core\/2020\/09\/23\/introducing-twenty-twenty-one\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n\n<h2>C\u00f3mo Instalar Twenty Twenty-One<\/h2>\n<p>En el momento de escribir este documento, el Twenty Twenty-One est\u00e1 en desarrollo activo y a\u00fan no est\u00e1 disponible para su descarga en el Directorio de Temas de WordPress. Pero puedes conseguir una versi\u00f3n en progreso del tema en <a href=\"https:\/\/github.com\/wordpress\/twentytwentyone\">Github<\/a>.<\/p>\n<p>El repositorio Github quedar\u00e1 obsoleto una vez que el tema se fusione con el <a href=\"https:\/\/kinqsta.com\/es\/docs\/soporte\/alcance-del-soporte\/alcance-del-soporte-para-wordpress-administrado\/\">n\u00facleo<\/a>, y lo encontrar\u00e1s en el Directorio de Temas. Como Twenty Twenty-One sigue el <a href=\"https:\/\/make.wordpress.org\/core\/5-6\/\">calendario de lanzamiento de WordPress 5.6<\/a>, puede que quieras guardar las siguientes fechas:<\/p>\n<ul>\n<li>20 de octubre de 2020: Beta 1<\/li>\n<li>27 de octubre de 2020: Beta 2<\/li>\n<li>2 de noviembre de 2020: Beta 3<\/li>\n<li>12 de noviembre de 2020: Beta 4<\/li>\n<li>17 de noviembre de 2020: RC 1<\/li>\n<li>1 de diciembre de 2020: RC 2<\/li>\n<li>7 de diciembre de 2020: Prueba de fuego para el lanzamiento de WordPress 5.6<\/li>\n<li>8 de diciembre de 2020: Fecha l\u00edmite para la publicaci\u00f3n de WordPress 5.6<\/li>\n<\/ul>\n<p>Para poner en marcha el tema Twenty Twenty-One, sigue estos pasos:<\/p>\n<ol>\n<li>Consigue el paquete zip de <a href=\"https:\/\/github.com\/wordpress\/twentytwentyone\">GitHub<\/a>.<\/li>\n<li>Sube el paquete a tu instalaci\u00f3n de desarrollo desde el <a href=\"https:\/\/kinqsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">panel de control de WordPress<\/a> o a trav\u00e9s de <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-usar-sftp\/\">SFTP<\/a>.<\/li>\n<li>Navega hasta <strong>Apariencia \u2192 Temas <\/strong>y haz clic en el bot\u00f3n <strong>Activar <\/strong>en la imagen de vista previa del tema.<\/li>\n<li>Ir a <strong>Apariencia \u2192 Personalizar <\/strong>para configurar Twenty Twenty-One.<\/li>\n<\/ol>\n<p>Ahora puedes empezar a hacer tus pruebas en un <a href=\"https:\/\/kinqsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\">sitio web staging<\/a> o en tu <a href=\"https:\/\/kinqsta.com\/es\/blog\/instalar-wordpress-localmente\/\">entorno local<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Por favor, ten en cuenta que Twenty Twenty-One est\u00e1 todav\u00eda en desarrollo activo, <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\">muchas cuestiones<\/a> no han sido solucionadas todav\u00eda, y algunas caracter\u00edsticas pueden cambiar en el futuro.<\/p>\n<\/aside>\n\n<figure id=\"attachment_83731\" aria-describedby=\"caption-attachment-83731\" style=\"width: 1480px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83731 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-issue.jpg\" alt=\"dark mode issue\" width=\"1480\" height=\"2728\"><figcaption id=\"caption-attachment-83731\" class=\"wp-caption-text\">Twenty Twenty-One <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\/620\">N\u00famero #620<\/a> en Github<\/figcaption><\/figure>\n<p>\u00bfNo est\u00e1s listo para hacer tus pruebas?<\/p>\n<p>No te preocupes, hemos diseccionado el tema y te mostraremos lo que puedes esperar del Twenty Twenty-One.<\/p>\n<h2>Las Caracter\u00edsticas del Tema y el Bloque de Twenty Twenty-One<\/h2>\n<p>Al igual que el Twenty Twenty, el nuevo tema por defecto de WordPress no es un tema con todas las caracter\u00edsticas, sino que es un tema minimalista que se basa en el editor de bloques para la construcci\u00f3n de p\u00e1ginas. El tema tambi\u00e9n tiene como objetivo <a href=\"https:\/\/kinqsta.com\/es\/blog\/mejores-practicas-diseno-web\/#how-to-make-your-website-more-accessible\">proporcionar una gran accesibilidad<\/a>. En palabras de Mel Choyce-Dwan:<\/p>\n<blockquote><p>Por \u00faltimo, nos encantar\u00eda que el tema cumpliera con las directrices relevantes del WCAG 2.1 nivel AAA. Nos encant\u00f3 la idea cuando +make.wordpress.org\/accessibility\/ la plante\u00f3, y apreciar\u00edamos cualquier y toda la orientaci\u00f3n de nuestra comunidad a11y expertos para ayudar a hacer esto posible.<\/p><\/blockquote>\n<p>El tema soporta un buen n\u00famero de <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/\">caracter\u00edsticas de tema<\/a> y de <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">bloque<\/a>, entre las que se incluyen las siguientes:<\/p>\n<p><strong>Caracter\u00edsticas del tema:<\/strong><\/p>\n<ul>\n<li>Enlaces de feeds autom\u00e1ticos<\/li>\n<li>Etiqueta del t\u00edtulo<\/li>\n<li>Formatos de post<\/li>\n<li>Post <a href=\"https:\/\/kinqsta.com\/es\/blog\/regenerar-las-miniaturas\/\">thumbnails<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/es\/blog\/html-vs-html5\/#what-is-html5\">Elementos HTML5<\/a><\/li>\n<li>Logotipo personalizado<\/li>\n<li>Actualizaci\u00f3n selectiva para los widgets<\/li>\n<li>Fondo personalizado<\/li>\n<li>Dos men\u00fas de navegaci\u00f3n<\/li>\n<li>Una barra lateral<\/li>\n<\/ul>\n<p><strong>Caracter\u00edsticas del bloque:<\/strong><\/p>\n<ul>\n<li>Estilos de los bloques por defecto<\/li>\n<li>Estilos del editor<\/li>\n<li>Estilos de edici\u00f3n oscuros (fondo oscuro)<\/li>\n<li>Alinear el ancho<\/li>\n<li>Bloques de los tama\u00f1os de las fuentes<\/li>\n<li>Bloques con paletas de colores<\/li>\n<li>Bloques con preajustes de gradiente<\/li>\n<li>Contenido inicial<\/li>\n<li>Incorporaci\u00f3n responsiva<\/li>\n<li>Altura de l\u00ednea personalizada<\/li>\n<li>Color de enlace experimental<\/li>\n<li>Espacios experimentales personalizados<\/li>\n<li>Unidades personalizadas (eliminadas en WordPress 5.6)<\/li>\n<\/ul>\n<p>La siguiente lista incluye las caracter\u00edsticas que pueden ser m\u00e1s relevantes cuando se construye un sitio web basado en el Twenty Twenty-One.<\/p>\n<h3>Men\u00fas de Navegaci\u00f3n<\/h3>\n<p>Twenty Twenty-One soporta dos ubicaciones de men\u00fas, la <strong>Navegaci\u00f3n Primaria<\/strong>, ubicada en la esquina superior derecha del encabezado, y la <strong>Navegaci\u00f3n de Pie de P\u00e1gina<\/strong>.<\/p>\n<figure id=\"attachment_83737\" aria-describedby=\"caption-attachment-83737\" style=\"width: 1678px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83737 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/menu-locations.jpg\" alt=\"Twenty Twenty-One lugares del men\u00fa\" width=\"1678\" height=\"954\"><figcaption id=\"caption-attachment-83737\" class=\"wp-caption-text\">Twenty Twenty-One ubicaciones del men\u00fa<\/figcaption><\/figure>\n<p>Si se a\u00f1ade al men\u00fa de pie de p\u00e1gina, los <a href=\"https:\/\/kinqsta.com\/es\/blog\/wordpress-plugins-redes-sociales\/\">enlaces sociales<\/a> se detectan autom\u00e1ticamente y se convierten en <a href=\"https:\/\/kinqsta.com\/es\/blog\/tipos-de-archivos-de-imagen\/#vector-image-file-formats\">iconos SVG<\/a> para los medios sociales soportados.<\/p>\n<figure id=\"attachment_83742\" aria-describedby=\"caption-attachment-83742\" style=\"width: 1376px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83742 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/social-icons.jpg\" alt=\"Iconos sociales\" width=\"1376\" height=\"1294\"><figcaption id=\"caption-attachment-83742\" class=\"wp-caption-text\">Men\u00fa social Twenty Twenty-One<\/figcaption><\/figure>\n<h3>Formato de los Posts<\/h3>\n<p>Twenty Twenty-One soporta nueve formatos de posts (entradas): enlace, aparte, galer\u00eda, imagen, cita, estado, video, audio, chat. Puedes elegir el formato de publicaci\u00f3n en el panel de <strong>Estado y Visibilidad <\/strong>de la configuraci\u00f3n del editor.<\/p>\n<figure id=\"attachment_83738\" aria-describedby=\"caption-attachment-83738\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83738 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/post-formats.jpg\" alt=\"formatos de publicaci\u00f3n\" width=\"280\" height=\"329\"><figcaption id=\"caption-attachment-83738\" class=\"wp-caption-text\">Twenty Twenty-One soporta nueve formatos de posts<\/figcaption><\/figure>\n<p>Para ver c\u00f3mo el tema Twenty Twenty-One maneja los formatos de los posts, navega a la carpeta de <em>plantillas-partes-exteriores <\/em>y elige la plantilla. Por ejemplo, abre el archivo <em>excerpt-image.php <\/em>en tu <a href=\"https:\/\/kinqsta.com\/es\/blog\/editores-html-gratuitos\/\">editor de c\u00f3digo<\/a> favorito. En ese archivo ver\u00e1s el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">\/**\n * Show the appropriate content for the Image post format.\n *\n * @link https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\n *\n * @package WordPress\n * @subpackage Twenty_Twenty_One\n * @since 1.0.0\n *\/\n\n\/\/ If there is no featured-image, print the first image block found.\nif (\n\t! twenty_twenty_one_can_show_post_thumbnail() &&\n\thas_block( 'core\/image', get_the_content() )\n) {\n\n\ttwenty_twenty_one_print_first_instance_of_block( 'core\/image', get_the_content() );\n}\n\nthe_excerpt();<\/code><\/pre>\n<p>El c\u00f3digo se explica por s\u00ed mismo, pero vamos a mirar m\u00e1s de cerca:<\/p>\n<ul>\n<li><code>has_block<\/code> <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/has_block\/\">determina<\/a> si un mensaje o una cadena contiene un tipo de bloque espec\u00edfico (el bloque de la imagen central en este ejemplo).<\/li>\n<li><code>twenty_twenty_one_print_first_instance_of_block<\/code> es una funci\u00f3n de plantilla Twenty Twenty-One que imprime la primera instancia de un bloque en el contenido y luego se separa.<\/li>\n<\/ul>\n<p>As\u00ed, si un visitante de un sitio requiere un archivo de posts del formato &#8216;imagen&#8217;, WordPress mostrar\u00e1 una imagen en la parte superior para cada post del archivo. Siguiendo la misma l\u00f3gica, puedes sumergirte en cualquier formato de post comprobando las partes correspondientes de la plantilla.<\/p>\n<h3>Identidad del sitio y Logotipo Personalizado<\/h3>\n<p>Twenty Twenty-One proporciona soporte para un logo personalizado de 300&#215;100 px. Puedes encontrar la configuraci\u00f3n del logo personalizado en el panel de <strong>Identidad del Sitio<\/strong>.<\/p>\n<figure id=\"attachment_83741\" aria-describedby=\"caption-attachment-83741\" style=\"width: 1894px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83741 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/site-identity.jpg\" alt=\"Identidad del sitio en el Twenty Twenty-One\" width=\"1894\" height=\"1674\"><figcaption id=\"caption-attachment-83741\" class=\"wp-caption-text\">Identidad del sitio en el Twenty Twenty-One<\/figcaption><\/figure>\n<p>Esta pantalla incluye:<\/p>\n<ul>\n<li>Logo personalizado<\/li>\n<li>T\u00edtulo del sitio<\/li>\n<li>Descripci\u00f3n Corta<\/li>\n<li>Icono del sitio<\/li>\n<\/ul>\n<h3>Tama\u00f1os de las Fuentes del Editor<\/h3>\n<p>Twenty Twenty-One soporta los siguientes <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/\">tama\u00f1os de letra<\/a>:<\/p>\n<ul>\n<li>Extra peque\u00f1o &#8211; 16<\/li>\n<li>Peque\u00f1o &#8211; 18<\/li>\n<li>Normal\/Medio &#8211; 20<\/li>\n<li>Grande &#8211; 24<\/li>\n<li>Extra grande &#8211; 40<\/li>\n<li>Enorme &#8211; 96<\/li>\n<li>Gigante &#8211; 144<\/li>\n<\/ul>\n<p>En la hoja de estilo del tema, los tama\u00f1os se establecen en unidades <code>rem<\/code>.<\/p>\n<figure id=\"attachment_83735\" aria-describedby=\"caption-attachment-83735\" style=\"width: 572px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83735 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/font-sizes.png\" alt=\"Twenty Twenty-One soporta siete tama\u00f1os de letra\" width=\"572\" height=\"502\"><figcaption id=\"caption-attachment-83735\" class=\"wp-caption-text\">Twenty Twenty-One soporta siete tama\u00f1os de letra<\/figcaption><\/figure>\n<h3>Ajustes de Colores<\/h3>\n<p>El Personalizador de Temas proporciona un panel de <strong>Colores y Modo Oscuro <\/strong>que incluye dos opciones:<\/p>\n<ul>\n<li>Un simple selector de colores con 10 paletas de colores predefinidas.<\/li>\n<li>Una casilla de verificaci\u00f3n para activar o desactivar el modo oscuro.<\/li>\n<\/ul>\n<p>La imagen de abajo muestra un color de fondo amarillo claro con un texto gris oscuro.<\/p>\n<figure id=\"attachment_83727\" aria-describedby=\"caption-attachment-83727\" style=\"width: 554px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83727 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/colors.jpg\" alt=\"Colores y ajustes del Modo Oscuro\" width=\"554\" height=\"658\"><figcaption id=\"caption-attachment-83727\" class=\"wp-caption-text\">Colores y ajustes del Modo Oscuro en el Twenty Twenty-One<\/figcaption><\/figure>\n<p>El color de fondo es por defecto un verde pastel (<code>'#d1e4dd'<\/code>), pero los <a href=\"https:\/\/kinqsta.com\/es\/blog\/roles-de-usuario\/\">administradores del sitio<\/a> pueden cambiar f\u00e1cilmente entre las siguientes alternativas de colores de fondo:<\/p>\n<ul>\n<li>Negro = <code>'#000000'<\/code>;<\/li>\n<li>Gris oscuro = <code>'#28303D'<\/code>;<\/li>\n<li>Gris = <code>'#39414D'<\/code>;<\/li>\n<li>Verde = <code>'#D1E4DD'<\/code>;<\/li>\n<li>Azul = <code>'#D1DFE4'<\/code>;<\/li>\n<li>P\u00farpura = <code>'#D1D1E4'<\/code>;<\/li>\n<li>Rojo = <code>'#E4D1D1'<\/code>;<\/li>\n<li>Naranja = <code>'#E4DAD1'<\/code>;<\/li>\n<li>Amarillo = <code>'#EEEADD'<\/code>;<\/li>\n<li>Blanco = <code>'#FFFFFF'<\/code>;<\/li>\n<\/ul>\n<p>Los mismos colores est\u00e1n disponibles como <strong>paletas de colores de bloque <\/strong>en la configuraci\u00f3n de bloque del editor.<\/p>\n<p>Adem\u00e1s, Twenty Twenty-One soporta varios <strong>preajustes de gradiente <\/strong>para los bloques que soportan esta caracter\u00edstica. La imagen de abajo muestra los gradientes predeterminados en los ajustes del bloque Columnas.<\/p>\n<figure id=\"attachment_83752\" aria-describedby=\"caption-attachment-83752\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83752 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/color-gradients.png\" alt=\"ajustes de gradiente\" width=\"280\" height=\"765\"><figcaption id=\"caption-attachment-83752\" class=\"wp-caption-text\">Ocho ajustes de gradiente en los ajustes de color de un bloque<\/figcaption><\/figure>\n<p>Desde el punto de vista de la accesibilidad, la compatibilidad con el Modo Oscuro es una novedad absoluta para un tema por defecto.<\/p>\n<p>\u00a1Vamos a sumergirnos un poco m\u00e1s!<\/p>\n<h2>Soporte del Modo Oscuro en el Tema Twenty Twenty-One<\/h2>\n<p>Despu\u00e9s de una discusi\u00f3n en el canal Slack de <a href=\"https:\/\/wordpress.slack.com\/archives\/C02RP4VMP\/p1603294484103600\">#core-themes<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2020\/10\/22\/twenty-twenty-one-dark-mode-discussion\/\">Mel Choyce-Dwan introdujo el soporte del Modo Oscuro<\/a> para el Twenty Twenty-One.<\/p>\n<figure id=\"attachment_83732\" aria-describedby=\"caption-attachment-83732\" style=\"width: 1338px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83732 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-mac.jpg\" alt=\"Habilitando el modo oscuro en macOS\" width=\"1338\" height=\"510\"><figcaption id=\"caption-attachment-83732\" class=\"wp-caption-text\">Habilitando el modo oscuro en macOS<\/figcaption><\/figure>\n<p>Al principio, no estaba claro c\u00f3mo se podr\u00eda haber implementado esta funci\u00f3n en Twenty Twenty-One si se hubiera incorporado como una funci\u00f3n del tema o como un proyecto separado incluido en un plugin.<\/p>\n<p>Hab\u00eda cinco opciones posibles para elegir:<\/p>\n<ul>\n<li>Permitir a los propietarios de los sitios deshabilitar el soporte del modo oscuro y a los visitantes del sitio activar o desactivar el modo oscuro mientras ven el sitio.<\/li>\n<li>Permitir a los propietarios de los sitios solo deshabilitar el soporte del modo oscuro (no hay opci\u00f3n para que los visitantes del sitio activen o desactiven el modo oscuro).<\/li>\n<li>Habilitar el soporte del modo oscuro como \u00absiempre encendido\u00bb mientras se permite a los visitantes del sitio alternarlo mientras visitan el sitio.<\/li>\n<li>Habilitar el soporte del modo oscuro como \u00absiempre encendido\u00bb y evitando que los visitantes del sitio activen o desactiven el modo oscuro.<\/li>\n<li>No soportar el modo oscuro en absoluto.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2020\/11\/10\/twenty-twenty-one-dark-mode-update\/\">Despu\u00e9s de una discusi\u00f3n profunda<\/a>, el Modo Oscuro se a\u00f1adi\u00f3 al tema. Ahora:<\/p>\n<ul>\n<li><strong>La compatibilidad con el Modo Oscuro est\u00e1 disponible como una opci\u00f3n para los propietarios del sitio<\/strong>.<\/li>\n<li>El <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/pull\/622\">bot\u00f3n de interruptor<\/a> se ha eliminado de la interfaz del editor y solo est\u00e1 disponible en Personalizaci\u00f3n.<\/li>\n<li>El bot\u00f3n de interruptor del Modo Oscuro est\u00e1 situado en la esquina inferior derecha (a la izquierda en RTL) y desaparece cuando el visitante del sitio se desplaza por la p\u00e1gina.<\/li>\n<li>Con el Modo Oscuro habilitado, los visitantes del sitio pueden activarlo o desactivarlo dependiendo de sus preferencias personales, e <strong>independientemente de la configuraci\u00f3n de su sistema operativo o navegador<\/strong>.<\/li>\n<\/ul>\n<figure id=\"attachment_83733\" aria-describedby=\"caption-attachment-83733\" style=\"width: 2410px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83733 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-off.jpg\" alt=\"Modo oscuro activado en el Personalizador y desactivado en la p\u00e1gina web principal\" width=\"2410\" height=\"1194\"><figcaption id=\"caption-attachment-83733\" class=\"wp-caption-text\">Modo oscuro activado en Personalizaci\u00f3n y desactivado en la p\u00e1gina web principal<\/figcaption><\/figure>\n<p>Incluso si el Modo Oscuro se considera una mejora de accesibilidad, no es obvio que las p\u00e1ginas de tu sitio sean m\u00e1s accesibles en todos los contextos.<\/p>\n<p>Las mayores preocupaciones est\u00e1n relacionados con los logotipos oscuros y las im\u00e1genes transparentes. Cambiar de una plantilla de luz por defecto a un color de fondo oscuro podr\u00eda causar problemas de legibilidad que pueden disminuir la usabilidad y arruinar la apariencia de tu sitio web.<\/p>\n<p>Por ejemplo, un logotipo oscuro sobre un fondo claro puede desaparecer por completo si tus lectores habilitan el Modo Oscuro en su lado. Preocupaciones similares se relacionan con el <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\/618\">brillo y el contraste de la imagen<\/a> y la <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\/620\">opacidad de los bordes, divisores y separadores<\/a>.<\/p>\n<p>Por esta raz\u00f3n, si\u00a0 est\u00e1s planeando proporcionar soporte de Modo Oscuro para tu sitio web, tambi\u00e9n debes tener en cuenta c\u00f3mo se ver\u00e1 tu sitio web con un fondo oscuro.<\/p>\n<figure id=\"attachment_83734\" aria-describedby=\"caption-attachment-83734\" style=\"width: 2409px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83734 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-on.jpg\" alt=\"Modo oscuro habilitado en el Personalizador y habilitado en el sitio frontal\" width=\"2409\" height=\"1193\"><figcaption id=\"caption-attachment-83734\" class=\"wp-caption-text\">Modo oscuro habilitado en Personalizador y habilitado en el sitio frontal<\/figcaption><\/figure>\n<p>Los colaboradores del tema son conscientes de estas cuestiones y el debate contin\u00faa en Github. Para tener una visi\u00f3n m\u00e1s cercana de los temas de usabilidad del Modo Oscuro y una oportunidad de involucrarse en la discusi\u00f3n, revisa la <a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\">lista completa de temas en Github<\/a>.<\/p>\n<p>Las preferencias del Modo Oscuro se almacenan en el LocalStorage y se pueden ver en las herramientas de desarrollo del navegador.<\/p>\n<p>En <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/storage\/localstorage\">Google Chrome<\/a>, inicia Chrome WebTools y haz clic en la pesta\u00f1a <strong>Aplicaci\u00f3n<\/strong>. Busca la secci\u00f3n <strong>Almacenamiento <\/strong>y ampl\u00eda el men\u00fa Almacenamiento local.<\/p>\n<figure id=\"attachment_83723\" aria-describedby=\"caption-attachment-83723\" style=\"width: 1740px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83723 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/brave-browser-local-storage.jpg\" alt=\"Preferencias de usuario del Modo Oscuro en el almacenamiento local del Brave Browser\" width=\"1740\" height=\"1086\"><figcaption id=\"caption-attachment-83723\" class=\"wp-caption-text\">Preferencias de usuario del Modo Oscuro en el almacenamiento local del Brave Browser<\/figcaption><\/figure>\n<p>Para ser honesto, el Modo Oscuro no es algo com\u00fan en el contexto de los sitios web de hoy en d\u00eda. Sin embargo, como el nuevo tema predeterminado de WordPress ahora soporta el modo oscuro, podr\u00edamos esperar un cambio en esta \u00e1rea espec\u00edfica de accesibilidad, ya que WordPress es el <a href=\"https:\/\/kinqsta.com\/es\/blog\/software-cms\/\">software CMS<\/a> m\u00e1s utilizado.<\/p>\n<p>Los desarrolladores que quieran profundizar en el tema de la tecnolog\u00eda no deber\u00edan perderse esta gu\u00eda sobre el <a href=\"https:\/\/css-tricks.com\/a-complete-guide-to-dark-mode-on-the-web\/\">modo oscuro en la web<\/a>.<\/p>\n<h2>Estilos y Propiedades CSS Personalizadas<\/h2>\n<p>Dicho esto, es hora de explorar las caracter\u00edsticas m\u00e1s interesantes de Twenty Twenty-One para los desarrolladores de temas.<\/p>\n<p>Comencemos con las Propiedades Personalizadas de CSS.<\/p>\n<p>Como se mencion\u00f3 anteriormente, Twenty Twenty-One est\u00e1 basado en <a href=\"https:\/\/wordpress.org\/themes\/seedlet\/\">Seedlet<\/a>, un tema de dos columnas, con una barra lateral al pie de p\u00e1gina y tres ubicaciones de men\u00fa. El estilo de Seedlet est\u00e1 completamente basado en las propiedades personalizadas de CSS y esto facilita a los desarrolladores de temas y a los usuarios avanzados la <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/\">construcci\u00f3n de child themes<\/a> sobre el tema de Automattic.<\/p>\n<p>Lo mismo ocurre con el Twenty Twenty-One. El nuevo tema por defecto viene con un dise\u00f1o de una sola columna, una barra lateral al pie de p\u00e1gina y dos ubicaciones de men\u00fa. La hoja de estilos refleja el sistema de propiedades personalizadas anidadas que proporciona Seedlet y esto hace del Twenty Twenty-One un lienzo perfecto para construir temas hijos y sitios web altamente personalizados.<\/p>\n<p>Las <strong>propiedades personalizadas de CSS <\/strong>(tambi\u00e9n conocidas como <strong>variables CSS<\/strong>) son entidades especiales que contienen valores espec\u00edficos que pueden ser reutilizados en cualquier parte de tu hoja de estilo.<\/p>\n<p>Por lo tanto, si necesitas cambiar un acento de color espec\u00edfico en tu documento, no necesitas realizar una b\u00fasqueda global para encontrar cualquier ocurrencia de ese color en toda la hoja de estilo. Solo necesitas establecer un valor de propiedad diferente dentro del <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/:root\">bloque<\/a> <code>:root<\/code>.<\/p>\n<figure id=\"attachment_83728\" aria-describedby=\"caption-attachment-83728\" style=\"width: 1970px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83728 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/css-custom-properties.jpg\" alt=\"Propiedades personalizadas del CSS en Twenty Twenty-One\" width=\"1970\" height=\"1108\"><figcaption id=\"caption-attachment-83728\" class=\"wp-caption-text\">Propiedades personalizadas del CSS en Twenty Twenty-One<\/figcaption><\/figure>\n<p>Como ejemplo de personalizaci\u00f3n simple, digamos que quieres establecer un color de fondo personalizado. No necesitas construir un child theme para eso. Solo necesitas incluir dos declaraciones CSS en el editor de c\u00f3digo del <a href=\"https:\/\/kinqsta.com\/es\/blog\/editar-codigo-wordpress\/#css\">panel de <strong>CSS adicional<\/strong><\/a>:<\/p>\n<pre><code class=\"language-css\">:root {\n\t--global--color-beige: #e6d7c1;\n}\n\nbody {\n\tbackground-color: var(--global--color-beige);\n}<\/code><\/pre>\n<figure id=\"attachment_83722\" aria-describedby=\"caption-attachment-83722\" style=\"width: 1682px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83722 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/additional-css.jpg\" alt=\"CSS personalizado\" width=\"1682\" height=\"786\"><figcaption id=\"caption-attachment-83722\" class=\"wp-caption-text\">CSS personalizado en Personalizaci\u00f3n de Twenty Twenty-One<\/figcaption><\/figure>\n<p>Las propiedades personalizadas de CSS son seguras de usar, ya que son soportadas por todos los principales navegadores, como se muestra en la siguiente imagen de <a href=\"https:\/\/caniuse.com\/css-variables\">Can I Use<\/a>:<\/p>\n<figure id=\"attachment_83724\" aria-describedby=\"caption-attachment-83724\" style=\"width: 1326px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83724 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/caniuse-css-custom-properties.jpg\" alt=\"Las propiedades personalizadas de CSS son soportadas por la mayor\u00eda de los navegadores web modernos\" width=\"1326\" height=\"610\"><figcaption id=\"caption-attachment-83724\" class=\"wp-caption-text\">Las propiedades personalizadas de CSS son soportadas por la mayor\u00eda de los navegadores web modernos<\/figcaption><\/figure>\n<p>Si quieres profundizar en las propiedades personalizadas de CSS, revisa la <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Using_CSS_custom_properties\">documentaci\u00f3n de MDN<\/a>.<\/p>\n<h2>Patrones de Bloques de Twenty Twenty-One<\/h2>\n<p>Twenty Twenty-One ofrece varios patrones para el Editor de Bloques. En un post <a href=\"https:\/\/kinqsta.com\/es\/blog\/wordpress-5-5\/#block-patterns\">anterior del blog<\/a>, definimos los patrones de bloque como <strong>disposiciones de bloque predefinidas que permiten a los usuarios a\u00f1adir r\u00e1pidamente estructuras complejas de bloques anidados a sus p\u00e1ginas<\/strong>.<\/p>\n<p>WordPress 5.5 introdujo un pu\u00f1ado de patrones de bloque y muchos m\u00e1s deber\u00edan venir con WordPress 5.6. Adem\u00e1s, Twenty Twenty-One viene con su propio conjunto de patrones de bloque.<\/p>\n<p>En Twenty Twenty-One, los patrones de bloque se definen en el archivo <em>inc\/block-patterns.php. <\/em><a href=\"https:\/\/github.com\/WordPress\/twentytwentyone\/issues\/50\">Twenty Twenty-One patrones<\/a> var\u00edan desde patrones simples como el patr\u00f3n de <em>Texto Grande<\/em>, que contiene un solo elemento H2, hasta patrones m\u00e1s complejos, como <em>Im\u00e1genes y Texto Superpuestos y Medios y T\u00edtulo de Art\u00edculo de Texto<\/em>.<\/p>\n<figure id=\"attachment_83744\" aria-describedby=\"caption-attachment-83744\" style=\"width: 580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83744 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/twenty-twenty-one-media-and-text-block-pattern.jpg\" alt=\"Patr\u00f3n de bloqueo del t\u00edtulo de los medios y del art\u00edculo de texto en el Twenty Twenty-One\" width=\"580\" height=\"306\"><figcaption id=\"caption-attachment-83744\" class=\"wp-caption-text\">Patr\u00f3n de bloque del t\u00edtulo de los medios y del art\u00edculo de texto en el Twenty Twenty-One<\/figcaption><\/figure>\n<p>Actualmente, el tema proporciona los siguientes patrones:<\/p>\n<ul>\n<li><strong>Texto grande<\/strong><\/li>\n<li><strong>\u00c1rea de enlaces<\/strong>: Un texto enorme seguido de redes sociales y enlaces a direcciones de correo electr\u00f3nico.<\/li>\n<li><strong>T\u00edtulo multimedia y texto<\/strong>: Un bloque Multimedia y Texto con una gran imagen a la izquierda y un encabezado a la derecha. El encabezado va seguido de un separador y un p\u00e1rrafo de descripci\u00f3n.<\/li>\n<li><strong>Im\u00e1genes superpuestas<\/strong>: Tres im\u00e1genes dentro de un bloque de columnas superpuestas.<\/li>\n<li><strong>Dos im\u00e1genes de muestra<\/strong>: Un bloque de <a href=\"https:\/\/kinqsta.com\/es\/blog\/biblioteca-multimedia-wordpress\/\">Multimedia<\/a> y Texto con una imagen grande a la izquierda y otra m\u00e1s peque\u00f1a con un marco bordeado a la derecha.<\/li>\n<li><strong>Im\u00e1genes y texto superpuestos<\/strong>: Un bloque de columnas superpuestas con dos im\u00e1genes y una descripci\u00f3n de texto.<\/li>\n<li><strong>Lista de la cartera<\/strong>: Una lista de proyectos con im\u00e1genes en miniatura.<\/li>\n<li><strong>Informaci\u00f3n de contacto<\/strong>: Un bloque con 3 columnas que muestra informaci\u00f3n de contacto y enlaces a medios sociales.<\/li>\n<\/ul>\n<figure id=\"attachment_83745\" aria-describedby=\"caption-attachment-83745\" style=\"width: 792px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83745 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/twenty-twenty-one-overlapping-images-block-pattern.jpg\" alt=\"Las im\u00e1genes superpuestas bloquean el patr\u00f3n en el Twenty Twenty-One\" width=\"792\" height=\"1028\"><figcaption id=\"caption-attachment-83745\" class=\"wp-caption-text\">Las im\u00e1genes superpuestas del patr\u00f3n de bloque en el Twenty Twenty-One<\/figcaption><\/figure>\n<p>La disponibilidad de tantos patrones de bloques es genial tanto para los usuarios como para los desarrolladores. Los usuarios podr\u00e1n a\u00f1adir r\u00e1pida y f\u00e1cilmente bloques complejos de c\u00f3digo a sus publicaciones y p\u00e1ginas, los desarrolladores pueden utilizar esos patrones como plantillas \u00fatiles sobre las que construir cuando codifiquen los suyos.<\/p>\n<h2>El Experimento de Twenty Twenty-One Blocks<\/h2>\n<p>Twenty Twenty-One Blocks es una versi\u00f3n experimental del tema Twenty Twenty-One. Su prop\u00f3sito es compartir y mantener a todos actualizados sobre lo que est\u00e1 pasando en el experimento de edici\u00f3n del sitio completo, dando a todos la oportunidad de sumergirse en las nuevas caracter\u00edsticas del FSE antes de que formen parte del n\u00facleo de WordPress.<\/p>\n<p>Es <a href=\"https:\/\/make.wordpress.org\/themes\/2020\/10\/07\/block-based-themes-and-wordpress-5-6\/\">poco probable que veamos<\/a> esta versi\u00f3n experimental fusionada en el n\u00facleo con WordPress 5.6. <a href=\"https:\/\/make.wordpress.org\/themes\/2020\/10\/23\/developing-the-full-site-editing-version-of-twenty-twenty-one\/\">Seg\u00fan Carolina Nymark<\/a>,<\/p>\n<blockquote><p>El tema necesitar\u00e1 que Gutenberg y el experimento de la edici\u00f3n completa del sitio est\u00e9n activados. No ser\u00e1 parte del n\u00facleo, pero una vez completado estar\u00e1 disponible en el directorio del tema.<\/p><\/blockquote>\n<p>En el momento de escribir esto, <strong>Twenty Twenty-One Blocks requieren el plugin de Gutenberg<\/strong>. Una vez instalado y activado tanto el tema como el plugin, un elemento del men\u00fa del Editor de Sitio aparece en el men\u00fa de administraci\u00f3n de WordPress (ya no es necesario activar el experimento de Edici\u00f3n Completa del Sitio).<\/p>\n<figure id=\"attachment_83740\" aria-describedby=\"caption-attachment-83740\" style=\"width: 519px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83740 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/site-editor-menu-item.jpg\" alt=\"El elemento de men\u00fa del Editor del Sitio en el experimento de Twenty Twenty-One Bloques\" width=\"519\" height=\"438\"><figcaption id=\"caption-attachment-83740\" class=\"wp-caption-text\">El elemento de men\u00fa del Editor del Sitio en el experimento de Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Ahora, haz clic en el nuevo elemento de men\u00fa <strong>Editor de sitios <\/strong>para abrir la interfaz de edici\u00f3n de todo el sitio y empezar a editar cualquier elemento de la p\u00e1gina utilizando el editor de bloques.<\/p>\n<figure id=\"attachment_83736\" aria-describedby=\"caption-attachment-83736\" style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83736 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/full-site-editing.jpg\" alt=\"Edici\u00f3n completa del sitio en Twenty Twenty-One bloques\" width=\"2260\" height=\"1278\"><figcaption id=\"caption-attachment-83736\" class=\"wp-caption-text\">Edici\u00f3n completa del sitio de\u00a0Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Aqu\u00ed no nos vamos a sumergir en las cosas t\u00e9cnicas. Basta con decir que los temas cl\u00e1sicos y los basados en bloques son estructuralmente diferentes.<\/p>\n<p>La imagen de abajo muestra el contenido de la carpeta de Twenty Twenty-One Blocks:<\/p>\n<figure id=\"attachment_83747\" aria-describedby=\"caption-attachment-83747\" style=\"width: 1266px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83747 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/twentytwentyone-blocks.jpg\" alt=\"La carpeta de los Bloques Twenty Twenty-One\" width=\"1266\" height=\"700\"><figcaption id=\"caption-attachment-83747\" class=\"wp-caption-text\">La carpeta de Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Notar\u00e1s el archivo <em>experimental-tema.json <\/em>y las <em>carpetas de<\/em> <em>plantillas <\/em>y <em>partes de<\/em> <em>plantillas de bloques<\/em>.<\/p>\n<p>La principal diferencia entre los temas tradicionales de WordPress y los temas basados en bloques es que los temas basados en bloques incluyen plantillas que est\u00e1n enteramente compuestas de bloques.<\/p>\n<p>Por ejemplo, abre <em>block-template-parts\/header.html <\/em>en tu <a href=\"https:\/\/kinqsta.com\/es\/blog\/editores-html-gratuitos\/\">editor de c\u00f3digo<\/a>. Deber\u00edas ver el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:spacer {\"height\":70} --&gt;\n&lt;div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;\n\n&lt;!-- wp:columns {\"align\":\"wide\"} --&gt;\n&lt;div class=\"wp-block-columns alignwide\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:site-title \/--&gt;\n\n&lt;!-- wp:site-tagline \/--&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:navigation {\"orientation\":\"horizontal\",\"itemsJustification\":\"right\"} --&gt;\n&lt;!-- wp:navigation-link {\"label\":\"Home\",\"url\":\"#\"} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"Blog\",\"url\":\"#\"} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"Work\",\"url\":\"#\"} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"Contact\",\"url\":\"#\"} \/--&gt;\n&lt;!-- \/wp:navigation --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;\n\n&lt;!-- wp:spacer {\"height\":70} --&gt;\n&lt;div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"&gt;&lt;\/div&gt;\n&lt;!-- \/wp:spacer --&gt;<\/code><\/pre>\n<p>Como puedes ver, el cl\u00e1sico <a href=\"https:\/\/kinqsta.com\/es\/blog\/agregar-codigo\/\">archivo de plantilla header<em>.php<\/em><\/a> ha sido reemplazado por un archivo <em>.html <\/em>que contiene varios bloques.<\/p>\n<p>Puedes coger la versi\u00f3n en progreso del <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\">tema<\/a> de Twenty Twenty-One blocks del proyecto de experimentos sobre Github.<\/p>\n<p>Si eres un desarrollador de temas, la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/master\/docs\/designers-developers\/developers\/themes\/block-based-themes.md\">documentaci\u00f3n oficial<\/a> proporciona todo lo que necesitas saber sobre los temas basados en bloques.<\/p>\n<p>Si te gustar\u00eda contribuir al experimento de edici\u00f3n del sitio completo, env\u00eda tus comentarios <a href=\"https:\/\/make.wordpress.org\/test\/handbook\/full-site-editing-outreach-experiment\/\">aqu\u00ed<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty-One Blocks es un tema experimental y no debe ser usado en la producci\u00f3n! Juega con \u00e9l en un <a href=\"https:\/\/kinqsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\">ambiente staging<\/a>.<\/p>\n<\/aside>\n\n<h2>C\u00f3mo Crear un Tema Hijo en el Twenty Twenty-One<\/h2>\n<p>Los temas por defecto de WordPress son un buen punto de partida para aprender los fundamentos del <a href=\"https:\/\/kinqsta.com\/es\/blog\/salario-desarrollador-wordpress\/\">desarrollo de los temas<\/a> y comenzar a construir <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/\">temas hijo<\/a>\u00a0personalizados.<\/p>\n<p>Los temas predeterminados siguen las directrices de las <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/best-practices\/coding-standards\/\">normas de codificaci\u00f3n oficiales de WordPress<\/a> y cumplen con los <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_standards\">est\u00e1ndares de la web<\/a>.<\/p>\n<p>\u00bfHay alg\u00fan lugar mejor para <a href=\"https:\/\/kinqsta.com\/es\/blog\/lenguajes-script\/\">aprender a codificar<\/a>?<\/p>\n<p>Los child themes son una gran funcionalidad de WordPress que te permite personalizar el dise\u00f1o, las funcionalidades y la estructura de tus p\u00e1ginas. Con los siguientes ejemplos, nos sumergiremos en cada aspecto de la personalizaci\u00f3n de los temas.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Crea Tu Tema Hijo<\/h3>\n<p>Crear un tema hijo de WordPress es un proceso de 3 pasos:<\/p>\n<h4>1. Crea la Carpeta de Temas Hijo<\/h4>\n<p>Crea una nueva carpeta en <em>wp-content\/themes <\/em>y ponle el nombre que quieras. Pero recuerda que debe ser un nombre \u00fanico. <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#1-create-a-child-theme-folder\">El manual The Child Themes<\/a> recomienda usar el mismo nombre que el tema principal, con <strong>-child <\/strong>adjunto al final.<\/p>\n<p>As\u00ed que podr\u00edamos nombrar la nueva carpeta como <strong>\u00abtwentytwentytone-child\u00bb<\/strong>.<\/p>\n<h4>2. Crea un Archivo style.css<\/h4>\n<p>Ahora dir\u00edgete al directorio de temas hijos y crea un nuevo archivo <em>style.css <\/em>que incluya el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">\/*\nTheme Name: My Twenty Twenty One Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty One.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwentyone\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/\n<\/code><\/pre>\n<p>La informaci\u00f3n del encabezado permite que WordPress maneje adecuadamente tu tema hijo.<\/p>\n<ul>\n<li>Nombre del tema: El nombre \u00fanico del tema.<\/li>\n<li>Tema URI: Donde los usuarios pueden encontrar el c\u00f3digo o la documentaci\u00f3n del tema.<\/li>\n<li>Descripci\u00f3n: Texto descriptivo para ayudar a los usuarios a entender lo que hace el tema.<\/li>\n<li>Autor: Tu nombre<\/li>\n<li>Autor URI: El sitio web del autor.<\/li>\n<li>Plantilla: La carpeta donde se almacena el tema principal. Utiliza el nombre de la carpeta y no el nombre del tema. Sin esta l\u00ednea, el tema no funcionar\u00e1 como un tema hijo.<\/li>\n<li>Versi\u00f3n: El n\u00famero de versi\u00f3n<\/li>\n<li>Licencia: La licencia, que <a href=\"https:\/\/developer.wordpress.org\/themes\/getting-started\/wordpress-licensing-the-gpl\/\">debe ser GNU<\/a>.<\/li>\n<li>Licencia URI: El enlace a la informaci\u00f3n sobre la licencia.<\/li>\n<\/ul>\n<p>Debajo de ese texto, puedes a\u00f1adir tus bloques de declaraciones CSS, como te mostrar\u00e9 en un momento.<\/p>\n<h4>3. Crea un Archivo functions.php<\/h4>\n<p>Con Twenty Twenty-One, tambi\u00e9n necesitar\u00e1s un archivo <em>functions.php. <\/em>As\u00ed que, crea el tuyo en el directorio del tema hijo, \u00e1brelo en tu editor de c\u00f3digo, y a\u00f1ade el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/\n   \nfunction twentytwentyone_styles() {\n\twp_enqueue_style( 'child-style', get_stylesheet_uri(),\n\tarray( 'twenty-twenty-one-style' ), wp_get_theme()-&gt;get('Version') );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwentyone_styles');<\/code><\/pre>\n<p>Como el tema Twenty Twenty-One utiliza <code>get_template_directory()<\/code> para cargar tu hoja de estilos, necesitas poner en cola la hoja de estilos del tema hijo utilizando la acci\u00f3n <code>wp_enqueue_scripts<\/code>.<\/p>\n<p>Despu\u00e9s de eso, guarda tus archivos, abre tu panel de control WordPress, navega a <strong>Apariencia -&gt; Temas<\/strong>, y activa el tema hijo de tu Twenty Twenty-One.<\/p>\n<p>A\u00f1adamos ahora nuestras personalizaciones.<\/p>\n<h3>C\u00f3mo A\u00f1adir Estilos Personalizados<\/h3>\n<p>Cuando se trata de personalizar el dise\u00f1o de tu sitio web de WordPress, tienes varias opciones para <a href=\"https:\/\/kinqsta.com\/es\/blog\/css-wordpress\/\">a\u00f1adir tu c\u00f3digo CSS personalizado<\/a>. El panel de <strong>CSS adicional <\/strong>del personalizaci\u00f3n podr\u00eda ser suficiente para peque\u00f1os cambios.<\/p>\n<p>Pero un tema hijo ser\u00eda una mejor opci\u00f3n si tienes que hacer personalizaciones avanzadas, o si necesitas exportar tu c\u00f3digo a diferentes sitios web de WordPress.<\/p>\n<p>Vamos a intentarlo con una simple personalizaci\u00f3n: cambiar la pila de fuentes por defecto.<\/p>\n<p>Digamos que quieres cargar una pila de fuentes diferente, o simplemente <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-modernas\/\">a\u00f1adir tu fuente favorita<\/a> a las familias de fuentes predeterminadas Twenty Twenty-One.<\/p>\n<p>\u00bfC\u00f3mo lo haces?<\/p>\n<p>Aqu\u00ed te mostrar\u00e9 c\u00f3mo cambiar la fuente por defecto para los encabezados H1, pero puedes cambiar la familia de fuentes para cualquier elemento de texto de tu sitio web.<\/p>\n<p>Primero, abre el archivo <em>style.css <\/em>de Thenty Twenty-One y encuentra el siguiente bloque de CSS:<\/p>\n<pre><code class=\"language-css\">h1,\n.h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n\tclear: both;\n\tfont-family: var(--heading--font-family);\n\tfont-weight: var(--heading--font-weight);\n}<\/code><\/pre>\n<p>Como puedes ver, la familia de fuentes para las cabeceras se establece en la variable <code>--heading--font-family<\/code>.<\/p>\n<p>Ahora ve al bloque <code>:root{}<\/code> y encuentra la siguiente declaraci\u00f3n:<\/p>\n<pre><code class=\"language-css\">--heading--font-family: var(--global--font-primary);<\/code><\/pre>\n<p><code>--heading--font-family<\/code> depende de la variable <code>--global--font-primary<\/code>, que se define en la parte superior del bloque <code>:root{}<\/code>:<\/p>\n<pre><code class=\"language-css\">:root{\n\t\/* Font Family *\/\n\t--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif);\n\t...\n}<\/code><\/pre>\n<p>\u00a1Ahora ya sabemos qu\u00e9 hay que cambiar!<\/p>\n<p>Copia la declaraci\u00f3n <code>--global--font-primary<\/code> de la hoja de estilos principal y p\u00e9gala en el <em>style.css <\/em>de tu hijo. Luego, cambia el nombre y el valor de la propiedad como se muestra a continuaci\u00f3n:<\/p>\n<pre><code class=\"language-css\">:root{\n\t\/* Font Family *\/\n\t--global--font-primary-child: var(--font-headings, Ubuntu, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Cantarell, \"Helvetica Neue\", sans-serif);\n\n\t--global--font-family-child: var(--global--font-primary-child);\n}<\/code><\/pre>\n<p>Una vez que hayas declarado tu pila de fuentes personalizadas, puedes usarla donde quieras en tu hoja de estilo. T\u00edtulos H1 en nuestro ejemplo:<\/p>\n<pre><code class=\"language-css\">h1,\n.h1 {\n\tfont-family: var(--global--font-family-child);\n}<\/code><\/pre>\n<p>Guarda el <em>style.css de t<\/em>u hijo y recarga la p\u00e1gina. Deber\u00edas ver Ubuntu como la nueva familia de fuentes por defecto para las cabeceras de tu p\u00e1gina.<\/p>\n<figure id=\"attachment_83729\" aria-describedby=\"caption-attachment-83729\" style=\"width: 2612px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83729 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/custom-font-family.png\" alt=\"Familia de fuentes predeterminada vs. familia de fuentes personalizadas en Twenty Twenty-One\" width=\"2612\" height=\"1576\"><figcaption id=\"caption-attachment-83729\" class=\"wp-caption-text\">Familia de fuentes predeterminada vs. familia de fuentes personalizadas en Twenty Twenty-One<\/figcaption><\/figure>\n<p>Ahora que ya sabes c\u00f3mo personalizar el estilo del Twenty Twenty-One con un tema hijo, podemos explorar caracter\u00edsticas m\u00e1s avanzadas.<\/p>\n<h3>C\u00f3mo A\u00f1adir Nuevos Patrones de Bloques<\/h3>\n<p>En este ejemplo, construiremos un patr\u00f3n de bloque personalizado que incluye un bloque de dos columnas con una imagen redondeada a la izquierda, una cabecera H4 y un p\u00e1rrafo a la derecha.<\/p>\n<p>Puedes construir tu patr\u00f3n directamente en el Editor de Bloques o <a href=\"https:\/\/kinqsta.com\/es\/blog\/editar-codigo-wordpress\/\">personalizando el c\u00f3digo<\/a> de un patr\u00f3n de bloques existente.<\/p>\n<p>Si eliges construir tu patr\u00f3n en el Editor de Bloques, solo tienes que a\u00f1adir los bloques necesarios a un post o borrador de p\u00e1gina, y luego cambiar al Editor de C\u00f3digo y copiar el c\u00f3digo correspondiente.<\/p>\n<figure id=\"attachment_83725\" aria-describedby=\"caption-attachment-83725\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83725 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/code-editor-2.png\" alt=\"Un bloque de dos columnas en el editor de c\u00f3digo\" width=\"1058\" height=\"528\"><figcaption id=\"caption-attachment-83725\" class=\"wp-caption-text\">Un bloque de dos columnas en el editor de c\u00f3digo<\/figcaption><\/figure>\n<p>Ahora podemos registrar nuestro patr\u00f3n en el archivo <em>functions.php <\/em>del tema hijo:<\/p>\n<pre><code class=\"language-php\">add_action( 'init', function(){\n\n\tregister_block_pattern_category( \n\t\t'custom-patterns', \n\t\tarray( 'label' =&gt; esc_html__( 'Custom patterns', 'twentytwentyone-child' ) ) );\n\n\tregister_block_pattern(\n\t'twentytwentyone-child\/custom-bio-pattern',\n\tarray(\n\t\t'title'\t\t\t=&gt; __( 'Author Bio', 'twentytwentyone-child' ),\n\t\t'description'\t=&gt; _x( 'A block with 2 columns that displays an avatar image, a heading and a paragraph.', 'Block pattern description', 'twentytwentyone-child' ),\n\t\t'content'\t\t=&gt; '&lt;!-- wp:columns {\"verticalAlignment\":null} --&gt; &lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"33.33%\"} --&gt; &lt;div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:33.33%\"&gt;&lt;!-- wp:image {\"id\":29,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"is-style-rounded\"} --&gt; &lt;figure class=\"wp-block-image size-large is-style-rounded\"&gt;&lt;img src=\"' . esc_url( get_stylesheet_directory_uri() ) . '\/assets\/images\/Kinsta-logo.png\" alt=\"Kinsta\" \/&gt;&lt;\/figure&gt; &lt;!-- \/wp:image --&gt;&lt;\/div&gt; &lt;!-- \/wp:column --&gt; &lt;!-- wp:column {\"width\":\"66.66%\"} --&gt; &lt;div class=\"wp-block-column\" style=\"flex-basis:66.66%\"&gt;&lt;!-- wp:heading {\"level\":4} --&gt; &lt;h4&gt;About Kinsta&lt;\/h4&gt; &lt;!-- \/wp:heading --&gt; &lt;!-- wp:paragraph --&gt; &lt;p&gt;Kinsta was founded in 2013 with a desire to change the status quo. We set out to create the best hosting platform in the world, and that\u2019s our promise. We don\u2019t settle and are here to stay.&lt;\/p&gt; &lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt; &lt;!-- \/wp:column --&gt;&lt;\/div&gt; &lt;!-- \/wp:columns --&gt;',\n\t\t'categories'\t=&gt; array( 'custom-patterns' ),\n\t)\n\t);\n});<\/code><\/pre>\n<p>El c\u00f3digo de arriba registra la categor\u00eda de <strong>patrones personalizados <\/strong>y el patr\u00f3n de <strong>Bio del autor<\/strong>.<\/p>\n<p>F\u00edjate en el c\u00f3digo que usamos para construir el elemento <code>img<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;img src=\"' . esc_url( get_stylesheet_directory_uri() ) . '\/assets\/images\/Kinsta-logo.png\" alt=\"Kinsta\" \/&gt;<\/code><\/pre>\n<p>La <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_stylesheet_directory_uri\/\">funci\u00f3n<\/a> <code>get_stylesheet_directory_uri()<\/code> proporciona la URI del directorio del tema hijo (la imagen se a\u00f1adi\u00f3 previamente a la carpeta de <em>activos <\/em>del tema hijo).<\/p>\n<p>Guarda tus cambios y crea una nueva entrada o p\u00e1gina.<\/p>\n<p>Ahora deber\u00edas encontrar el nuevo patr\u00f3n en el insertador de bloques.<\/p>\n<figure id=\"attachment_83730\" aria-describedby=\"caption-attachment-83730\" style=\"width: 2306px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83730 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/11\/custom-pattern.jpg\" alt=\"Un patr\u00f3n de bloque personalizado a\u00f1adido al Twenty Twenty-One\" width=\"2306\" height=\"908\"><figcaption id=\"caption-attachment-83730\" class=\"wp-caption-text\">Un patr\u00f3n de bloque personalizado a\u00f1adido al Twenty Twenty-One<\/figcaption><\/figure>\n<h3>Personalizaci\u00f3n de un Archivo de Plantilla<\/h3>\n<p>Si quieres crear un nuevo archivo de plantilla para un archivo espec\u00edfico, o un solo post\/p\u00e1gina, necesitar\u00e1s crear una nueva plantilla <em>.php <\/em>de acuerdo con la <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/#how-wordpress-chooses-template-files\">Jerarqu\u00eda de Plantillas<\/a> de WordPress.<\/p>\n<p>Pero si solo quieres editar una plantilla existente (o una parte de la plantilla), solo tienes que copiar la plantilla original del tema principal y pegarla en la posici\u00f3n correspondiente del tema hijo (lee m\u00e1s sobre este tema en nuestra <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/#the-files-in-a-wordpress-child-theme\">gu\u00eda ampliada de temas hijo<\/a>).<\/p>\n<p>Digamos que quieres personalizar el texto de \u00abProudly powered by WordPress\u00bb. Tienes varias opciones para <a href=\"https:\/\/kinqsta.com\/es\/blog\/remover-powered-by-wordpress\/\">eliminar o personalizar esa l\u00ednea<\/a>. Para nuestro ejemplo, cambi\u00e9mosla manualmente.<\/p>\n<p>Para ello, copia el archivo de plantilla <em>footer.php <\/em>de la carpeta principal y p\u00e9galo en la ra\u00edz del tema hijo. Cuando termines, abre el <code>footer.php<\/code> del tema hijo en tu editor de c\u00f3digo y encuentra el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"powered-by\"&gt;\n\t&lt;?php\n\tprintf(\n\t\t\/* translators: %s: WordPress. *\/\n\t\tesc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),\n\t\t'&lt;a href=\"' . esc_attr__( 'https:\/\/wordpress.org\/', 'twentytwentyone' ) . '\"&gt;WordPress&lt;\/a&gt;'\n\t);\n\t?&gt;\n&lt;\/div&gt;&lt;!-- .powered-by --&gt;<\/code><\/pre>\n<p>Ahora, puedes hacer tus cambios. Digamos que quieres dar cr\u00e9ditos a tu web host, solo tienes que reemplazar el elemento <code>a<\/code> como se muestra a continuaci\u00f3n:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"powered-by\"&gt;\n\t&lt;?php\n\tprintf(\n\t\tesc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),\n\t\t'&lt;a href=\"https:\/\/kinqsta.com\/\"&gt;Kinsta&lt;\/a&gt;'\n\t);\n\t?&gt;\n&lt;\/div&gt;&lt;!-- .powered-by --&gt;<\/code><\/pre>\n<p>Para eliminar ese texto, simplemente elimina el elemento <code>div.powered-by<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;!-- &lt;div class=\"powered-by\"&gt;\n\t&lt;?php\n\tprintf(\n\t\t\/* translators: %s: WordPress. *\/\n\t\tesc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),\n\t\t'&lt;a href=\"' . esc_attr__( 'https:\/\/wordpress.org\/', 'twentytwentyone' ) . '\"&gt;WordPress&lt;\/a&gt;'\n\t);\n\t?&gt;\n&lt;\/div&gt; --&gt;<\/code><\/pre>\n<p>Y eso es todo. Ahora, pasando de los simples ejemplos anteriores, puedes hacer personalizaciones m\u00e1s emocionantes y llevar tu sitio web potenciado con el tema Twenty Twenty-One al siguiente nivel.<\/p>\n\n<h2>Resumen<\/h2>\n<p>El tema Twenty Twenty-One es el tercer intento de permitir que personas sin conocimientos t\u00e9cnicos avanzados construyan sitios web. Es un tema minimalista, de buen rendimiento y accesible para WordPress que tambi\u00e9n se ajusta a una amplia gama de casos de uso. Los sitios de WordPress que utilizan el tema Twenty Twenty-One tienen todo tipo de formas y tama\u00f1os. Para saber si un tema utiliza Twenty Twenty-One, comprueba nuestra pr\u00e1ctica <a href=\"https:\/\/kinqsta.com\/es\/herramientas\/wordpress-detector-temas\/\">herramienta de detecci\u00f3n de temas de WordPress<\/a>.<\/p>\n<p>Dise\u00f1ado con el editor de bloques en mente, el nuevo tema predeterminado es f\u00e1cil de personalizar tanto para los usuarios como para los desarrolladores.<\/p>\n<p>Ahora te toca a ti: \u00bfYa has instalado el tema Twenty Twenty-One? \u00bfCu\u00e1l es tu experiencia con \u00e9l? \u00a1Comparte tus pensamientos en la secci\u00f3n de comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty-One es el nuevo tema por defecto de WordPress que viene con WordPress 5.6. Si est\u00e1s esperando un tema de WordPress completo, puede que te &#8230;<\/p>\n","protected":false},"author":36,"featured_media":37804,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[172,555],"topic":[1355],"class_list":["post-37795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress","tag-wordpresstheme","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>Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress<\/title>\n<meta name=\"description\" content=\"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda 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:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress\" \/>\n<meta property=\"og:description\" content=\"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\" \/>\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=\"2020-11-17T09:10:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T12:19:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\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=\"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\" \/>\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=\"29 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress\",\"datePublished\":\"2020-11-17T09:10:59+00:00\",\"dateModified\":\"2025-02-14T12:19:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\"},\"wordCount\":5151,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\",\"keywords\":[\"WordPress\",\"wordpresstheme\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\",\"url\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\",\"name\":\"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\",\"datePublished\":\"2020-11-17T09:10:59+00:00\",\"dateModified\":\"2025-02-14T12:19:46+00:00\",\"description\":\"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg\",\"width\":768,\"height\":384,\"caption\":\"twenty twenty-one tema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/es\/#website\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress","description":"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda 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:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/","og_locale":"es_ES","og_type":"article","og_title":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress","og_description":"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.","og_url":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2020-11-17T09:10:59+00:00","article_modified_time":"2025-02-14T12:19:46+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.","twitter_image":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"29 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress","datePublished":"2020-11-17T09:10:59+00:00","dateModified":"2025-02-14T12:19:46+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/"},"wordCount":5151,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","keywords":["WordPress","wordpresstheme"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/","url":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/","name":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","datePublished":"2020-11-17T09:10:59+00:00","dateModified":"2025-02-14T12:19:46+00:00","description":"El tema Twenty Twenty-One es el tema por defecto que se introduce con WordPress 5.6. Echa un vistazo a todas sus caracter\u00edsticas principales en esta gu\u00eda en profundidad.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#primaryimage","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/11\/twenty-twenty-one-tema.jpg","width":768,"height":384,"caption":"twenty twenty-one tema"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/es\/blog\/twenty-twenty-one-tema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Twenty Twenty-One: Una Inmersi\u00f3n Profunda en el Nuevo Tema por Defecto de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/es\/#website","url":"https:\/\/kinqsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/37795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/comments?post=37795"}],"version-history":[{"count":15,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/37795\/revisions"}],"predecessor-version":[{"id":60051,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/37795\/revisions\/60051"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/translations\/se"},{"href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/37795\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media\/37804"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media?parent=37795"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/tags?post=37795"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/topic?post=37795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}