{"id":78657,"date":"2024-08-21T08:20:05","date_gmt":"2024-08-21T07:20:05","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=78657&#038;preview=true&#038;preview_id=78657"},"modified":"2024-08-22T11:22:54","modified_gmt":"2024-08-22T10:22:54","slug":"concetti-fondamentali-temi-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/","title":{"rendered":"Concetti fondamentali da comprendere nello sviluppo di temi WordPress"},"content":{"rendered":"<p>I temi WordPress giocano un ruolo fondamentale nel dare forma all&#8217;aspetto e alla funzionalit\u00e0 di un sito web. Definiscono il modo in cui vengono visualizzati i contenuti e offrono varie opzioni di design per creare un sito unico. Nel corso degli anni, i <a href=\"https:\/\/kinsta.com\/it\/blog\/come-funzionano-i-temi-di-wordpress\/\">temi WordPress<\/a> si sono evoluti in modo significativo, a partire da quelli che oggi chiamiamo &#8220;temi classici&#8221;<\/p>\n<p>I temi classici sono stati lo standard per molto tempo, basandosi su <a href=\"https:\/\/kinsta.com\/it\/blog\/template-post-wordpress\/\">template PHP<\/a> e richiedendo una certa conoscenza della codifica per essere personalizzati. Questi temi offrivano una grande flessibilit\u00e0 ma potevano essere impegnativi per chi era alle prime armi con lo <a href=\"https:\/\/kinsta.com\/web-development\/\">sviluppo web<\/a>. Poi, il rilascio di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> ha segnato un cambiamento significativo con l&#8217;introduzione dei &#8220;<a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">temi a blocchi<\/a>&#8221;<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Temi classici di WordPress e temi a blocchi<\/h2>\n<p>I <a href=\"https:\/\/kinsta.com\/it\/blog\/creare-tema-classico-wordpress\/\">temi classici<\/a> sono il tipo tradizionale di tema per WordPress. Definiscono l&#8217;aspetto generale di un sito web utilizzando file template scritti in PHP, <a href=\"https:\/\/kinsta.com\/it\/blog\/best-practice-css\/\">CSS<\/a> per lo stile e <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-javascript\/\">JavaScript<\/a> per le funzionalit\u00e0 aggiuntive. Questi temi altamente personalizzabili sono stati la spina dorsale dei siti WordPress per molti anni.<\/p>\n<p>I temi a blocchi, invece, sono un tipo di tema WordPress pi\u00f9 recente, introdotto per supportare le funzionalit\u00e0 di <a href=\"https:\/\/kinsta.com\/it\/blog\/full-site-editing-wordpress\/\">modifica completa del sito<\/a> (FSE). A differenza dei temi classici, utilizzano i blocchi per costruire tutte le parti di un sito web, compresi gli header, i footer e le aree di contenuto. Questo permette un modo pi\u00f9 visivo e intuitivo di progettare e personalizzare i siti web direttamente nell&#8217;editor di WordPress.<\/p>\n<p>Le differenze principali tra i temi classici e quelli a blocchi sono:<\/p>\n<ol start=\"1\">\n<li><strong>Personalizzazione<\/strong>: i temi classici richiedono l&#8217;uso di PHP e alcune conoscenze di codifica, mentre i temi a blocchi utilizzano un editor visuale per facilitare la personalizzazione.<\/li>\n<li><strong>Flessibilit\u00e0<\/strong>: i temi classici offrono maggiore flessibilit\u00e0 agli <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">sviluppatori<\/a>, mentre i temi a blocchi si concentrano sulla facilit\u00e0 d&#8217;uso e sull&#8217;accessibilit\u00e0.<\/li>\n<li><strong>Modifica<\/strong>: i temi classici vengono modificati attraverso i file del tema e il <a href=\"https:\/\/kinsta.com\/it\/blog\/come-personalizzare-il-vostro-tema-wordpress\/\">Personalizza di WordPress<\/a>. I temi a blocchi possono essere modificati interamente tramite l&#8217;<a href=\"https:\/\/wordpress.org\/documentation\/article\/wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">editor di blocchi<\/a>.<\/li>\n<\/ol>\n<h3>Scegliere quale tipo di tema sviluppare<\/h3>\n<p>La scelta tra temi classici e temi a blocchi dipende dalle proprie esigenze e dal proprio livello di competenza. Se siete sviluppatori alla ricerca della massima flessibilit\u00e0, i temi classici potrebbero essere la scelta che fa per voi. Tuttavia, se preferite un approccio pi\u00f9 semplice e visivo alla creazione del sito, i temi a blocchi sono un&#8217;ottima opzione.<\/p>\n<p>Entrambi i tipi di temi hanno dei punti di forza e sono adatti a diversi tipi di utenti e progetti. Capire le differenze fondamentali vi aiuter\u00e0 a prendere una decisione consapevole su quale tema si adatta meglio alle esigenze del vostro sito web.<\/p>\n<p>Questo articolo si propone di aiutarvi a capire e a padroneggiare i concetti fondamentali dei temi classici e dei temi a blocchi, consentendovi di creare e personalizzare i temi WordPress in modo efficace.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>La creazione di un tema pu\u00f2 influenzare l&#8217;aspetto del vostro sito. \u00c8 sempre meglio fare un <a href=\"https:\/\/kinsta.com\/it\/blog\/funzioni-backup-kinsta\/\">backup del sito<\/a> prima. Se utilizzate un host come Kinsta, potete creare un <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\">ambiente di staging<\/a> su cui lavorare. Una volta terminato il lavoro, potrete <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/#push-environment-to-live-or-staging\">eseguire il push delle modifiche al sito live<\/a>. In alternativa, potete <a href=\"https:\/\/kinsta.com\/it\/docs\/devkinsta\/devkinsta-integrazione\/\">inviare il vostro sito a DevKinsta<\/a> o utilizzare <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-sftp\/\">SFTP\/SSH<\/a> con il vostro client preferito per trasferire i file in modo sicuro.<\/p>\n<\/aside>\n\n<h2>Capire la struttura di un tema<\/h2>\n<p>Capire la struttura di un tema, sia esso classico o a blocchi, \u00e8 fondamentale per personalizzare efficacemente il vostro sito WordPress.<\/p>\n<p>Prima di esplorare la struttura di ogni tema, dovete sapere che tutti i temi di WordPress sono memorizzati nella directory <code>wp-content\/themes<\/code> della vostra installazione WordPress e che ogni tema risiede in una propria cartella.<\/p>\n<h3>Struttura del tema classico<\/h3>\n<p>Un tema classico comprende diversi file e directory chiave che creano l&#8217;aspetto e la funzionalit\u00e0 del sito. I due file principali sono:<\/p>\n<ol start=\"1\">\n<li><code>style.css<\/code>: questo \u00e8 il foglio di stile principale che definisce lo stile visivo del tema. Include i metadati relativi al tema (come il nome, l&#8217;autore e la versione) nella parte superiore, seguiti dalle regole CSS che definiscono lo stile del tema.<\/li>\n<li><code>index.php<\/code>: questo \u00e8 il file di template principale utilizzato per visualizzare i contenuti della pagina iniziale. Funge da fallback per altri file template che potrebbero mancare.<\/li>\n<\/ol>\n<p>Oltre a questi, altri importanti file consentono un design modulare e assicurano che le diverse parti del sito possano essere facilmente personalizzate e mantenute. Anche se opzionali, questi file sono considerati standard:<\/p>\n<ul>\n<li><code>header.php<\/code>: questo file contiene la sezione dell&#8217;header del tema, che include il titolo del sito, il logo e il menu di navigazione. \u00c8 incluso nella parte superiore di ogni pagina, per garantire un header coerente.<\/li>\n<li><code>footer.php<\/code>: questo file contiene la sezione del footer del tema, che spesso include le informazioni sul copyright e la navigazione a pi\u00e8 di pagina. Viene incluso nella parte inferiore di ogni pagina per garantire un footer coerente in tutto il sito.<\/li>\n<li><code>functions.php<\/code>: questo file viene utilizzato per aggiungere funzionalit\u00e0 personalizzate al tema. Pu\u00f2 registrare i menu, inserire stili e script e aggiungere funzionalit\u00e0 di supporto al tema come le miniature dei post e gli sfondi personalizzati. In sostanza, funge da centro di controllo per le personalizzazioni e i miglioramenti del tema.<\/li>\n<li><code>page.php<\/code> <code>single.php<\/code>, <code>archive.php<\/code>, ecc.: questi file template definiscono la struttura di diversi tipi di contenuti, come pagine, singoli post e archivi.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Consultate questo articolo dettagliato per una guida passo passo alla <a href=\"https:\/\/kinsta.com\/it\/blog\/creare-tema-classico-wordpress\/\">creazione di temi WordPress classici<\/a>.<\/p>\n<\/aside>\n\n<h3>Struttura del tema a blocchi<\/h3>\n<p>Un tema a blocchi \u00e8 composto da diversi file e cartelle chiave progettati appositamente per lavorare con i blocchi e le funzionalit\u00e0 FSE. I file e le cartelle principali sono:<\/p>\n<ol start=\"1\">\n<li><code>theme.json<\/code>: questo file \u00e8 fondamentale per configurare le impostazioni, gli stili e le personalizzazioni del tema. Definisce stili e impostazioni globali per i blocchi, fornendo un modo centralizzato per gestire l&#8217;aspetto e il comportamento del tema. Sostituisce la necessit\u00e0 di utilizzare molto codice PHP personalizzato e permette di configurare facilmente i colori, la tipografia, la spaziatura e altro ancora.<\/li>\n<li><code>style.css<\/code>: sebbene la maggior parte dello stile sia gestito all&#8217;interno di <code>theme.json<\/code>, come per i temi classici <code>style.css<\/code> \u00e8 ancora utilizzato per dichiarare i metadati del tema, come il nome del tema, l&#8217;autore, la versione e la descrizione.<\/li>\n<li><code>templates\/<\/code>: questa cartella contiene i file HTML che definiscono il layout delle diverse parti del sito. Questi file includono template come index.html per la homepage, <code>single.html<\/code> per i singoli post, <code>page.html<\/code> per le pagine e altri ancora. Ogni file \u00e8 costruito utilizzando dei blocchi.<\/li>\n<li><code>parts\/<\/code>: questa directory contiene sezioni riutilizzabili dei template, come gli header e i footer. Queste parti possono essere incluse in pi\u00f9 template, assicurando la coerenza del sito.<\/li>\n<\/ol>\n<p>Anche se non \u00e8 obbligatorio usarli, i <a href=\"https:\/\/kinsta.com\/it\/blog\/block-pattern-wordpress\/\">pattern<\/a> sono importanti per lo sviluppo di temi avanzati. I pattern sono layout di blocchi predefiniti che possono essere inseriti nelle pagine e nei post, fornendo un modo rapido per creare design complessi.<\/p>\n<p>Con i temi a blocchi, potete decidere di non creare manualmente la struttura del tema. Potete snellire il processo di configurazione utilizzando il plugin <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Create Block Theme<\/a>, che raccoglie tutti i file e i dettagli necessari.<\/p>\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/create-block-theme.png\" alt=\"Plugin Create Block Theme\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Plugin Create Block Theme.<\/figcaption><\/figure>\n<p>Una volta inseriti i dettagli, viene creata una nuova cartella di temi nella directory <code>wp-content\/themes<\/code> e il nuovo tema apparir\u00e0 nell&#8217;area di <a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">amministrazione di WordPress<\/a> in <strong>Aspetto<\/strong> &gt; <strong>Temi<\/strong>. Potete aggiungere ulteriori dettagli sul tema nell&#8217;impostazione della meta descrizione di <code>style.css<\/code>.<\/p>\n<h2>Gerarchia dei template del tema WordPress<\/h2>\n<p>La gerarchia dei template stabilisce quali file di template WordPress utilizza per visualizzare i diversi tipi di contenuto. Sia i temi classici che quelli a blocchi seguono una gerarchia simile, ma si differenziano per i tipi di file utilizzati: i temi classici utilizzano file <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-php\/\">PHP<\/a>, mentre i temi a blocchi utilizzano file <a href=\"https:\/\/kinsta.com\/it\/blog\/html\/\">HTML<\/a>.<\/p>\n<p>La gerarchia dei template segue un ordine specifico per determinare quale file template utilizzare. Se WordPress non riesce a trovare un file di template specifico, passa a quello successivo nella gerarchia.<\/p>\n<p>Per esempio, quando WordPress deve visualizzare un singolo post di un blog, cerca innanzitutto un template specifico per il tipo di post, come <code>single-{post-type}.php<\/code> o <code>single-{post-type}.html<\/code>. Se questo file non esiste, cercher\u00e0 i template generici <code>single.php<\/code> o <code>single.html<\/code>. Se nessuno di questi file viene trovato, WordPress torner\u00e0 al template pi\u00f9 generico <code>index.php<\/code> o <code>index.html<\/code>.<\/p>\n<p>Lo stesso processo si applica ad altri tipi di contenuti. Per una pagina statica, WordPress verifica innanzitutto la presenza di eventuali template personalizzati assegnati a quella pagina. Se non ne trova nessuno, cerca un template basato sullo slug della pagina (ad esempio, <code>page-about.php<\/code> o <code>page-about.html<\/code>) o sul suo ID (<code>page-42.php<\/code> o <code>page-42.html<\/code>). Se questi template specifici non sono disponibili, WordPress utilizza il template generale <code>page.php<\/code> o <code>page.html<\/code>. Se anche questo non \u00e8 disponibile, ricorre a <code>index.php<\/code> o <code>index.html<\/code>.<\/p>\n<h2>Creare i template<\/h2>\n<p>La creazione di template in WordPress permette di personalizzare la visualizzazione di diversi tipi di contenuti sul vostro sito web. Sia che stiate lavorando con temi classici o con temi a blocchi, il processo prevede l&#8217;impostazione dei file necessari e la loro configurazione in base alle vostre esigenze.<\/p>\n<p>Vediamo come impostare un template di pagina per entrambi i tipi di temi.<\/p>\n<h3>Template di pagina del tema classico<\/h3>\n<p>Nei temi classici si crea un template di pagina utilizzando PHP. Ecco come fare:<\/p>\n<ol start=\"1\">\n<li><strong>Creare il file del template<\/strong>: utilizzando un <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\">editor di testo<\/a>, create un nuovo file PHP nella directory del vostro tema e assegnategli il nome <code>page.php<\/code>.<\/li>\n<li><strong>Aggiungere il codice del template<\/strong>: scrivete il codice PHP necessario per definire la struttura e il contenuto del template di pagina. In genere include i tag del template di WordPress per visualizzare il contenuto della pagina.<\/li>\n<li><strong>Includere header e footer<\/strong>: assicuratevi che il vostro template includa l&#8217;header e il footer aggiungendo le funzioni <code>get_header()<\/code> e <code>get_footer()<\/code>. In questo modo il layout sar\u00e0 coerente con il resto del sito.<\/li>\n<\/ol>\n<p>Ecco un esempio di come potrebbe apparire <code>page.php<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nget_header(); ?&gt;\n\n&lt;main&gt;\n    &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;\/h1&gt;\n    &lt;div&gt;&lt;?php the_content(); ?&gt;&lt;\/div&gt;\n&lt;\/main&gt;\n\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>In questo esempio, il template include l&#8217;header, mostra il titolo e il contenuto della pagina e include il footer.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Assicuratevi che i template <code>header.php<\/code> e <code>footer.php<\/code> siano gi\u00e0 stati dichiarati. Per saperne di pi\u00f9 sul loro funzionamento <a href=\"https:\/\/kinsta.com\/it\/blog\/creare-tema-classico-wordpress\/#step-4-create-the-header-file\">, consultate questa guida<\/a>.<\/p>\n<\/aside>\n\n<h3>Template di pagina di un tema a blocchi<\/h3>\n<p>Nei temi a blocchi, la creazione di un template di pagina pu\u00f2 essere effettuata tramite l&#8217;Editor del sito WordPress o creando un file <code>page.html<\/code> nella cartella templates.<\/p>\n<p>Una volta creato questo file, potete progettare un layout navigando nell&#8217;editor del sito (<strong>Aspetto<\/strong> &gt; <strong>Editor<\/strong> nella dashboard di WordPress).<\/p>\n<p>Utilizzate l&#8217;editor a blocchi per aggiungere e disporre i blocchi per progettare il layout della vostra pagina. Potete aggiungere blocchi per il titolo della pagina, l&#8217;immagine principale e il contenuto. Personalizzate ogni blocco in base alle vostre preferenze di design.<\/p>\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/block-editor.png\" alt=\"Personalizzare il template di pagina con l'editor a blocchi\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Personalizzare il template di pagina con l&#8217;editor a blocchi.<\/figcaption><\/figure>\n<p>Una volta soddisfatti del layout, salvate il template. WordPress generer\u00e0 automaticamente il file HTML corrispondente nella directory del vostro tema.<\/p>\n<h2>Personalizzare lo stile dei temi<\/h2>\n<p>Definire lo stile del vostro tema WordPress \u00e8 un passo fondamentale per definire l&#8217;aspetto visivo del vostro sito web. Sia i temi classici che i temi a blocchi offrono un&#8217;ampia possibilit\u00e0 di personalizzare gli stili, ma hanno un approccio diverso.<\/p>\n<h3>Personalizzare lo stile dei temi classici<\/h3>\n<p>Nei temi classici, lo stile \u00e8 tipicamente gestito tramite i CSS. Ecco come personalizzare un tema classico:<\/p>\n<p>Il foglio di stile principale di un tema classico \u00e8 il file <code>style.css<\/code>. Questo file contiene tutte le regole CSS che definiscono l&#8217;aspetto del tema. \u00c8 anche il luogo in cui vengono dichiarati i metadati del tema, come il nome del tema, l&#8217;autore, la versione e la descrizione.<\/p>\n<p>Per assicurarvi che il CSS venga caricato correttamente, dovete inserire il foglio di stile nel file <code>functions.php<\/code> utilizzando la funzione <code>wp_enqueue_style()<\/code>.<\/p>\n<pre><code class=\"language-js\">function my_theme_enqueue_styles() {\n    wp_enqueue_style('my-theme-style', get_stylesheet_uri());\n}\nadd_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');<\/code><\/pre>\n<p>Questo passaggio \u00e8 fondamentale per mantenere i corretti standard di WordPress e per garantire che gli stili siano applicati correttamente.<\/p>\n<p>Inoltre, potete aggiungere CSS personalizzati direttamente al file <code>style.css<\/code> o creare file CSS separati per diverse parti del vostro tema. I CSS personalizzati possono anche essere incorporati all&#8217;interno di singoli file di template utilizzando il tag <code>&lt;style&gt;<\/code>, anche se questa pratica \u00e8 generalmente meno comune e consigliata solo per stili specifici e isolati.<\/p>\n<p>Per uno stile pi\u00f9 avanzato, potete utilizzare preprocessori CSS come <a href=\"https:\/\/www.frontendmentor.io\/articles\/css-preprocessors-sass-or-less-which-to-choose-JOI20I1xNL#:~:text=Less%20provides%20flexibility%20for%20larger,Sass%2C%20Less%20encourages%20code%20organization.\" target=\"_blank\" rel=\"noopener noreferrer\">SASS o LESS<\/a>. Questi strumenti permettono di scrivere un CSS pi\u00f9 manutenibile e modulare, rendendo pi\u00f9 facile la gestione e l&#8217;estensione degli stili del vostro tema.<\/p>\n<h3>Personalizzare lo stile dei temi a blocchi<\/h3>\n<p>Lo stile dei temi a blocchi \u00e8 gestito principalmente attraverso il file <code>theme.json<\/code> e l&#8217;editor dei blocchi.<\/p>\n<p>Il file <code>theme.json<\/code> \u00e8 il luogo centrale per la configurazione degli stili e delle impostazioni globali del vostro tema. Questo file permette di definire i colori, la tipografia, la spaziatura e altri stili in un formato JSON strutturato, fornendo un modo centralizzato per gestire l&#8217;aspetto e il comportamento del tema. Gli stili globali definiti in <code>theme.json<\/code> si applicano a tutto il sito, garantendo un aspetto e un&#8217;atmosfera coerenti.<\/p>\n<p>Oltre a <code>theme.json<\/code>, potete utilizzare l&#8217;editor a blocchi per applicare stili personalizzati direttamente ai blocchi. L&#8217;editor a blocchi permette di vedere le modifiche in tempo reale e di regolare il design visivamente senza dover scrivere codice manualmente. Questo rende il processo pi\u00f9 accessibile, soprattutto per coloro che preferiscono un&#8217;interfaccia visiva alla codifica.<\/p>\n<p>Sebbene il file <code>theme.json<\/code> gestisca la maggior parte dello stile, potete comunque utilizzare i CSS per un controllo pi\u00f9 granulare. I CSS personalizzati possono essere aggiunti al file <code>style.css<\/code> o direttamente all&#8217;interno dei singoli blocchi utilizzando l&#8217;editor a blocchi.<\/p>\n<p>Un esempio di file <code>theme.json<\/code> potrebbe includere le impostazioni per le palette di colori, la tipografia e gli stili dei blocchi, rendendo pi\u00f9 semplice la gestione e la personalizzazione del design del tema.<\/p>\n<pre><code class=\"language-json\">{\n  \"version\": 2,\n  \"settings\": {\n    \"color\": {\n      \"palette\": [\n        {\n          \"name\": \"Primary\",\n          \"slug\": \"primary\",\n          \"color\": \"#0073aa\"\n        },\n        {\n          \"name\": \"Secondary\",\n          \"slug\": \"secondary\",\n          \"color\": \"#005177\"\n        }\n      ]\n    },\n    \"typography\": {\n      \"fontSizes\": [\n        {\n          \"name\": \"Small\",\n          \"slug\": \"small\",\n          \"size\": \"12px\"\n        },\n        {\n          \"name\": \"Normal\",\n          \"slug\": \"normal\",\n          \"size\": \"16px\"\n        }\n      ]\n    }\n  },\n  \"styles\": {\n    \"color\": {\n      \"background\": \"#ffffff\",\n      \"text\": \"#333333\"\n    },\n    \"typography\": {\n      \"fontFamily\": \"Arial, sans-serif\"\n    }\n  }\n}<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Potete scoprire di pi\u00f9 sulle potenzialit\u00e0 di <code>theme.json<\/code> nella nostra guida su come <a href=\"https:\/\/kinsta.com\/it\/blog\/theme-json\/\">personalizzare il tema a blocchi di WordPress come un professionista<\/a>.<\/p>\n<\/aside>\n\n<h2>Personalizzare i temi<\/h2>\n<p>La personalizzazione dei temi WordPress permette di adattare l&#8217;aspetto e le funzionalit\u00e0 del vostro sito web per soddisfare esigenze e preferenze specifiche. Sia i temi classici che quelli a blocchi offrono vari metodi di personalizzazione, ma con approcci diversi.<\/p>\n<h3>Personalizzare i temi classici<\/h3>\n<p>I temi classici offrono diversi modi per personalizzare l&#8217;aspetto del vostro sito:<\/p>\n<ol start=\"1\">\n<li><strong>Il Personalizzatore del tema<\/strong>: il Personalizzatore del tema di WordPress \u00e8 un&#8217;interfaccia facile da usare che permette di apportare modifiche all&#8217;aspetto del vostro tema senza toccare alcun codice. Potete accedervi tramite <strong>Aspetto<\/strong> &gt; <strong>Personalizza<\/strong>. Offre opzioni per modificare l&#8217;identit\u00e0 del sito, i colori, i menu, i widget e altro ancora. Le modifiche possono essere visualizzate in anteprima in tempo reale prima di essere salvate.<\/li>\n<li><strong>CSS personalizzato<\/strong>: per modifiche di stile pi\u00f9 specifiche, potete aggiungere CSS personalizzati direttamente nel Personalizzatore del tema nella sezione <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">CSS aggiuntivi<\/a>. Questo metodo \u00e8 ideale per apportare piccole modifiche senza modificare i file del tema.<\/li>\n<li><strong>Temi child<\/strong>: se avete bisogno di apportare modifiche estese, la creazione di un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">tema child<\/a> \u00e8 l&#8217;approccio consigliato. Un tema child eredita le funzionalit\u00e0 del tema genitore e permette di sovrascrivere o aggiungere nuovi stili e caratteristiche. Questo garantisce che le personalizzazioni vengano conservate quando il tema principale viene aggiornato.<\/li>\n<li><strong>File di tema<\/strong>: gli utenti pi\u00f9 esperti possono modificare direttamente i file di tema, come <code>header.php<\/code>, <code>footer.php<\/code> e <code>functions.php<\/code>, per apportare modifiche pi\u00f9 significative. Tuttavia, questo metodo richiede una buona conoscenza di PHP e della gerarchia dei template di WordPress.<\/li>\n<li><strong>Plugin<\/strong>: esistono numerosi plugin che ampliano le possibilit\u00e0 di personalizzazione del tema. Ad esempio, i <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/\">plugin di page builder<\/a> come <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-elementor\/\">Elementor<\/a> permettono di creare layout complessi senza dover ricorrere al codice.<\/li>\n<\/ol>\n<h3>Personalizzare i temi a blocchi<\/h3>\n<p>Grazie all&#8217;enfasi posta sul FSE, i temi a blocchi offrono un approccio alla personalizzazione pi\u00f9 visivo e facile da usare:<\/p>\n<ol start=\"1\">\n<li><strong>Editor del sito<\/strong>: l&#8217;Editor del sito di WordPress (<strong>Aspetto<\/strong> &gt; <strong>Editor<\/strong>) \u00e8 lo strumento principale per personalizzare i temi a blocchi. Permette di modificare tutti gli aspetti del vostro sito, tra cui header, footer, template e singoli blocchi, utilizzando un&#8217;interfaccia visiva. Le modifiche vengono applicate istantaneamente, rendendo facile verificare come influiscano sul design del sito.<\/li>\n<li><strong>Stili globali<\/strong>: i temi a blocchi utilizzano il file <code>theme.json<\/code> per definire gli stili globali. Potete personalizzare i colori, la tipografia, la spaziatura e molto altro ancora a livello globale, garantendo la coerenza del sito. L&#8217;Editor del sito permette anche di modificare visivamente queste impostazioni.<\/li>\n<li><strong>Blocchi e pattern riutilizzabili<\/strong>: potete creare blocchi e pattern riutilizzabili per mantenere la coerenza e semplificare il processo di progettazione. I blocchi riutilizzabili possono essere salvati e inseriti in qualsiasi post o pagina, mentre i block pattern forniscono layout predefiniti che possono essere personalizzati per adattarsi alle vostre esigenze.<\/li>\n<li><strong>Template personalizzati<\/strong>: con i temi a blocchi, potete creare template personalizzati per diversi tipi di contenuti direttamente nell&#8217;Editor del sito. Questo vi permette di personalizzare il layout e il design di specifiche pagine o tipi di post senza scrivere alcun codice.<\/li>\n<li><strong>Plugin<\/strong>: come i temi classici, anche i temi a blocchi possono essere ampliati con i plugin. Molti plugin sono progettati per migliorare le funzionalit\u00e0 dell&#8217;editor a blocchi, offrendo blocchi aggiuntivi, template e opzioni di personalizzazione.<\/li>\n<\/ol>\n<h2>Riepilogo<\/h2>\n<p>La personalizzazione dei temi WordPress permette di rendere il vostro sito unico e funzionale. I temi classici si affidano al Personalizzatore di temi, ai CSS personalizzati, ai temi child e alla modifica diretta dei file per ottenere la massima flessibilit\u00e0. I temi a blocchi utilizzano l&#8217;Editor del sito e <code>theme.json<\/code> per un approccio pi\u00f9 visivo e intuitivo.<\/p>\n<p>Entrambi i metodi offrono strumenti potenti per adattare il sito alle vostre esigenze, sia che preferiate creare codice che la personalizzazione visiva.<\/p>\n<p>Dopo aver creato un tema adatto ai vostri gusti, sia esso classico o a blocchi, \u00e8 importante ospitare il vostro sito su un hosting solido per evitare problemi come <a href=\"https:\/\/kinsta.com\/it\/blog\/tempi-inattivita-sito-web\/\">downtime<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/prevenire-attacchi-ddos\/\">attacchi DDoS<\/a> e altro. \u00c8 qui che si distinguono i provider di hosting premium come Kinsta.<\/p>\n<p>Kinsta offre un potente <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">hosting WordPress gestito<\/a> con un&#8217;architettura completamente containerizzata, alimentato esclusivamente da <a href=\"https:\/\/kinsta.com\/it\/blog\/piattaforma-cloud-per-sviluppatori\/\">Google Cloud Platform<\/a> sulla rete Premium Tier di Google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I temi WordPress giocano un ruolo fondamentale nel dare forma all&#8217;aspetto e alla funzionalit\u00e0 di un sito web. Definiscono il modo in cui vengono visualizzati i &#8230;<\/p>\n","protected":false},"author":287,"featured_media":78658,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25873,25957],"class_list":["post-78657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-sviluppo-wordpress","topic-temi-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Concetti fondamentali per lo sviluppo di temi WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Concetti fondamentali da comprendere nello sviluppo di temi WordPress\" \/>\n<meta property=\"og:description\" content=\"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-21T07:20:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-22T10:22:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Concetti fondamentali da comprendere nello sviluppo di temi WordPress\",\"datePublished\":\"2024-08-21T07:20:05+00:00\",\"dateModified\":\"2024-08-22T10:22:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\"},\"wordCount\":2967,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\",\"name\":\"Concetti fondamentali per lo sviluppo di temi WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"datePublished\":\"2024-08-21T07:20:05+00:00\",\"dateModified\":\"2024-08-22T10:22:54+00:00\",\"description\":\"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Concetti fondamentali da comprendere nello sviluppo di temi WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Concetti fondamentali per lo sviluppo di temi WordPress - Kinsta\u00ae","description":"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Concetti fondamentali da comprendere nello sviluppo di temi WordPress","og_description":"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.","og_url":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-08-21T07:20:05+00:00","article_modified_time":"2024-08-22T10:22:54+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development-1024x512.png","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Joel Olawanle","Tempo di lettura stimato":"17 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Concetti fondamentali da comprendere nello sviluppo di temi WordPress","datePublished":"2024-08-21T07:20:05+00:00","dateModified":"2024-08-22T10:22:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/"},"wordCount":2967,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/","name":"Concetti fondamentali per lo sviluppo di temi WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","datePublished":"2024-08-21T07:20:05+00:00","dateModified":"2024-08-22T10:22:54+00:00","description":"Scopri i concetti essenziali dello sviluppo di temi WordPress, tra cui i temi classici e a blocchi, la gerarchia dei template e i tipi di post personalizzati.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/concetti-fondamentali-temi-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Sviluppo di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Concetti fondamentali da comprendere nello sviluppo di temi WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/it\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=78657"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78657\/revisions"}],"predecessor-version":[{"id":78685,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/78657\/revisions\/78685"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/translations\/nl"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/78657\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/78658"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=78657"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=78657"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=78657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}