{"id":68277,"date":"2023-11-28T07:00:36","date_gmt":"2023-11-28T15:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=68277"},"modified":"2025-06-11T13:20:29","modified_gmt":"2025-06-11T20:20:29","slug":"quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/","title":{"rendered":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato?"},"content":{"rendered":"\n<p>Se vuoi che qualcosa sia fatto in un certo modo \u2014 beh, potresti doverlo fare tu stesso. Anche se ci sono molti <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-find-wp-themes\/\" target=\"_blank\" rel=\"noopener\">temi WordPress<\/a> disponibili, trovare quello che soddisfa le tue specifiche esigenze potrebbe rivelarsi difficile. Nella tua ricerca della soluzione perfetta, potresti essere tentato di creare il tuo tema WordPress personalizzato.<\/p>\n\n\n<p>Fortunatamente, creare un tema personalizzato per WordPress \u00e8 un processo relativamente semplice. Sorprendentemente, non richiede una grande conoscenza tecnica o esperienza nello sviluppo web. Inoltre, costruire il tuo tema pu\u00f2 valere bene la pena, dato che puoi ottenere che il tuo sito abbia esattamente l&#8217;aspetto che desideri.<\/p>\n\n\n<h2 id=\"design\" class=\"wp-block-heading\">Progettare Un Sito Web WordPress Personalizzato<\/h2>\n\n\n<p>Vuoi che il tuo sito sia fantastico e disponga di tutte le funzionalit\u00e0 di cui hai bisogno, quindi dai un&#8217;occhiata al <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">Directory dei Temi WordPress<\/a>:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes.jpg\" alt=\"screenshot della vista principale dei temi wordpress con tre opzioni di tema visualizzate\" class=\"wp-image-42452 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-300x150.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1024x512.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-768x384.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP_Themes-1536x768.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-600x300.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1200x600.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-730x365.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1460x730.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-784x392.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-1568x784.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP_Themes-877x439.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/800;\" \/><\/figure>\n\n\n<p>Sfortunatamente, nulla di ci\u00f2 che vedi soddisfa le tue esigenze e non vuoi scendere a compromessi sulla tua visione. Forse desideri qualcosa di unico per far risaltare il tuo sito, ma non vuoi spendere soldi per un tema premium.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Costruttori di Pagine<\/h3>\n\n\n<p>Un&#8217;opzione \u00e8 utilizzare un plugin <a href=\"https:\/\/www.dreamhost.com\/website-builder\/\" target=\"_blank\" rel=\"noopener\">costruttore di pagine<\/a>. Questi strumenti ti permettono di prendere un tema esistente e riorganizzare il layout per adattarlo alle tue esigenze. La maggior parte dei costruttori di pagine pi\u00f9 popolari offre controlli semplici drag-and-drop senza necessit\u00e0 di codifica. Alcuni temi multipurpose includono questa funzionalit\u00e0 integrata.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Temi Block<\/h3>\n\n\n<p>Se decidi di provare l&#8217;editor nativo di WordPress, la modifica completa del sito \u00e8 un insieme di funzionalit\u00e0 in WordPress che include diversi strumenti per rendere il processo di progettazione pi\u00f9 accessibile ai proprietari di siti.<\/p>\n\n\n<p>Utilizzando questo nuovo Editor di Sito, puoi usare blocchi trascinabili per personalizzare la maggior parte del tuo sito da un&#8217;interfaccia unica, inclusi i modelli di pagina, senza utilizzare codice. Ecco la nostra guida completa al <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Full Site Editing<\/a>.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Personalizzazione Del Tema<\/h3>\n\n\n<p>Se scegli un tema personalizzabile, puoi anche modificare l&#8217;aspetto del tuo sito senza entrare in dettagli tecnici. Utilizzando il Personalizzatore WordPress e il pannello Opzioni Tema, dovresti essere in grado di regolare vari elementi di design:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Schema Di Colori<\/b>: Dal colore di sfondo del tuo sito alla particolare tonalit\u00e0 del testo principale.<\/li>\n\n\n\n<li><b>Tipografia<\/b>: Questo include i font utilizzati sul tuo sito e come il testo viene visualizzato in vari tipi di contenuti.<\/li>\n\n\n\n<li><b>Layout<\/b>: Alcuni temi ti permettono di passare tra diversi layout e scegliere come il tuo sito dovrebbe adattarsi a diverse dimensioni di schermo.<\/li>\n\n\n<\/ul>\n\n\n<p>La scelta esatta delle opzioni qui dipender\u00e0 dal tema che scegli e da come si coordina con il resto dei tuoi asset di branding e <a href=\"https:\/\/www.hubspot.com\/campaign-assistant\" target=\"_blank\" rel=\"noreferrer noopener\">campagne di marketing<\/a>. I temi Premium tendono ad offrire pi\u00f9 funzionalit\u00e0 di personalizzazione.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Creazione Di Un Tema Child<\/h3>\n\n\n<p>Se desideri maggior controllo, potresti considerare di <a href=\"https:\/\/www.dreamhost.com\/blog\/install-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">creare un tema child<\/a>.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Tema Child<\/h3>\n    <p>Un u2018tema childu2019 \u00e8 un tema WordPress con lo stesso aspetto e funzionalit\u00e0 del suo u2018tema parentu2019. Tuttavia, puoi personalizzare i suoi file separatamente dai file del suo tema parent.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/child-theme\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Data la quantit\u00e0 di scelte nella Directory dei Temi WordPress, \u00e8 probabile che tu trovi un tema che soddisfi alcune (se non tutte) delle tue esigenze. Piuttosto che partire da un modello molto basilare, puoi adattare il tema esistente per soddisfare la tua visione.<\/p>\n\n\n<p>In apparenza, un tema child di WordPress funziona come qualsiasi altro tema. La differenza principale \u00e8 che un tema child eredita gli attributi da un tema parent (il tema originale che hai scelto di utilizzare).<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes.jpg\" alt=\"Quattro opzioni di tema parent visualizzate attorno a un'opzione per &quot;aggiungere il tuo tema&quot; \" class=\"wp-image-42453 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/WP-child-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/WP-child-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Questa relazione consente al tema child di sovrascrivere specifiche parti del tema parent, mantenendo la maggior parte dell&#8217;aspetto e delle funzionalit\u00e0 del parent.<\/p>\n\n\n<p>I temi child offrono un metodo efficiente per personalizzare un tema esistente senza modificare i file del tema parent. \u00c8 essenziale aggiornare i temi parent e child per la sicurezza e la correzione di bug. Il pi\u00f9 delle volte, sar\u00e0 necessario aggiornare solo il tema parent.<\/p>\n\n\n<p>Di conseguenza, utilizzare un tema child \u00e8 un modo efficace per creare una presenza online unica senza immergersi troppo nel mondo dello sviluppo.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Controllo Completo<\/h3>\n\n\n<p>A volte, anche questo non basta. Quando vuoi costruire qualcosa di veramente unico, \u00e8 il momento di considerare la creazione del tuo tema personale.<\/p>\n\n\n<p>Fortunatamente, sviluppare un tema per WordPress \u00e8 pi\u00f9 facile di quanto si possa pensare. Grazie all&#8217;interfaccia user-friendly della piattaforma e ai numerosi strumenti disponibili, quasi chiunque pu\u00f2 creare un tema personalizzato.<\/p>\n\n\n<p>Ti guideremo attraverso il processo di creazione del tuo primo tema. Per iniziare, avrai bisogno di due cose:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Il tuo <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-site-cost\/\" target=\"_blank\" rel=\"noopener\">sito web WordPress<\/a> personale<\/li>\n\n\n\n<li>Un <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noopener\">piano di hosting di qualit\u00e0<\/a><\/li>\n\n\n<\/ul>\n\n\n<p>Beneficerai anche dell&#8217;esperienza con ambienti di <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">staging locali<\/a>, poich\u00e9 ne utilizzerai uno per creare il tuo tema. Avere una certa comprensione di <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-css\/\" target=\"_blank\" rel=\"noopener\">CSS<\/a> e <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-php\/\" target=\"_blank\" rel=\"noopener\">PHP<\/a> sar\u00e0 altres\u00ec utile (anche se non strettamente necessario).<\/p>\n\n\n<p>Infine, c&#8217;\u00e8 uno strumento importante che vorrai avere, il quale render\u00e0 il processo molto pi\u00f9 semplice: un tema starter.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"starter\" class=\"wp-block-heading\">Cos&#8217;\u00c8 Un Tema Starter? (E Perch\u00e9 Dovresti Usarlo)<\/h2>\n\n\n<p>Un tema starter \u00e8 un tema WordPress essenziale che puoi utilizzare come base per creare il tuo. Questo ti permette di costruire su una struttura solida senza preoccuparti delle complessit\u00e0 della codifica di un tema da zero. Ti aiuter\u00e0 anche a comprendere come funziona WordPress mostrandoti la struttura di base di un tema e come tutte le sue parti lavorano insieme.<\/p>\n\n\n<p>Ci sono molti ottimi temi iniziali disponibili, tra cui <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>, <a href=\"https:\/\/understrap.com\/\" target=\"_blank\" rel=\"noopener\">UnderStrap<\/a> e <a href=\"https:\/\/themble.com\/bones\/\" target=\"_blank\" rel=\"noopener\">Bones<\/a> (solo per citarne alcuni).<\/p>\n\n\n<p>Utilizzeremo Underscores per il nostro tutorial. \u00c8 una scelta solida per i principianti perch\u00e9 contiene solo le basi. Inoltre, questo tema iniziale \u00e8 stato sviluppato da Automattic (il team dietro WordPress.com), il che significa che \u00e8 pi\u00f9 probabile che sia sicuro, compatibile e ben supportato nel lungo periodo.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>WordPress.com<\/h3>\n    <p>WordPress.com \u00e8 la versione ospitata di WordPress. Poich\u00e9 offre un&#8217;opzione di piano completamente gratuita, WordPress.com \u00e8 una piattaforma popolare per il blogging e i siti web personali.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/wordpress-com\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<h2 id=\"develop\" class=\"wp-block-heading\">Come Sviluppare Il Tuo Primo Tema WordPress (In 5 Passi)<\/h2>\n\n\n<p>Con la preparazione conclusa, sei finalmente pronto a iniziare a creare il tuo primo tema. Come abbiamo menzionato prima, utilizzeremo un tema iniziale per questa guida.<\/p>\n\n\n<p>Tuttavia, se vuoi provare a creare tutto da solo senza un template, puoi farlo, ma questo approccio richieder\u00e0 molta pi\u00f9 competenza nella programmazione.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 1: Configura un Ambiente Locale<\/h3>\n\n\n<p>La prima cosa che devi fare \u00e8 <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">creare un ambiente di sviluppo locale<\/a>. Questo \u00e8 effettivamente un server che installi sul tuo computer, che puoi usare per sviluppare e gestire siti WordPress locali. Un sito locale \u00e8 un modo sicuro per sviluppare un tema senza impattare sul tuo sito live.<\/p>\n\n\n<p>Ci sono molti modi per creare un ambiente locale, ma noi useremo <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a>. Questo \u00e8 un modo veloce e facile per installare gratuitamente una versione locale di WordPress ed \u00e8 compatibile sia con Mac che con Windows:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"875\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local.jpg\" alt=\"Screenshot della homepage di Local che lo dichiara &quot;Lo strumento di sviluppo WordPress locale n\u00b01&quot; \" class=\"wp-image-42454 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1024x560.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-768x420.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Local-1536x840.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-600x328.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1200x656.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-730x399.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1460x798.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-784x429.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-1568x858.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Local-877x480.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/875;\" \/><\/figure>\n\n\n<p>Per iniziare, seleziona la versione gratuita di Local, scegli la tua piattaforma, aggiungi i tuoi dettagli e scarica l&#8217;installatore. Quando l&#8217;installazione \u00e8 stata completata, puoi aprire il programma sul tuo computer.<\/p>\n\n\n<p>Qui, ti verr\u00e0 chiesto di configurare il tuo nuovo ambiente locale:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP.jpg\" alt=\"Screenshot della fase di &quot;Configurazione di WordPress&quot; in locale che richiede il nome utente, la password e l'email di WordPress dell'utente\" class=\"wp-image-42455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Set-up-WP-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Set-up-WP-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Questo \u00e8 <a href=\"https:\/\/wpengine.com\/resources\/local-wordpress-development-environment-how-to\/\" target=\"_blank\" rel=\"noopener\">un processo semplice<\/a>, e avrai il tuo sito WordPress locale pronto in pochi minuti. Una volta configurato, il tuo nuovo sito apparir\u00e0 e funzioner\u00e0 esattamente come un sito WordPress live.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 2: Scarica E Installa Il Tuo Tema Iniziale<\/h3>\n\n\n<p>Come la maggior parte dei temi starter, <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a> \u00e8 molto semplice da iniziare. Infatti, tutto ci\u00f2 che devi fare \u00e8 visitare il sito web e dare un nome al tuo tema:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1050\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores.jpg\" alt=\"screenshot del tema Underscores iniziale che dichiara &quot;Crea il tuo tema basato su Underscores&quot; con una casella di testo &quot;nome del tema&quot; accanto a un pulsante &quot;genera&quot;\" class=\"wp-image-42456 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1024x672.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-768x504.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Underscores-1536x1008.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-600x394.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1200x788.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-730x479.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1460x958.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-784x515.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-1568x1029.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Underscores-877x576.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1050;\" \/><\/figure>\n\n\n<p>Se vuoi, puoi cliccare su <i>Opzioni Avanzate<\/i> per personalizzare ulteriormente il tema di base:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"550\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option.jpg\" alt=\"Vista ravvicinata della casella di testo &quot;Nome del tema&quot; con &quot;Opzioni avanzate&quot; mostrate subito sotto\" class=\"wp-image-42457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-300x103.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1024x352.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-768x264.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Advanced-Option-1536x528.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-600x206.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1200x413.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-730x251.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1460x502.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-784x270.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-1568x539.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/Advanced-Option-877x301.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/550;\" \/><\/figure>\n\n\n<p>Qui, puoi inserire ulteriori informazioni, come il nome dell&#8217;autore, e fornire una descrizione del tema:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author.jpg\" alt=\"La stessa casella di testo del nome tema ora mostra ulteriori caselle di testo: slug del tema, autore, URL autore e descrizione, nonch\u00e9 caselle di controllo per &quot;WooCommerce boilerplate&quot; e &quot;_sassify!&quot; \" class=\"wp-image-42458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-name-slug-author-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-name-slug-author-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>C&#8217;\u00e8 anche l&#8217;opzione <i>_sassify!<\/i> che aggiunger\u00e0 i file Syntactically Awesome StyleSheets (SASS) al tuo tema. SASS \u00e8 un linguaggio di pre-elaborazione per CSS che ti permette di utilizzare variabili, nidificazioni, operatori matematici e altro ancora.<\/p>\n\n\n<p>Quando hai fatto le tue scelte, puoi cliccare su <i>Genera<\/i>, che scaricher\u00e0 un file <i>.zip<\/i> contenente il tuo tema iniziale. Questo \u00e8 il file principale attorno al quale svilupperai il tuo tema, quindi dovrai <a href=\"https:\/\/www.dreamhost.com\/blog\/tutorial-how-to-install-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">installarlo sul tuo sito locale<\/a>.<\/p>\n\n\n<p>Una volta installato il tuo tema, puoi visualizzare in anteprima il tuo sito per vedere come appare. \u00c8 molto semplice al momento, ma non sar\u00e0 cos\u00ec per molto tempo!<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passaggio 3: Scopri i Diversi Componenti di un Tema WordPress<\/h3>\n\n\n<p>Prima di poter personalizzare il tuo tema, devi capire lo scopo dei suoi componenti e come si incastrano tra loro.<\/p>\n\n\n<p>Prima di tutto, discutiamo dei <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" target=\"_blank\" rel=\"noopener\">file di template<\/a>, che sono i principali mattoni di un tema WordPress. Questi file determinano la disposizione e l&#8217;aspetto dei contenuti sul tuo sito.<\/p>\n\n\n<p>Per esempio, <i>header.php<\/i> \u00e8 utilizzato per creare un&#8217;intestazione, mentre <i>comments.php<\/i> ti permette di visualizzare i commenti.<\/p>\n\n\n<p>WordPress determina quali file di template utilizzare in ciascuna pagina attraverso la <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\" target=\"_blank\" rel=\"noopener\">gerarchia dei template<\/a>. Questo \u00e8 <a href=\"https:\/\/wphierarchy.com\/\" target=\"_blank\" rel=\"noopener\">l&#8217;ordine<\/a> in cui WordPress cercher\u00e0 i file di template corrispondenti ogni volta che viene caricata una pagina del tuo sito.<\/p>\n\n\n<p>Per esempio, se visiti l&#8217;URL <i>http:\/\/example.com\/post\/this-post<\/i>, WordPress cercher\u00e0 i seguenti file di template in quest&#8217;ordine:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>File che corrispondono allo slug, come <i>this-post<\/i><\/li>\n\n\n\n<li>File che corrispondono all&#8217;ID del post<\/li>\n\n\n\n<li>Un file generico per un singolo post, come <i>single.php<\/i><\/li>\n\n\n\n<li>Un file di archivio, come <i>archive.php<\/i><\/li>\n\n\n\n<li>Il file <i>index.php<\/i><\/li>\n\n\n<\/ol>\n\n\n<p>Dal momento che il file <i>index.php<\/i> \u00e8 richiesto da tutti i temi, \u00e8 l&#8217;opzione predefinita se nessun altro file pu\u00f2 essere trovato. Underscores contiene i file di tema pi\u00f9 comuni, che funzioneranno immediatamente. Tuttavia, puoi sperimentare <a href=\"https:\/\/www.designbombs.com\/working-with-underscores-theme-beginner-developer\/\" target=\"_blank\" rel=\"noopener\">modificandoli<\/a> se vuoi capire come lavorano insieme.<\/p>\n\n\n<h4 class=\"wp-block-heading\">File Principali del Tema<\/h4>\n\n\n<p>Oltre al file <i>index.php<\/i>, troverai i seguenti file nella maggior parte dei temi WordPress:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>header.php<\/b>: Questo contiene l&#8217;HTML per il tuo template personalizzato dell&#8217;intestazione, incluse le metadati e i link ai fogli di stile. Nota che i menu sono di solito gestiti dalla funzionalit\u00e0 di menu personalizzato di WordPress.<\/li>\n\n\n\n<li><b>footer.php<\/b>: Questo file contiene l&#8217;HTML per il template del footer del tuo sito web.<\/li>\n\n\n\n<li><b>sidebar.php<\/b>: Se desideri che il tuo sito web abbia una barra laterale, il codice proviene da qui. Tieni presente che questa \u00e8 semplicemente la struttura; i <a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/widget\/\" target=\"_blank\" rel=\"noopener\">widget<\/a> sono controllati dall&#8217;area amministrativa.<\/li>\n\n\n\n<li><b>single.php<\/b>: Questo \u00e8 il file template per i singoli post del blog. Se vuoi supportare diversi tipi di post, puoi creare pi\u00f9 di un file.<\/li>\n\n\n\n<li><b>page.php:<\/b> Il layout predefinito delle pagine individuali proviene da questo file. Anche in questo caso, puoi creare pi\u00f9 di un template \u2014 ad esempio, potresti creare un design di pagina prodotto per un negozio online.<\/li>\n\n\n\n<li><b>comments.php<\/b>: Questo file controlla la visualizzazione dei commenti sotto i tuoi post del blog e sulle pagine.<\/li>\n\n\n\n<li><b>search.php<\/b>: Quando qualcuno utilizza la funzionalit\u00e0 di ricerca sul tuo sito web, questo template definisce come appariranno i risultati della ricerca.<\/li>\n\n\n<\/ul>\n\n\n<p>In generale, avrai bisogno di modificare questi file solo se vuoi aggiungere contenuti o cambiare drasticamente il layout del tuo sito. La maggior parte degli altri aggiustamenti pu\u00f2 essere effettuata utilizzando CSS personalizzato nel tuo file di stile.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Il Ciclo<\/h4>\n\n\n<p>Un altro elemento importante che devi comprendere \u00e8 il Loop. WordPress utilizza questo codice per visualizzare i contenuti, quindi in molti modi, \u00e8 il cuore pulsante del tuo sito. Appare in tutti i file di template che mostrano il contenuto dei post, come <i>index.php<\/i> o <i>sidebar.php<\/i>.<\/p>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\" target=\"_blank\" rel=\"noopener\">The Loop<\/a> \u00e8 un argomento complesso che ti consigliamo di approfondire se vuoi capire come WordPress mostri il contenuto dei post. Fortunatamente, il Loop sar\u00e0 gi\u00e0 integrato nel tuo tema grazie a Underscores, quindi non devi preoccupartene per ora.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 4: Configura il Tuo Tema<\/h3>\n\n\n<p>\u00c8 facile pensare che i temi siano puramente per scopi estetici, ma in realt\u00e0 hanno un enorme impatto sulla funzionalit\u00e0 del tuo sito. Vediamo come puoi apportare alcune personalizzazioni di base.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Aggiungi Funzionalit\u00e0 Con Ganci<\/h4>\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/plugin-api-hooks\/\" target=\"_blank\" rel=\"noopener\">Hooks<\/a> sono pezzi di codice inseriti nei file di template, che ti permettono di eseguire azioni PHP in diverse aree di un sito, inserire stili e visualizzare altre informazioni. La maggior parte degli hooks \u00e8 implementata direttamente nel software core di WordPress, ma alcuni sono utili anche per gli sviluppatori di temi.<\/p>\n\n\n<p>Diamo un&#8217;occhiata ad alcuni degli hook pi\u00f9 comuni e a cosa possono essere utilizzati:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>wp_head()<\/b>: Aggiunto all&#8217;elemento &lt;head&gt; in <i>header.php<\/i>. Consente l&#8217;utilizzo di stili, script e altre informazioni che si attivano non appena il sito viene caricato. Questo \u00e8 spesso utilizzato per inserire il <a href=\"https:\/\/support.google.com\/analytics\/answer\/1008080?hl=en&amp;utm_medium=et&amp;utm_campaign=en_us&amp;utm_source=SetupChecklist#GA&amp;zippy=%2Cin-this-article%2Cstatic-website\" target=\"_blank\" rel=\"noopener\">codice di Google Analytics<\/a>.<\/li>\n\n\n\n<li><b>wp_footer()<\/b>: Aggiunto a <i>footer.php<\/i> poco prima del tag &lt;\/body&gt;.<\/li>\n\n\n\n<li><b>wp_meta()<\/b>: Questo appare di solito in <i>sidebar.php<\/i> per includere script aggiuntivi (come un nuvola di tag).<\/li>\n\n\n\n<li><b>comment_form()<\/b>: Aggiunto a <i>comments.php<\/i> direttamente prima del tag di chiusura &lt;\/div&gt; del file per visualizzare i dati dei commenti.<\/li>\n\n\n<\/ul>\n\n\n<p>Questi hook saranno gi\u00e0 inclusi nel tuo tema Underscores. Tuttavia, ti raccomandiamo ancora di visitare il <a href=\"https:\/\/adambrown.info\/p\/wp_hooks\" target=\"_blank\" rel=\"noopener\">Database degli Hook<\/a> per vedere tutti gli hook disponibili e <a href=\"https:\/\/codex.wordpress.org\/Plugin_API#Hooks:_Actions_and_Filters\" target=\"_blank\" rel=\"noopener\">scoprire di pi\u00f9<\/a> su di essi.<\/p>\n\n\n<h4 class=\"wp-block-heading\">Aggiungi Stili Con CSS<\/h4>\n\n\n<p><a href=\"https:\/\/wordpress.org\/support\/article\/css\/\" target=\"_blank\" rel=\"noopener\">Cascading Style Sheets (CSS)<\/a> definiscono l&#8217;aspetto di tutto il contenuto del tuo sito. In WordPress, questo si realizza utilizzando il file <i>style.css<\/i>. Avrai gi\u00e0 incluso questo file nel tuo tema, ma al momento contiene solo lo stile di base predefinito:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet.jpg\" alt=\"modifica del foglio di stile CSS di un nuovo tema WordPress personalizzato\" class=\"wp-image-42459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/test-theme-stylesheet-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/test-theme-stylesheet-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Se vuoi un esempio rapido di come funziona il CSS, puoi modificare qualsiasi stile qui e salvare il file per vedere gli effetti. Ad esempio, puoi trovare il seguente codice (di solito alla riga 485):<\/p>\n\n\n<p><code>a {<\/code><br><code>color: royalblue;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Questo codice controlla il colore dei collegamenti ipertestuali non visitati, che di default appaiono blu reale:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue.jpg\" alt=\"Sito di Test del Tema mostrando collegamenti ipertestuali blu sulla pagina inclusi &quot;Hello word&quot; e &quot;theme-tester&quot; \" class=\"wp-image-42460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-blue-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-blue-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Vediamo cosa succede se proviamo a cambiarlo sostituendolo con il codice seguente:<\/p>\n\n\n<p><code>a {<\/code><br><code>color: red;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Salva il file e controlla il tuo sito locale. Come puoi aspettarti, tutti i link non visitati appariranno ora di un rosso brillante:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red.jpg\" alt=\"lo stesso Sito di Test del Tema ora mostra i collegamenti ipertestuali &quot;Hello World&quot; e &quot;theme-tester&quot; in rosso\" class=\"wp-image-42461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/theme-test-site-red-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/theme-test-site-red-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Potresti notare che il link visitato in alto non ha cambiato colore. Questo perch\u00e9 \u00e8 in realt\u00e0 gestito dalla sezione successiva nel foglio di stile:<\/p>\n\n\n<p><code>a:visited {<\/code><br><code>color: purple;<\/code><br><code>}<\/code><\/p>\n\n\n<p>Questo \u00e8 un esempio molto basilare di come modificare <i>style.css<\/i> influenzer\u00e0 l&#8217;aspetto del tuo sito. CSS \u00e8 un argomento vastissimo che ti consigliamo di esplorare ulteriormente se desideri saperne di pi\u00f9 sulla creazione di design per il web. Ci sono molte <a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noopener\">risorse sull&#8217;argomento<\/a> per principianti.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 5: Esporta Il Tema E Caricalo Sul Tuo Sito<\/h3>\n\n\n<p>Quando hai finito di modificare il tuo tema, \u00e8 il momento di assicurarti che funzioni correttamente. Per fare ci\u00f2, puoi utilizzare i dati del <a href=\"https:\/\/codex.wordpress.org\/Theme_Unit_Test\" target=\"_blank\" rel=\"noopener\">Theme Unit Test<\/a>.<\/p>\n\n\n<p>Questo \u00e8 un insieme di dati fittizi che puoi caricare sul tuo sito. Contiene molte variazioni di stili e contenuti, e ti permetter\u00e0 di vedere come il tuo tema gestisce dati imprevedibili.<\/p>\n\n\n<p>Quando hai testato approfonditamente il tuo tema e sei convinto che rispetti gli <a href=\"https:\/\/make.wordpress.org\/themes\/handbook\/review\/\" target=\"_blank\" rel=\"noopener\">standard richiesti<\/a>, tutto ci\u00f2 che rimane ora \u00e8 esportarlo.<\/p>\n\n\n<p>Prima di tutto, devi trovare la posizione del tuo sito web sulla tua macchina locale. Probabilmente lo troverai in una cartella chiamata <i>Websites,<\/i> all&#8217;interno della tua cartella <i>Documents<\/i> predefinita.<\/p>\n\n\n<p>Apri la cartella del sito web e accedi a <i>\/wp-content\/themes\/<\/i>, dove troverai il tuo tema:<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes.jpg\" alt=\"Cartella dei temi wp-content di WordPress in client FTP\" class=\"wp-image-42462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wp-content-themes-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wp-content-themes-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Ora puoi utilizzare uno strumento di compressione, come <a href=\"https:\/\/www.rarlab.com\/download.htm\" target=\"_blank\" rel=\"noopener\">WinRAR<\/a>, per creare un file <i>.zip<\/i> basato sulla cartella. Basta fare clic destro sulla cartella e selezionare l&#8217;opzione che ti permette di comprimerla, come <i>Comprimi \u201ccartella\u201d.<\/i><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme.jpg\" alt=\"compressione del tema WordPress personalizzato per prepararlo al caricamento\" class=\"wp-image-42463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/compress-test-theme-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/compress-test-theme-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Quando la cartella \u00e8 stata compressa, \u00e8 pronta per essere caricata e installata su qualsiasi sito WordPress, proprio come hai installato il tuo tema Underscores all&#8217;inizio.<\/p>\n\n\n<h2 id=\"tips\" class=\"wp-block-heading\">Suggerimenti Per Sviluppare Il Tuo Primo Tema Personalizzato<\/h2>\n\n\n<p>Quando inizi a smanettare con il codice per la prima volta, \u00e8 sempre possibile commettere qualche errore. Per questo motivo, \u00e8 una buona idea prenderti tutto il tempo necessario per sviluppare il tuo primo tema e sperimentare nel tuo ambiente locale.<\/p>\n\n\n<p>Ecco alcune misure aggiuntive che puoi adottare per garantire che il tuo tema abbia successo nel panorama generale:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Usa il controllo di versione<\/b>: Sistemi come Git ti aiutano a tracciare le modifiche al tuo codice nel tempo e a correggere gli errori.<\/li>\n\n\n\n<li><b>Valida il tuo codice<\/b>: Usa strumenti come Theme Check e il Validatore W3C per trovare errori nel tuo codice. Effettuare controlli frequenti pu\u00f2 aiutarti a individuare i problemi in anticipo.<\/li>\n\n\n\n<li><b>Testa il tuo tema<\/b>: Prova a caricare il tuo tema su diversi browser e dispositivi per identificare problemi di layout o di rendering. Un design che funziona perfettamente sul tuo computer pu\u00f2 avere problemi su una piattaforma diversa.<\/li>\n\n\n\n<li><b>Usa i commenti nel codice<\/b>: Lasciare note che spiegano cosa fa ogni cosa pu\u00f2 aiutarti a risolvere i problemi in un secondo momento.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"create\" class=\"wp-block-heading\">Crea Un Tema WordPress Personalizzato<\/h2>\n\n\n<p>Creare un tema WordPress personalizzato da zero non \u00e8 un&#8217;impresa da poco. Tuttavia, il processo potrebbe non essere cos\u00ec difficile come pensi.<\/p>\n\n\n<p>Per riassumere, ecco come sviluppare un tema WordPress in cinque semplici passaggi:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Configura un ambiente locale, utilizzando <a href=\"https:\/\/localwp.com\/\" target=\"_blank\" rel=\"noopener\">Local<\/a>.<\/li>\n\n\n\n<li>Scarica e installa un tema iniziale, come <a href=\"http:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener\">Underscores<\/a>.<\/li>\n\n\n\n<li>Impara i diversi componenti di un tema WordPress.<\/li>\n\n\n\n<li>Configura il tuo tema.<\/li>\n\n\n\n<li>Esporta il tema e caricarlo sul tuo sito.<\/li>\n\n\n<\/ol>\n\n\n<p>Seguendo le linee guida nel <a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">sito di documentazione Codex<\/a>, puoi sviluppare un tema che rispetti gli standard di qualit\u00e0. Potresti anche prendere in considerazione l&#8217;idea di inviarlo al WordPress Theme Directory!<\/p>\n\n\n<h3 class=\"wp-block-heading\">Lancia Il Tuo Sito WordPress Unico Con DreamPress<\/h3>\n\n\n<p>Creare un ottimo tema \u00e8 il primo passo verso la realizzazione di un sito web di successo. Noi abbiamo gli strumenti per aiutarti a completare il resto.<\/p>\n\n\n<p>Con l&#8217;<a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">hosting gestito DreamPress<\/a>, puoi testare qualsiasi tema o plugin online con lo staging a un clic. Forniamo anche backup a prova di proiettile, cos\u00ec puoi ripristinare le modifiche in qualsiasi momento, e caching integrato per prestazioni ottimali.<\/p>\n\n\n<p><a href=\"https:\/\/panel.dreamhost.com\/signup\/?lng=en#!\/dreampress\/?plan=standard&amp;term=yearly&amp;p=DPINTRO\" target=\"_blank\" rel=\"noopener\">Iscriviti oggi<\/a> per mettere online il tuo sito WordPress!<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Rendiamo WordPress Pi\u00f9 Semplice per Te\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Affidati a noi per la migrazione del tuo sito, l&#8217;installazione di WordPress, la gestione della sicurezza e degli aggiornamenti, e l&#8217;ottimizzazione delle prestazioni del server. Ora puoi concentrarti su ci\u00f2 che conta di pi\u00f9: far crescere il tuo sito web.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Scopri i Piani                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Se vuoi che qualcosa sia fatto in un certo modo \u2014 beh, potresti doverlo fare da solo. Anche se sono disponibili molti ottimi temi WordPress, trovare quello che soddisfa le tue esigenze specifiche potrebbe rivelarsi difficile. Nella tua ricerca della soluzione perfetta, potresti essere tentato di creare il tuo tema WordPress personalizzato. Fortunatamente, [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42447,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!","toc_headlines":"[[\"design\",\"Progettare Un Sito Web WordPress Personalizzato\"],[\"starter\",\"Cos'\u00c8 Un Tema Starter? (E Perch\u00e9 Dovresti Usarlo)\"],[\"develop\",\"Come Sviluppare Il Tuo Primo Tema WordPress (In 5 Passi)\"],[\"tips\",\"Suggerimenti Per Sviluppare Il Tuo Primo Tema Personalizzato\"],[\"create\",\"Crea Un Tema WordPress Personalizzato\"]]","hide_toc":false,"footnotes":""},"categories":[15076,15058,15072],"tags":[],"class_list":["post-68277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-central-it","category-tutorials-it","category-wordpress-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato? - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato?\" \/>\n<meta property=\"og:description\" content=\"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-28T15:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T20:20:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato? - DreamHost Blog","description":"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!","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:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/","og_locale":"en_US","og_type":"article","og_title":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato?","og_description":"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-28T15:00:36+00:00","article_modified_time":"2025-06-11T20:20:29+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato?","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-06-11T20:20:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/"},"wordCount":2819,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","articleSection":["Centro Sviluppatori","Tutorial","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/","name":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato? - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","datePublished":"2023-11-28T15:00:36+00:00","dateModified":"2025-06-11T20:20:29+00:00","description":"Sviluppare un tema per WordPress non \u00e8 cos\u00ec complicato come potresti pensare. In questa guida passo passo, ti mostreremo come costruire il sito perfetto!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/10\/Build-A-Custom-WordPress-Theme-Hero-Image.jpg","width":1460,"height":1095,"caption":"man working at a computer looking and smiling at a woman who is explaining something on the computer to him"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/quindi-vuoi-creare-il-tuo-tema-wordpress-personalizzato-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Quindi Vuoi Creare Il Tuo Tema WordPress Personalizzato?"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"it","translations":{"it":68277,"es":37426,"en":37404,"de":51667,"uk":56663,"pt":56684,"pl":56690,"ru":56693,"fr":70137,"nl":70166},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=68277"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68277\/revisions"}],"predecessor-version":[{"id":68279,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68277\/revisions\/68279"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42447"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=68277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=68277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=68277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}