I temi a blocchi di WordPress rappresentano un cambiamento fondamentale nel modo in cui vengono costruiti i temi. Invece di file template PHP che controllano ogni aspetto del rendering, i temi a blocchi usano template HTML con blocchi, un file di configurazione centrale theme.json e il sistema Global Styles. Il risultato sono temi pi\u00f9 coerenti, pi\u00f9 facili da personalizzare e compatibili con l'esperienza completa dell'editor a blocchi.<\/p>\n\n\n\n
Questa guida copre come costruire un tema a blocchi da zero, dai file essenziali alla configurazione avanzata di theme.json fino alla creazione di block pattern personalizzati.<\/p>\n\n\n\n
Un tema a blocchi \u00e8 definito dall'uso di template a blocchi piuttosto che di file template PHP. Invece di header.php, index.php e footer.php, un tema a blocchi ha un singolo template index.html composto interamente da blocchi. Il file theme.json gestisce tutto lo stile, sostituendo functions.php per la maggior parte della configurazione relativa allo stile.<\/p>\n\n\n\n
Il requisito minimo per un tema a blocchi \u00e8 un file style.css con l'header del tema, un file theme.json con impostazioni di base e un template index.html nella directory \/templates. Tutto qui. Tutto il resto \u00e8 opzionale.<\/p>\n\n\n\n
theme.json sostituisce centinaia di righe di codice functions.php. Controlla le palette di colori, le dimensioni dei font, le impostazioni tipografiche, i preset di spaziatura e gli stili specifici dei blocchi. Tutto \u00e8 definito in un formato JSON strutturato che \u00e8 coerente in tutti i temi a blocchi.<\/p>\n\n\n\n
La sezione settings definisce quali opzioni sono disponibili per gli utenti nell'editor - quali colori possono scegliere, quali dimensioni dei font sono disponibili, quali blocchi supportano quali funzionalit\u00e0. La sezione styles definisce gli effettivi valori CSS che vengono applicati. Separare le impostazioni dagli stili \u00e8 una delle innovazioni chiave di theme.json.<\/p>\n\n\n\n
I template a blocchi sono file HTML che usano markup a blocchi invece di PHP. Un template per un singolo post potrebbe includere il blocco Post Title, il blocco Post Content e il blocco Comments. Ogni blocco gestisce il proprio rendering e stile, eliminando la necessit\u00e0 della logica del loop di WordPress nei tuoi file template.<\/p>\n\n\n\n
Le template part - header, footer, sidebar - sono file HTML riutilizzabili conservati nella directory \/parts. Vengono incluse nei template usando il blocco Template Part. Questo crea un sistema modulare in cui puoi aggiornare il tuo header in un unico posto e si aggiorna ovunque.<\/p>\n\n\n\n
Uno dei maggiori vantaggi dei temi a blocchi \u00e8 il sistema Global Styles. Gli utenti possono cambiare colori, font e spaziatura dall'interfaccia dell'editor senza scrivere CSS. Le modifiche si applicano a tutto il sito e persistono attraverso gli aggiornamenti del tema.<\/p>\n\n\n\n
Definisci default sensati nel tuo theme.json. Gli utenti possono sovrascriverli, ma buoni default creano una grande prima impressione. Usa l'impostazione appearanceTools per abilitare opzioni di stile comuni - padding, margin, border e colore dei link - senza abilitare ogni possibile personalizzazione.<\/p>\n\n\n\n
I block pattern sono layout pre-progettati che gli utenti possono inserire in qualsiasi pagina o post. Registra i pattern nel tuo tema mettendo file PHP nella directory \/patterns. WordPress li scopre e registra automaticamente.<\/p>\n\n\n\n
Le template part sono componenti riutilizzabili come header, footer e sidebar. Creali come file HTML nella directory \/parts e assegna loro un'area - header, footer o general. Gli utenti possono modificare le template part dal Site Editor, rendendo la personalizzazione del tema accessibile ai non sviluppatori.<\/p>\n\n\n\n
Sebbene i temi a blocchi minimizzino la necessit\u00e0 di CSS personalizzato, a volte ti servir\u00e0 per requisiti di design specifici. Aggiungi CSS personalizzato usando la propriet\u00e0 styles.css in theme.json per override globali, o crea un file style.css separato per CSS che non pu\u00f2 essere espresso in theme.json.<\/p>\n\n\n\n
Usa le custom property CSS per mantenere la compatibilit\u00e0 con Global Styles. WordPress genera variabili CSS dalle impostazioni di theme.json a cui puoi fare riferimento nel tuo CSS personalizzato.<\/p>\n\n\n\n
I temi a blocchi sono il futuro dei temi WordPress. Sono pi\u00f9 semplici da costruire, pi\u00f9 coerenti da usare e pi\u00f9 personalizzabili per gli utenti finali. Se non hai ancora costruito un tema a blocchi, inizia con un theme.json di base e un singolo template. Man mano che prendi confidenza, aggiungi pattern, template part e stili di blocco personalizzati. La curva di apprendimento vale la pena: i temi a blocchi sono pi\u00f9 veloci da sviluppare, pi\u00f9 facili da mantenere e offrono un'esperienza migliore per tutti.<\/p>","protected":false},"excerpt":{"rendered":"
Una guida completa alla creazione di temi a blocchi WordPress usando theme.json, template e stili globali \u2014 nessun template PHP richiesto.<\/p>","protected":false},"author":3,"featured_media":1212,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ai_primary_source":"","visibility_scope":"","ai_summary":"","ai_intent":"","ai_related_resources":"","ai_priority":0,"ai_entity_type":"","ai_is_based_on":"","ai_citations":"","ai_mentions":"","ai_speakable_selector":"","ai_chunk_hints":"","footnotes":""},"categories":[7,6],"tags":[44,27,35],"ai_visibility":[],"class_list":["post-552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","category-wordpress","tag-api-first","tag-developer-to-founder","tag-saas"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":2,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":1346,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/posts\/552\/revisions\/1346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/media\/1212"}],"wp:attachment":[{"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/media?parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/categories?post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/tags?post=552"},{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/aarkly.com\/it\/wp-json\/wp\/v2\/ai_visibility?post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}