{"id":71016,"date":"2023-10-16T20:12:09","date_gmt":"2023-10-16T18:12:09","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=71016&preview=true&preview_id=71016"},"modified":"2023-10-24T07:56:48","modified_gmt":"2023-10-24T05:56:48","slug":"tema-twenty-twenty-four","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-four\/","title":{"rendered":"Twenty Twenty-Four: El Nuevo y Minimalista Tema Multiprop\u00f3sito de WordPress Por Defecto"},"content":{"rendered":"

Twenty<\/strong> Twenty-Four<\/strong> es el nuevo tema predeterminado de WordPress<\/a> que se incluir\u00e1 en la pr\u00f3xima versi\u00f3n WordPress 6.4.<\/p>\n

La idea que hay detr\u00e1s de Twenty Twenty-Four<\/a> es la de un tema predeterminado adecuado para cualquier tipo de sitio, sea cual sea su tem\u00e1tica. El tema est\u00e1 adaptado a tres casos de uso: propietarios de peque\u00f1as empresas, fot\u00f3grafos<\/a> y artistas<\/a>, y escritores y blogueros<\/a>.<\/p>\n

M\u00e1s que un tema, Twenty Twenty-Four es una colecci\u00f3n de plantillas y patrones<\/a> que, combinados entre s\u00ed, te permiten crear una amplia variedad de sitios web. Como tal, puedes considerar Twenty Twenty-Four un tema polivalente, aunque sea un tema absolutamente minimalista.<\/p>\n

Como puedes esperar, Twenty Twenty-Four es un tema de bloques totalmente compatible con todas las cosas incre\u00edbles que vienen con WordPress 6.4, incluido el bloque de detalles y el texto vertical.<\/p>\n

Tras esta r\u00e1pida introducci\u00f3n del nuevo tema predeterminado de WordPress, en este art\u00edculo exploraremos las numerosas plantillas, patrones y estilos para mostrarte c\u00f3mo crear un sitio web atractivo, adaptable, usable y accesible con Twenty Twenty-Four.<\/p>\n

Ahora, inicia el Editor de Sitios, teclea Cmd + k<\/strong>, y entra en Plantillas<\/strong>.<\/p>\n

\"Launching
Iniciar las plantillas en WordPress 6.4<\/figcaption><\/figure>\n
<\/div><\/kinsta-auto-toc>\n

El Tema Twenty Twenty-Four de WordPress<\/h2>\n

Twenty Twenty-Four nos ofrece un ejemplo perfecto de tema de WordPress en bloque. Cuando accedas a la carpeta del tema en tu instalaci\u00f3n de WordPress<\/a>, encontrar\u00e1s un archivo functions.php<\/strong><\/a> extremadamente sencillo, cuyo \u00fanico prop\u00f3sito es poner en cola un pu\u00f1ado de hojas de estilo para bloques espec\u00edficos.<\/p>\n

El archivo functions de Twenty Twenty-Four es un buen ejemplo de c\u00f3mo optimizar un tema asegur\u00e1ndose de que los recursos espec\u00edficos se incrustan s\u00f3lo cuando son necesarios. El siguiente c\u00f3digo solicita la hoja de estilo button-outline.css<\/strong> s\u00f3lo cuando hay un bot\u00f3n en la p\u00e1gina:<\/p>\n

if ( ! function_exists( 'twentytwentyfour_block_styles' ) ) :\n\t\/**\n\t * Register custom block styles\n\t *\n\t * @return void\n\t * @since Twenty Twenty-Four 1.0\n\t *\n\t *\/\n\tfunction twentytwentyfour_block_styles() {\n\t\t\/**\n\t\t * The wp_enqueue_block_style() function allows us to enqueue a stylesheet\n\t\t * for a specific block. These will only get loaded when the block is rendered\n\t\t * (both in the editor and on the front end), improving performance\n\t\t * and reducing the amount of data requested by visitors.\n\t\t *\n\t\t * See https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/ for more info.\n\t\t *\/\n\t\twp_enqueue_block_style(\n\t\t\t'core\/button',\n\t\t\tarray(\n\t\t\t\t'handle' => 'twentytwentyfour-button-style-outline',\n\t\t\t\t'src'    => get_template_directory_uri() . '\/assets\/css\/button-outline.css',\n\t\t\t\t'ver'    => wp_get_theme()->get( 'Version' ),\n\t\t\t)\n\t\t);\n\t}\n\t...\nendif;<\/code><\/pre>\n
El tema no proporciona ninguna funcionalidad a tu sitio web WordPress, y depender\u00e1s completamente de los plugins para a\u00f1adir comportamiento a tus p\u00e1ginas. Por tanto, el archivo functions.php<\/strong> de Twenty Twenty-Four s\u00f3lo se encarga de poner en cola hojas de estilo espec\u00edficas para bloques concretos.<\/p>\n
Continuando con nuestra exploraci\u00f3n de la carpeta del tema Twenty Twenty-Four, observar\u00e1s que el archivo style.css<\/strong> s\u00f3lo incluye una cabecera con los detalles necesarios para que el tema funcione correctamente y no contiene ning\u00fan bloque CSS:<\/p>\n
\/*\nTheme Name: Twenty Twenty-Four\nTheme URI: https:\/\/wordpress.org\/themes\/twentytwentyfour\nAuthor: the WordPress team\nAuthor URI: https:\/\/wordpress.org\nDescription: Twenty Twenty-Four is designed to be flexible, versatile, and applicable to any website. Its collection of templates and patterns is tailored to different needs, such as presenting a business, blogging, and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full-page designs to help speed up the site-building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.\nRequires at least: 6.2\nTested up to: 6.4\nRequires PHP: 7.0\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentytwentyfour\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, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news\n*\/<\/code><\/pre>\n
Tambi\u00e9n encontrar\u00e1s una carpeta assets<\/strong>, que contiene una carpeta fonts<\/strong>, un conjunto de im\u00e1genes<\/strong> y una carpeta css<\/strong>, que incluye la hoja de estilo button-outline.css<\/strong>.<\/p>\n
El estilo por defecto de Twenty Twenty-Four utiliza dos fuentes: Cardo<\/a> para los titulares e Inter<\/a> para otros elementos de texto.<\/p>\n
\"Cardo
Vista previa de la fuente Cardo en Google Fonts<\/figcaption><\/figure>\n
Las familias de fuentes Jost<\/a> e Instrument Sans<\/a> tambi\u00e9n est\u00e1n disponibles y se utilizan en un par de variaciones de estilo. A continuaci\u00f3n, encontrar\u00e1s cuatro carpetas que contienen el verdadero jugo del tema predeterminado Twenty Twenty-Four:<\/p>\n