{"id":57750,"date":"2022-10-04T12:17:28","date_gmt":"2022-10-04T10:17:28","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=57750&preview=true&preview_id=57750"},"modified":"2023-08-23T11:04:22","modified_gmt":"2023-08-23T09:04:22","slug":"tema-twenty-twenty-three","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-three\/","title":{"rendered":"Twenty Twenty-Three: Un Nuevo Tema por Defecto de WordPress Creado por la Comunidad"},"content":{"rendered":"

Twenty Twenty-Three es el nuevo tema por defecto de WordPress que se lanza con WordPress 6.1<\/a>.<\/p>\n

Se trata de un tema minimalista<\/a> sin im\u00e1genes ni funcionalidades adicionales. Da lo mejor de s\u00ed mismo como tema de inicio para crear plantillas y variaciones de estilo y tambi\u00e9n para probar todas las caracter\u00edsticas introducidas con las \u00faltimas versiones de WordPress. El tema podr\u00eda verse como un entorno real de desarrollo y pruebas, aunque el estilo minimalista, la capacidad de respuesta y la ligereza lo convierten en una buena opci\u00f3n para crear blogs y sitios web adecuados para una amplia variedad de prop\u00f3sitos.<\/p>\n

En su introducci\u00f3n al tema Twenty Twenty-Two<\/a>, Kjell Reigstad escribi\u00f3 sobre el futuro de los temas por defecto<\/a>:<\/p>\n

Las innovaciones como theme.json, las plantillas de bloques y los patrones de bloques est\u00e1n haciendo que el desarrollo de temas sea mucho m\u00e1s sencillo, y est\u00e1n proporcionando nuevas formas para que los usuarios personalicen sus sitios. Hay razones para creer que la comunidad puede aprovechar todo esto para crear soluciones de personalizaci\u00f3n y temas m\u00e1s frecuentes y diversos para nuestros usuarios en los pr\u00f3ximos a\u00f1os.<\/p><\/blockquote>\n

Y Channing Ritter hizo la siguiente propuesta<\/a>:<\/p>\n

\u00bfQu\u00e9 pasar\u00eda si, en lugar de hacer hincapi\u00e9 en el tema en s\u00ed, destac\u00e1ramos un conjunto de variaciones de estilo dise\u00f1adas por los miembros de la comunidad? Podr\u00edamos utilizar Twenty Twenty-Two como base para un nuevo tema despojado y m\u00ednimo, un lienzo en blanco para dejar que brille una gama diversa de variaciones de estilo.<\/p><\/blockquote>\n

Y eso es lo que est\u00e1 ocurriendo con el nuevo tema por defecto Twenty Twenty-Three. La comunidad ha sido llamada a participar activamente en el dise\u00f1o del tema por defecto de WordPress, y eso nos gusta porque hace que el nuevo tema sea el resultado de un trabajo realmente participativo.<\/p>\n

\"Vista
Vista previa de Twenty Twenty-Three<\/figcaption><\/figure>\n\n

Pero antes de descubrir las variaciones de estilo que vienen con el nuevo tema por defecto de WordPress, vamos a conocer las caracter\u00edsticas b\u00e1sicas de Twenty Twenty-Three y para qu\u00e9 puede servir.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Dise\u00f1os y Estilos de P\u00e1gina<\/h2>\n

Como se ha mencionado anteriormente, Twenty Twenty-Three es una versi\u00f3n reducida de Twenty Twenty-Two. Lo que llama la atenci\u00f3n del nuevo tema por defecto es su sencillez y ligereza. Twenty Twenty-Three es flexible y se adapta perfectamente a las \u00faltimas funciones de edici\u00f3n de sitios de Gutenberg, como la edici\u00f3n de plantillas, las variaciones de Estilos Globales<\/a>, la Tipograf\u00eda Fluida<\/a> y los patrones de bloques<\/a>.<\/p>\n

Por lo tanto, no te sorprender\u00e1 que en las capturas de pantalla que se muestran en este art\u00edculo, veas p\u00e1ginas m\u00ednimas sin ning\u00fan tipo de campanas y silbatos, pero perfectamente adecuadas para la personalizaci\u00f3n y las pruebas.<\/p>\n

Para darte un ejemplo de ello, la siguiente imagen muestra p\u00e1ginas de una sola entrada con y sin im\u00e1genes destacadas.<\/p>\n

\"Vista
Vista previa de una entrada con y sin imagen destacada en Twenty Twenty-Three<\/figcaption><\/figure>\n

La siguiente imagen compara la p\u00e1gina de inicio con una p\u00e1gina de archivo.<\/p>\n

\"P\u00e1gina
P\u00e1gina de inicio comparada con la p\u00e1gina de archivo en Twenty Twenty-Three<\/figcaption><\/figure>\n

Aunque el nuevo tema es una versi\u00f3n simplificada de Twenty Twenty-Two, en comparaci\u00f3n con el anterior tema por defecto, Twenty Twenty-Three presenta algunas diferencias clave.<\/p>\n

En primer lugar, se ha reducido el tama\u00f1o de los encabezados y se ha sustituido la fuente serif por defecto por una fuente sans serif del sistema.<\/p>\n

\"Tama\u00f1os
Tama\u00f1os de los encabezados en Twenty Twenty-Three<\/figcaption><\/figure>\n

Tambi\u00e9n se ha aplicado una paleta de colores diferente. Puedes ver la nueva definici\u00f3n de la paleta de Twenty Twenty-Three en el siguiente c\u00f3digo del theme.json<\/em>:<\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Colores
Colores por defecto de Twenty Twenty-Three<\/figcaption><\/figure>\n
Pero la principal caracter\u00edstica del nuevo tema por defecto es su conjunto de variaciones de estilo. Twenty Twenty-Three viene con diez variaciones de estilo globales, cada una de las cuales muestra una combinaci\u00f3n diferente de colores, familia de fuentes y tama\u00f1os de fuente.<\/p>\n
\"Estilos
Estilos globales de Twenty Twenty-Three<\/figcaption><\/figure>\n
Encontrar\u00e1s los archivos JSON correspondientes en la carpeta de estilos<\/em> de Twenty Twenty-Three.<\/p>\n
Las vistas previas completas de las plantillas de p\u00e1gina, los estilos y las variaciones de estilo de Twenty Twenty-Three est\u00e1n disponibles en Figma<\/a>.<\/p>\n
\"Vista
Vista previa de las Variaciones de Estilo de Twenty Twenty-Three en Figma<\/figcaption><\/figure>\n
Tipograf\u00eda de Twenty Twenty-Three<\/h2>\n
En un tema minimalista como Twenty-Three, la tipograf\u00eda desempe\u00f1a un papel fundamental para que el texto sea legible, el sitio sea atractivo y, en definitiva, proporcione a los visitantes una experiencia de navegaci\u00f3n gratificante, independientemente del dispositivo y del tama\u00f1o de la pantalla.<\/p>\n
Para ello, Twenty Twenty-Three incluye un nuevo conjunto de familias de fuentes y utiliza la tipograf\u00eda fluida introducida con WordPress 6.1.<\/p>\n
Tipos de letra<\/h3>\n
Twenty Twenty-Three presenta un nuevo conjunto de tipos de letra que se utilizan en variaciones de estilo y se caracterizan por su sencillez y variedad:<\/p>\n