{"id":73928,"date":"2023-10-16T19:15:33","date_gmt":"2023-10-16T18:15:33","guid":{"rendered":"https:\/\/kinqsta.com\/it\/?p=73928&preview=true&preview_id=73928"},"modified":"2023-10-24T06:57:51","modified_gmt":"2023-10-24T05:57:51","slug":"twenty-twenty-four","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/it\/blog\/twenty-twenty-four\/","title":{"rendered":"Twenty Twenty-Four: Il nuovo tema WordPress predefinito minimal e multiuso"},"content":{"rendered":"

Twenty Twenty-Four<\/strong> \u00e8 il nuovissimo tema predefinito di WordPress<\/a> che verr\u00e0 distribuito con la prossima versione di WordPress 6.4.<\/p>\n

L’idea alla base di Twenty Twenty-Four<\/a> \u00e8 quella di un tema predefinito adatto a qualsiasi tipo di sito, indipendentemente dall’argomento trattato. Il tema \u00e8 stato pensato per tre casi d’uso: piccoli imprenditori, fotografi<\/a> e artisti<\/a>, scrittori e blogger<\/a>.<\/p>\n

Pi\u00f9 che un tema, Twenty Twenty-Four \u00e8 una raccolta di template e pattern<\/a> che, combinati insieme, permettono di creare un’ampia variet\u00e0 di siti web. Per questo motivo, potete considerare Twenty Twenty-Four un tema multiuso, anche se si tratta di un tema assolutamente minimalista.<\/p>\n

Come potete immaginare, Twenty Twenty-Four \u00e8 un tema a blocchi pienamente compatibile con tutte le novit\u00e0 di WordPress 6.4, tra cui il blocco dettagli e il testo verticale.<\/p>\n

Fatta questa rapida introduzione al nuovo tema predefinito di WordPress, in questo articolo esploreremo i numerosi template, i pattern e gli stili per mostrarvi come costruire un sito web gradevole, reattivo, usabile e accessibile con Twenty Twenty-Four.<\/p>\n

Ora, avviate l’Editor del sito, digitate Cmd + k<\/strong> e scrivete Templates<\/strong>.<\/p>\n

\"Lanciare
Lanciare i template in WordPress 6.4<\/figcaption><\/figure>\n
<\/div><\/kinsta-auto-toc>\n

Il tema WordPress Twenty Twenty-Four<\/h2>\n

Twenty Twenty-Four ci offre un perfetto esempio di tema a blocchi per WordPress. Accedendo alla cartella del tema nell’installazione di WordPress<\/a>, troverete un file functions.php<\/strong><\/a> estremamente semplice, il cui unico scopo \u00e8 quello di richiamare una manciata di fogli di stile per blocchi specifici.<\/p>\n

Il file functions di Twenty Twenty-Four \u00e8 un buon esempio di come ottimizzare un tema assicurandosi che determinate risorse vengano incorporate solo quando sono necessarie. Il codice seguente richiede il foglio di stile button-outline.css<\/strong> solo quando un pulsante \u00e8 presente nella pagina:<\/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
Il tema non fornisce alcuna funzionalit\u00e0 al sito e dovrete affidarci completamente ai plugin per aggiungere comportamento alle pagine. Quindi il file functions.php<\/strong> di Twenty Twenty-Four si occupa solo di accodare fogli di stile specifici per blocchi specifici.<\/p>\n
Continuando la nostra esplorazione della cartella del tema Twenty Twenty-Four, noterete che il file style.css<\/strong> include solo un’intestazione con i dati necessari al corretto funzionamento del tema e non contiene alcun blocco 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
Troverete anche una cartella assets<\/strong>, che contiene una cartella di font<\/strong>, una serie di immagini<\/strong> e una cartella css<\/strong>, che include il foglio di stile button-outline.css<\/strong>.<\/p>\n
Lo stile predefinito di Twenty Twenty-Four utilizza due font: Cardo<\/a> per i titoli e Inter<\/a> per gli altri elementi di testo.<\/p>\n
\"Anteprima
Anteprima del font Cardo su Google Fonts<\/figcaption><\/figure>\n
Sono disponibili anche le famiglie di font Jost<\/a> e Instrument Sans<\/a>, utilizzate in un paio di varianti di stile.<\/p>\n
A seguire, troverete quattro cartelle che contengono il vero succo del tema predefinito Twenty Twenty-Four:<\/p>\n