{"id":13099,"date":"2024-04-15T19:09:39","date_gmt":"2024-04-15T17:09:39","guid":{"rendered":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/\/?p=13099"},"modified":"2024-06-24T14:29:35","modified_gmt":"2024-06-24T12:29:35","slug":"twenty-twenty-four-2024","status":"publish","type":"post","link":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/twenty-twenty-four-2024\/","title":{"rendered":"Twenty Twenty-Four 2024"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-left\">Twenty Twenty-Four 2024<\/h2>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-left\">Twenty Twenty-Four Por&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/author\/wordpressdotorg\/\">WordPress.org<\/a>. Tema de comunidad <a href=\"https:\/\/github.com\/WordPress\/twentytwentyfour\">Contribuye<\/a><\/h4>\n\n\n\n<p class=\"has-text-align-left\">Este tema est\u00e1 desarrollado y recibe soporte de una comunidad.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"has-text-align-left has-pale-cyan-blue-color has-text-color has-link-color wp-elements-2a72e7fa2b66cf79ad0018a8899c2b8b\">Versi\u00f3n:&nbsp;<strong>1.1<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">\u00daltima actualizaci\u00f3n:&nbsp;<strong>2 de abril de 2024<\/strong> Instalaciones activas:&nbsp;<strong>900.000+<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">Versi\u00f3n de WordPress:&nbsp;<strong>6.4 o superior<\/strong> Versi\u00f3n de PHP:&nbsp;<strong>7.0 o superior<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/wordpress.org\/themes\/twentytwentyfour\/\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/\/wp-content\/uploads\/2024\/04\/Tema-Twenty-Twenty-four-WordPress-1024x576.jpg\" alt=\"\" class=\"wp-image-13106\" srcset=\"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/Tema-Twenty-Twenty-four-WordPress-1024x576.jpg 1024w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/Tema-Twenty-Twenty-four-WordPress-300x169.jpg 300w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/Tema-Twenty-Twenty-four-WordPress-768x432.jpg 768w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/Tema-Twenty-Twenty-four-WordPress.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/wordpress.org\/themes\/twentytwentyfour\/\">P\u00e1gina de inicio del tema<\/a><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-cyan-bluish-gray-background-color has-background wp-element-button\" href=\"https:\/\/es.wordpress.org\/themes\/twentytwentyfour\/\">Vista previa<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/theme\/twentytwentyfour.1.1.zip\">Descargar<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-left\">Twenty Twenty-Four est\u00e1 dise\u00f1ado para ser flexible, vers\u00e1til y aplicable a cualquier sitio web. Su colecci\u00f3n de plantillas y patrones se adapta a distintas necesidades, como presentar un negocio, escribir en un blog o exponer un trabajo. <\/p>\n\n\n\n<p class=\"has-text-align-left\">Se abren multitud de posibilidades con unos pocos ajustes de color y tipograf\u00eda. Twenty Twenty-Four incluye variaciones de estilo y dise\u00f1os de p\u00e1gina completa para ayudar a acelerar el proceso de creaci\u00f3n del sitio, es totalmente compatible con el editor del sitio y aprovecha las nuevas herramientas de dise\u00f1o introducidas en WordPress 6.4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-left\">Etiquetas:<\/h4>\n\n\n\n<p class=\"has-text-align-left\"><a href=\"https:\/\/es.wordpress.org\/themes\/tags\/accessibility-ready\/\">Preparado para accesibilidad<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/block-patterns\/\">Patrones del editor de bloques<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/block-styles\/\">Estilos del editor de bloques<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/blog\/\">Blog<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/custom-colors\/\">Colores personalizados<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/custom-logo\/\">Logotipo personalizado<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/custom-menu\/\">Men\u00fa personalizado<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/editor-style\/\">Editor de estilos<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/featured-images\/\">Im\u00e1genes destacadas<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/full-site-editing\/\">Edici\u00f3n completa del sitio<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/news\/\">Noticias<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/one-column\/\">Una columna<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/portfolio\/\">Porfolio<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/rtl-language-support\/\">Compatible con idiomas RTL<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/sticky-post\/\">Entrada fija<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/style-variations\/\">Variaciones de estilo<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/threaded-comments\/\">Comentarios anidados<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/translation-ready\/\">Preparado para traducci\u00f3n<\/a>,&nbsp;<a href=\"https:\/\/es.wordpress.org\/themes\/tags\/wide-blocks\/\">Bloques anchos<\/a><\/p>\n\n\n\n<p class=\"has-text-align-left\">La idea que hay detr\u00e1s de&nbsp;<a href=\"https:\/\/make.wordpress.org\/core\/2023\/08\/24\/introducing-twenty-twenty-four\/\" target=\"_blank\" rel=\"noreferrer noopener\">Twenty Twenty-Four<\/a>&nbsp;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,&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/sitios-web-fotografia\/\">fot\u00f3grafos<\/a>&nbsp;y&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/portafolio-online\/\">artistas<\/a>, y escritores y&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-temas-de-wordpress-para-blogs\/\">blogueros<\/a>.<\/p>\n\n\n\n<p class=\"has-text-align-left\">M\u00e1s que un tema, Twenty Twenty-Four es una colecci\u00f3n de plantillas y&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/\">patrones<\/a>&nbsp;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\n\n\n<p class=\"has-text-align-left\">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\n\n\n<p class=\"has-text-align-left\">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\n\n\n<p class=\"has-text-align-left\">Ahora, inicia el Editor de Sitios, teclea&nbsp;<strong>Cmd + k<\/strong>, y entra en&nbsp;<strong>Plantillas<\/strong>.<\/p>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image\" id=\"attachment_165170\"><img decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/ttf-templates-command.jpg\" alt=\"Launching templates in WordPress 6.4\" class=\"wp-image-165170\"\/><\/figure>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\">El Tema Twenty Twenty-Four de WordPress<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Twenty Twenty-Four nos ofrece un ejemplo perfecto de tema de WordPress en bloque. Cuando accedas a la carpeta del tema en tu&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/instalar-wordpress-localmente\/\">instalaci\u00f3n de WordPress<\/a>, encontrar\u00e1s un&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/functions-php-wordpress\/\">archivo&nbsp;<strong>functions.php<\/strong><\/a>&nbsp;extremadamente sencillo, cuyo \u00fanico prop\u00f3sito es poner en cola un pu\u00f1ado de hojas de estilo para bloques espec\u00edficos.<\/p>\n\n\n\n<p class=\"has-text-align-left\">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&nbsp;<strong>button-outline.css<\/strong>&nbsp;s\u00f3lo cuando hay un bot\u00f3n en la p\u00e1gina:<\/p>\n\n\n\n<p class=\"has-text-align-left has-white-color has-black-background-color has-text-color has-background\">   if ( ! function_exists( &#8216;twentytwentyfour_block_styles&#8217; ) ) : <br>      \/** <br>       * Register custom block styles <br>       * <br>       * @return void <br>       * @since Twenty Twenty-Four 1.0 <br>       * <br>       *\/ <br>    function twentytwentyfour_block_styles() { <br>     \/** <br>      * The wp_enqueue_block_style() function allows us to enqueue a stylesheet <br>      * for a specific block. These will only get loaded when the block is rendered              <\/p>\n\n\n\n<p class=\"has-text-align-left has-white-color has-black-background-color has-text-color has-background\">* (both in the editor and on the front end), improving performance <br>* and reducing the amount of data requested by visitors. <br>* <br>* See https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/ for more info. <br>*\/ wp_enqueue_block_style( &#8216;core\/button&#8217;, <br>array( &#8216;handle&#8217; =&gt; &#8216;twentytwentyfour-button-style-outline&#8217;, <br>&#8216;src&#8217; =&gt; get_template_directory_uri() . &#8216;\/assets\/css\/button-outline.css&#8217;, <br>&#8216;ver&#8217; =&gt; wp_get_theme()-&gt;get( &#8216;Version&#8217; ), <br>) <br>); <br>} &#8230; endif;<\/p>\n\n\n\n<p class=\"has-text-align-left\">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&nbsp;<strong>functions.php<\/strong>&nbsp;de Twenty Twenty-Four s\u00f3lo se encarga de poner en cola hojas de estilo espec\u00edficas para bloques concretos.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Continuando con nuestra exploraci\u00f3n de la carpeta del tema Twenty Twenty-Four, observar\u00e1s que el archivo&nbsp;<strong>style.css<\/strong>&nbsp;s\u00f3lo incluye una cabecera con los detalles necesarios para que el tema funcione correctamente y no contiene ning\u00fan bloque CSS:<\/p>\n\n\n\n<p class=\"has-text-align-left has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-e4e8dcbb695cb9f88f662b1cabffb032\">\/* Theme Name: Twenty Twenty-Four Theme URI: https:\/\/wordpress.org\/themes\/twentytwentyfour Author: the WordPress team Author URI: https:\/\/wordpress.org Description: 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. Requires at least: 6.2 Tested up to: 6.4 Requires PHP: 7.0 Version: 1.0 License: GNU General Public License v2 or later License URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html Text Domain: twentytwentyfour Tags: 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 *\/<\/p>\n\n\n\n<p class=\"has-text-align-left\">Tambi\u00e9n encontrar\u00e1s una carpeta&nbsp;<strong>assets<\/strong>, que contiene una carpeta&nbsp;<strong>fonts<\/strong>, un conjunto de&nbsp;<strong>im\u00e1genes<\/strong>&nbsp;y una carpeta&nbsp;<strong>css<\/strong>, que incluye la hoja de estilo&nbsp;<strong>button-outline.css<\/strong>.<\/p>\n\n\n\n<p class=\"has-text-align-left\">El estilo por defecto de Twenty Twenty-Four utiliza dos fuentes:&nbsp;<a href=\"https:\/\/fonts.google.com\/specimen\/Cardo\" target=\"_blank\" rel=\"noreferrer noopener\">Cardo<\/a>&nbsp;para los titulares e&nbsp;<a href=\"https:\/\/fonts.google.com\/specimen\/Inter\" target=\"_blank\" rel=\"noreferrer noopener\">Inter<\/a>&nbsp;para otros elementos de texto.<\/p>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"744\" src=\"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-1024x744.jpg\" alt=\"\" class=\"wp-image-13127\" srcset=\"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-1024x744.jpg 1024w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-300x218.jpg 300w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-768x558.jpg 768w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-1536x1116.jpg 1536w, https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-content\/uploads\/2024\/04\/ttf-styles-menu-2048x1488.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-left\">Twenty Twenty-Four viene con un conjunto de seis combinaciones diferentes de&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-0\/#global-styles-switching\">variaciones de estilo<\/a>. Puedes explorar cada estilo en la secci\u00f3n&nbsp;<strong>Styles<\/strong>&nbsp;del Editor de Sitios o en el panel&nbsp;<strong>Explorar estilos<\/strong>&nbsp;en modo edici\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">Resumen<\/h2>\n\n\n\n<p class=\"has-text-align-left\">Si buscas un tema polivalente lleno de funciones y efectos especiales, Twenty Twenty-Four no es el tema para ti.<\/p>\n\n\n\n<p class=\"has-text-align-left\">El nuevo tema predeterminado de WordPress es ligero, flexible y carece de campanas y silbatos, y es totalmente manejable desde el editor del sitio.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Con Twenty Twenty-Four no tendr\u00e1s que tocar ni una sola l\u00ednea de c\u00f3digo, no requiere configuraci\u00f3n. Para crear un sitio con Twenty Twenty-Four, s\u00f3lo tienes que personalizar las plantillas desde el editor del sitio y elegir uno o varios patrones para poblar las p\u00e1ginas de tu sitio.<\/p>\n\n\n\n<p class=\"has-text-align-left\">En esencia, Twenty Twenty-Four es una colecci\u00f3n de patrones. Refleja el nuevo enfoque de la construcci\u00f3n de sitios y proporciona un gran ejemplo de c\u00f3mo construir temas en bloque.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Ahora depende de ti. \u00bfHas instalado Twenty Twenty-Four en tu&nbsp;<a href=\"https:\/\/kinsta.com\/es\/blog\/pruebas-wordpress\/\">entorno de desarrollo<\/a>? \u00bfTe gusta el nuevo enfoque de la creaci\u00f3n de sitios de WordPress? Escr\u00edbenos en los comentarios y comparte tus opiniones.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty-Four 2024<\/p>\n","protected":false},"author":2,"featured_media":13101,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[12,14,16,19,21,27,31,32,33],"class_list":["post-13099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-css","tag-desarrollo","tag-diseno","tag-html","tag-js","tag-plugins","tag-temas","tag-web","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/posts\/13099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/comments?post=13099"}],"version-history":[{"count":26,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/posts\/13099\/revisions"}],"predecessor-version":[{"id":13170,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/posts\/13099\/revisions\/13170"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/media\/13101"}],"wp:attachment":[{"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/media?parent=13099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/categories?post=13099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xn--nicols-tta.es\/temas_y_plugins\/nicopre\/wp-json\/wp\/v2\/tags?post=13099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}