{"id":67883,"date":"2022-11-03T07:00:36","date_gmt":"2022-11-03T14:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=67883"},"modified":"2025-06-11T13:21:38","modified_gmt":"2025-06-11T20:21:38","slug":"come-creare-un-tema-child-woocommerce-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/","title":{"rendered":"Come Creare un Tema Child WooCommerce"},"content":{"rendered":"\n<p>Immagina di avere un <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\">negozio WooCommerce<\/a> attivo e funzionante.<\/p>\n\n\n<p>Se stai utilizzando il <a href=\"https:\/\/woocommerce.com\/storefront\/\" target=\"_blank\" rel=\"noopener\">tema ufficiale Storefront<\/a>, potrebbe apparire piuttosto professionale. Tuttavia, potresti ancora voler personalizzare l&#8217;aspetto del tuo negozio WooCommerce per adattarlo alla tua visione.<\/p>\n\n\n<p>La soluzione migliore \u00e8 spesso creare un <a href=\"https:\/\/www.dreamhost.com\/blog\/why-you-need-a-child-theme\/\" target=\"_blank\" rel=\"noopener\">tema child<\/a> WooCommerce. Questo perch\u00e9 un tema child ti permette di apportare modifiche al tuo tema originale senza modificarlo direttamente. Semplifica il processo di personalizzazione dell&#8217;aspetto del tuo negozio ed elimina potenziali rischi per il tuo tema e negozio.<\/p>\n\n\n<p>In questo articolo, esamineremo come puoi personalizzare il tuo negozio WooCommerce utilizzando i temi. Poi, ti mostreremo come creare il tuo tema child in soli cinque passi. Iniziamo!<\/p>\n\n\n<h2 id=\"h-a-quick-look-at-woocommerce-themes\" class=\"wp-block-heading\"><b>Uno Sguardo Rapido ai Temi di WooCommerce<\/b><\/h2>\n\n\n<p>Con il lancio del <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\">plugin WooCommerce<\/a> nel 2011, WordPress \u00e8 diventato la piattaforma di e-commerce pi\u00f9 popolare. Attualmente WooCommerce \u00e8 utilizzato per gestire <a href=\"https:\/\/trends.builtwith.com\/shop\" target=\"_blank\" rel=\"noopener\">il 25% di tutti i negozi online<\/a>, rendendolo il 6% pi\u00f9 popolare del suo pi\u00f9 stretto concorrente.<\/p>\n\n\n<p><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><\/p>\n\n\n<div class=\"embed-container\"><iframe data-src=\"https:\/\/www.youtube.com\/embed\/2TVJi7IpwxA\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div>\n\n\n<p>Uno degli elementi che ha reso WooCommerce cos\u00ec di successo \u00e8 la facilit\u00e0 con cui \u00e8 possibile creare un negozio unico con il minimo sforzo. Tuttavia, questo da solo non spiega la popolarit\u00e0 della piattaforma.<\/p>\n\n\n<p>Un altro fattore fondamentale nel successo di WooCommerce \u00e8 la quasi infinita possibilit\u00e0 di personalizzazione che offre. Quando combinato con il tema giusto, hai accesso a molta flessibilit\u00e0 nel design.<\/p>\n\n\n<p>WooCommerce \u00e8 compatibile con quasi tutti i <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-find-wp-themes\/\" target=\"_blank\" rel=\"noopener\">temi WordPress<\/a>. Tuttavia, la maggior parte di essi non sar\u00e0 ottimizzata per gestire le funzionalit\u00e0 uniche del plugin.<\/p>\n\n\n<p>Fortunatamente, <a href=\"https:\/\/woocommerce.com\/storefront\/\" target=\"_blank\" rel=\"noopener\">il tema Storefront<\/a> \u00e8 un&#8217;ottima opzione. Questo \u00e8 il tema ufficiale di WooCommerce, creato appositamente per integrarsi con il plugin. \u00c8 accattivante fin da subito, con un design semplice e pulito che mette in risalto i tuoi prodotti:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"765\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-storefront-theme.jpg\" alt=\"il tema WooCommerce Storefront\" class=\"wp-image-37882 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-storefront-theme.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-storefront-theme-300x191.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-storefront-theme-1024x653.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-storefront-theme-768x490.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-storefront-theme-600x383.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-storefront-theme-750x478.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-storefront-theme-100x64.jpg 100w\" data-sizes=\"(max-width: 1200px) 100vw, 1200px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/765;\" \/><\/figure><\/div>\n\n<p>Questo design essenziale rende Storefront una base ideale per la personalizzazione. Qui entrano in gioco i temi child, che esamineremo in seguito.<\/p>\n\n\n<h2 id=\"h-why-you-might-want-to-create-a-woocommerce-child-theme\" class=\"wp-block-heading\"><b>Perch\u00e9 Potresti Voler Creare un Tema Child WooCommerce<\/b><\/h2>\n\n\n<p>Se hai passato molto tempo a informarti su WordPress, probabilmente hai gi\u00e0 incontrato i temi child prima.<\/p>\n\n\n<p>In breve, un tema child inizia la sua vita come copia di un altro tema, noto come &#8216;tema parent&#8217;. Puoi quindi apportare modifiche al tema child e testarle senza modificare direttamente il tema parent. Questo \u00e8 importante perch\u00e9 modificare il tema originale pu\u00f2 causare errori irreversibili e persino danneggiare il tuo sito web.<\/p>\n\n\n<p>Potresti creare un tema child perch\u00e9 vuoi utilizzare un altro tema come base, piuttosto che dover costruire un nuovo tema completamente da zero. In alternativa, potresti voler apportare solo alcune modifiche minori al branding o all&#8217;estetica generale di un tema. Il cielo \u00e8 davvero il limite, a seconda di quanto tempo sei disposto a dedicare al progetto.<\/p>\n\n\n<p>Quando si tratta di WooCommerce, la maggior parte dei temi child si basa su Storefront:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1999\" height=\"1286\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store.jpg\" alt=\"Opzioni di temi child Storefront nel negozio ufficiale WooCommerce\" class=\"wp-image-37883 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-theme-store.jpg.webp 1999w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store-300x193.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store-1024x659.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store-768x494.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store-1536x988.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-theme-store-600x386.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-theme-store-750x482.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-theme-store-100x64.jpg 100w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/1286;\" \/><\/figure><\/div>\n\n<p>Puoi scaricare diverse opzioni di temi child dal <a href=\"https:\/\/woocommerce.com\/product-category\/themes\/storefront-child-theme-themes\/\" target=\"_blank\" rel=\"noopener\">negozio ufficiale WooCommerce<\/a> o da altri <a href=\"https:\/\/themeforest.net\/category\/wordpress\/ecommerce\/woocommerce\" target=\"_blank\" rel=\"noopener\">siti come ThemeForest<\/a>. Tuttavia, \u00e8 possibile che nessuno dei temi child esistenti corrisponda alle tue esigenze, o potresti semplicemente voler creare un aspetto unico. Inoltre, potresti non voler spendere soldi per un tema premium se pensi di poter fare meglio da solo.<\/p>\n\n\n<p>In <a href=\"https:\/\/woocommerce.com\/2015\/07\/why-child-themes-matter\/\" target=\"_blank\" rel=\"noopener\">un post sul blog ufficiale di WooCommerce<\/a>, gli sviluppatori del plugin discutono la motivazione pi\u00f9 comune dietro l&#8217;uso di un tema child per il tuo negozio online:<\/p>\n\n\n<p>\u201cL&#8217;obiettivo con i nostri temi child Storefront \u00e8 offrire un&#8217;esperienza di negozio perfetta per il tuo specifico settore. Dopo aver installato <a href=\"https:\/\/woocommerce.com\/products\/galleria\/\" target=\"_blank\" rel=\"noopener\">Galleria<\/a>, senza modificare alcuna impostazione, hai immediatamente un negozio adatto alla vendita di articoli di moda di alta gamma. Con <a href=\"https:\/\/woocommerce.com\/products\/proshop\/\" target=\"_blank\" rel=\"noopener\">ProShop<\/a>, puoi rapidamente allestire un elegante negozio di articoli sportivi.\u201d<\/p>\n\n\n<p>Il processo effettivo di <a href=\"https:\/\/www.dreamhost.com\/blog\/install-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">creazione di un tema child<\/a> \u00e8 lo stesso sia che tu lo faccia specificatamente per WooCommerce sia per un sito WordPress pi\u00f9 generale. Tuttavia, dovrai tenere presente lo scopo del tuo negozio mentre personalizzi il tuo tema child. Dopo tutto, un sito e-commerce richiede una filosofia di design diversa rispetto a un blog. Vediamo come si presenta questo processo nella pratica!<\/p>\n\n\n<h2 id=\"h-how-to-create-a-woocommerce-child-theme-in-5-steps\" class=\"wp-block-heading\"><b>Come Creare un Tema Child WooCommerce (In 5 Passaggi)<\/b><\/h2>\n\n\n<p>Ora, ti guideremo su come creare un tema child WooCommerce. In questo esempio, creeremo un tema base che utilizza Storefront come genitore, anche se puoi usare qualsiasi tema come base.<\/p>\n\n\n<p>Ti mostreremo come funziona il processo partendo da zero. Tuttavia, se vuoi saltare alcuni di questi passaggi e passare direttamente alla personalizzazione del tuo sito, puoi anche scaricare e installare un <a href=\"https:\/\/github.com\/stuartduff\/storefront-child-theme\" target=\"_blank\" rel=\"noopener\">tema child Storefront di esempio<\/a>.<\/p>\n\n\n<p>Infine, ti consigliamo vivamente di <a href=\"https:\/\/www.dreamhost.com\/blog\/back-up-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">creare un backup del tuo sito<\/a> prima di procedere ulteriormente. Questo manterr\u00e0 il tuo negozio al sicuro in caso qualcosa si interrompa durante il processo di sviluppo.<\/p>\n\n\n<p>\u00c8 anche intelligente <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">utilizzare un ambiente di staging<\/a> per creare e modificare il tuo tema child. Una volta prese queste precauzioni di sicurezza, puoi procedere al primo passo!<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-make-a-folder-for-your-woocommerce-child-theme\"><b>Passo 1: Crea una Cartella per il Tuo Tema Child WooCommerce<\/b><\/h3>\n\n\n<p>La prima cosa che devi fare \u00e8 creare la cartella che conterr\u00e0 il tuo tema. Se stai aggiungendo il tema child direttamente a un sito esistente, il modo migliore per farlo \u00e8 <a href=\"https:\/\/help.dreamhost.com\/hc\/en-us\/articles\/115000675027\" target=\"_blank\" rel=\"noopener\">tramite SFTP<\/a>. Puoi farlo utilizzando un&#8217;applicazione gratuita come <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\">FileZilla<\/a>.<\/p>\n\n\n<p>Una volta che il programma \u00e8 attivo e funzionante, accedi al tuo sito con le tue credenziali di hosting. Poi, dovrai navigare nella cartella <i>wp-content\/themes\/<\/i>. Qui sono installati i temi del tuo sito.<\/p>\n\n\n<p>Tutto quello che devi fare \u00e8 creare una nuova cartella all&#8217;interno di questa:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1086\" height=\"488\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-themes-folder-via-ftp.png\" alt=\"la cartella dei temi WordPress in cliente FTP\" class=\"wp-image-37886 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-themes-folder-via-ftp.png.webp 1086w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-themes-folder-via-ftp-300x135.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-themes-folder-via-ftp-1024x460.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-themes-folder-via-ftp-768x345.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-themes-folder-via-ftp-600x270.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-themes-folder-via-ftp-750x337.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-themes-folder-via-ftp-100x45.png 100w\" data-sizes=\"(max-width: 1086px) 100vw, 1086px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1086px; --smush-placeholder-aspect-ratio: 1086\/488;\" \/><\/figure><\/div>\n\n<p>Quando crei un tema child, \u00e8 meglio dargli un nome che rifletta il tema parent. Ad esempio, stiamo creando un tema child per Storefront, quindi chiameremo la nostra cartella &#8220;storefront-child&#8221;.<\/p>\n\n\n<p>La prima cosa di cui avrai bisogno per creare e posizionare in questa cartella \u00e8 un semplice file di testo chiamato <a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\"><i>functions.php<\/i><\/a>. Questo \u00e8 un importante file principale che aiuta a dettare come appare e funziona il tuo sito. Tuttavia, la maggior parte dei <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"noopener\">temi child possono usare le funzioni<\/a> contenute nel file del tema parent e non ne hanno bisogno di uno proprio.<\/p>\n\n\n<p>Per questo motivo, questo file pu\u00f2 rimanere vuoto per ora. Crea semplicemente un file di testo con il nome <i>functions.php<\/i> e salvalo nella cartella del tuo tema child:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1108\" height=\"564\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-location-via-ftp-client.png\" alt=\"Posizione del tema child WordPress nel client FTP\" class=\"wp-image-37884 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme-location-via-ftp-client.png.webp 1108w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-location-via-ftp-client-300x153.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-location-via-ftp-client-1024x521.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-location-via-ftp-client-768x391.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme-location-via-ftp-client-600x305.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme-location-via-ftp-client-750x382.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-location-via-ftp-client-100x51.png 100w\" data-sizes=\"(max-width: 1108px) 100vw, 1108px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1108px; --smush-placeholder-aspect-ratio: 1108\/564;\" \/><\/figure><\/div>\n\n<p>Il tuo tema \u00e8 ora quasi pronto per essere attivato e utilizzato. Prima, tuttavia, avr\u00e0 bisogno di un foglio di stile.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-your-child-theme-s-stylesheet\"><b>Passo 2: Crea il Foglio di Stile del Tuo Tema Child<\/b><\/h3>\n\n\n<p>Il prossimo file che devi creare \u00e8 il <a href=\"https:\/\/wordpress.org\/support\/article\/css\/\" target=\"_blank\" rel=\"noopener\">Foglio di Stile a Cascata (CSS)<\/a> del tuo tema. Questo file definisce gli stili che saranno applicati alle pagine e ai contenuti del tuo sito. In altre parole, ti permette di specificare l&#8217;aspetto degli elementi individuali sul tuo sito web. Quando le persone parlano di aggiornare gli stili, di solito si riferiscono all&#8217;aggiornamento del file CSS di un sito.<\/p>\n\n\n<p>Il tuo tema parent conterr\u00e0 gi\u00e0 un foglio di stile, ma il CSS del tema child pu\u00f2 essere usato per sovrascrivere questi stili. Esamineremo come funziona esattamente pi\u00f9 avanti.<\/p>\n\n\n<p>Per ora, devi solo creare il file CSS. Per farlo, aggiungi nuovamente un file di testo alla tua cartella <i>wp-content\/themes\/storefront-child<\/i> (o qualunque nome tu abbia utilizzato per il tuo tema child). Questo dovrebbe chiamarsi <i>style.css<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"864\" height=\"450\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme.png\" alt=\"Posizione del tema child WordPress in client FTP\" class=\"wp-image-37885 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme.png.webp 864w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-300x156.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-768x400.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme-600x313.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/wordpress-child-theme-750x391.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/wordpress-child-theme-100x52.png 100w\" data-sizes=\"(max-width: 864px) 100vw, 864px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 864px; --smush-placeholder-aspect-ratio: 864\/450;\" \/><\/figure><\/div>\n\n<p>Dovrai anche aggiungere alcune informazioni di base. Copia e incolla il seguente snippet nel tuo nuovo file <i>style.css<\/i>:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\/*\nTheme Name: Storefront Child\nTheme URI: http:\/\/example.com\/storefront-child\/\nDescription: Il mio primo tema child WooCommerce\nAuthor: Il Tuo Nome\nAuthor URI: http:\/\/example.com\nVersion: 1.0.0\nLicense: Licenza Pubblica Generale GNU v2 o successiva\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/pre>\n\n\n<p>Questi sono i dettagli del tuo tema che vedrai quando lo visualizzi in una directory di temi o nella tua dashboard di WordPress. Sentiti libero di sostituire i dati di esempio con informazioni pi\u00f9 specifiche per te e il tuo tema.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-configure-the-child-theme-to-inherit-the-parent-theme-s-styles\"><b>Passo 3: Configura il Tema Child per Ereditare gli Stili del Tema Parent<\/b><\/h3>\n\n\n<p>Come abbiamo gi\u00e0 menzionato, vorrai che il tuo tema child utilizzi gli stili predefiniti del tema parent. Tuttavia, dovrai anche sovrascrivere gli stili che desideri modificare. Questo potrebbe sembrare complesso \u2014 e <a href=\"https:\/\/www.dreamhost.com\/blog\/why-you-should-still-learn-css\/\" target=\"_blank\" rel=\"noopener\">CSS pu\u00f2 effettivamente diventare difficile<\/a> \u2014 ma in sostanza, il child utilizzer\u00e0 sempre gli stili del tema parent a meno che non contenga specificamente una sostituzione.<\/p>\n\n\n<p>Ad esempio, supponiamo che il tuo tema parent definisca lo stile per gli elementi dell&#8217;intestazione h1 come 20px e rosso. Se il file <i>style.css<\/i> del tema child non contiene una voce per le intestazioni H1, allora lo stile del parent sar\u00e0 applicato a tutto il contenuto H1. Tuttavia, se aggiungessimo uno stile H1 al foglio di stile del child che definisce queste intestazioni come 18px e blu, sovrascriverebbe le indicazioni del parent.<\/p>\n\n\n<p>Aggiungere questa funzionalit\u00e0 al tuo tema child \u00e8 veramente semplice. Tutto quello che devi fare \u00e8 fare riferimento al tuo tema parent nel foglio di stile del tuo child.<\/p>\n\n\n<p>Aggiungi semplicemente il seguente frammento dopo le informazioni che hai incollato precedentemente nel file <i>style.css<\/i>:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">Template: storefront<\/pre>\n\n\n<p>Questo codice definisce il tema parent e garantir\u00e0 che il tuo tema child utilizzi gli stili di Storefront ovunque tu non abbia specificato una sostituzione. Se stai creando un child per un tema diverso, puoi semplicemente usare il nome della sua cartella.<\/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<h3 class=\"wp-block-heading\" id=\"h-step-4-activate-the-child-theme\"><b>Passaggio 4: Attiva il Tema Child<\/b><\/h3>\n\n\n<p>A questo punto, il tuo tema child \u00e8 tecnicamente pronto. \u00c8 configurato per funzionare sul tuo sito, quindi attivalo e vediamo come appare.<\/p>\n\n\n<p>Vai su <i>Appearance &gt; Themes<\/i> nella tua dashboard di WordPress, e vedrai il tuo tema child gi\u00e0 installato:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"408\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme.jpg\" alt=\"attivazione del tuo tema child WooCommerce in WordPress\" class=\"wp-image-37881 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-300x102.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-1024x348.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-768x261.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-600x204.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-750x255.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-100x34.jpg 100w\" data-sizes=\"(max-width: 1200px) 100vw, 1200px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/408;\" \/><\/figure><\/div>\n\n<p>Seleziona <i>Attiva<\/i> per renderlo il tema attuale del tuo sito. Ora puoi visualizzarlo in anteprima dal frontend:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"630\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-store.jpg\" alt=\"modifica del tuo tema child WooCommerce\" class=\"wp-image-37879 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview-store.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-store-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-store-1024x538.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-store-768x403.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview-store-600x315.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview-store-750x394.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-store-100x53.jpg 100w\" data-sizes=\"(max-width: 1200px) 100vw, 1200px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/630;\" \/><\/figure><\/div>\n\n<p>Come puoi vedere, appare esattamente come il tema originale al momento. Mentre il tema child \u00e8 attivo, sta solo importando gli stili dal tuo tema parent. Per personalizzare l&#8217;aspetto, dovrai essere creativo con il foglio di stile del tuo tema child.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-add-styles-to-the-child-theme\"><b>Passo 5: Aggiungi Stili al Tema Child<\/b><\/h3>\n\n\n<p>Finalmente, \u00e8 il momento di iniziare a stilizzare il tuo tema child. Il modo in cui lo fai dipende da te, dalla tua creativit\u00e0 e da come desideri che appaia il tuo negozio. Tuttavia, facciamo un esempio di ci\u00f2 che puoi fare.<\/p>\n\n\n<p>Per illustrare come funziona la modifica del tuo tema child, cambieremo l&#8217;aspetto dei pulsanti del nostro negozio. Al momento, appaiono grigi con testo nero, ma potremmo aggiornare questo stile per renderli pi\u00f9 evidenti:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"530\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview.jpg\" alt=\"modifica del tuo tema child WooCommerce\" class=\"wp-image-37880 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-1024x452.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-768x339.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview-600x265.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/woocommerce-child-theme-preview-750x331.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/woocommerce-child-theme-preview-100x44.jpg 100w\" data-sizes=\"(max-width: 1200px) 100vw, 1200px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/530;\" \/><\/figure><\/div>\n\n<p>Apri nuovamente il file <i>style.css<\/i> del tuo tema child, e aggiungi il seguente codice dopo l&#8217;ultimo <i>*\/<\/i> nell&#8217;intestazione del file:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">a.button,\nbutton.button,\ninput.button,\n#review_form #submit {\nbackground: pink;\ncolor: red;\n}<\/pre>\n\n\n<p>Se salvi il tuo file e lo visualizzi nel frontend ora, vedrai il cambiamento in atto. I pulsanti saranno ora di un rosa vivace con testo rosso:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"532\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/editing-woocommerce-child-theme.jpg\" alt=\"modifica del tuo tema child WooCommerce\" class=\"wp-image-37878 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/editing-woocommerce-child-theme.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/editing-woocommerce-child-theme-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/editing-woocommerce-child-theme-1024x454.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/editing-woocommerce-child-theme-768x340.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/editing-woocommerce-child-theme-600x266.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/11\/editing-woocommerce-child-theme-750x333.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/editing-woocommerce-child-theme-100x44.jpg 100w\" data-sizes=\"(max-width: 1200px) 100vw, 1200px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/532;\" \/><\/figure><\/div>\n\n<p>Puoi anche apportare modifiche ai <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-templates-template-parts\/\" target=\"_blank\" rel=\"noopener\">file di template del tema<\/a>. Dovrai semplicemente copiare il file di template che desideri modificare, come <i>header.php<\/i>, dalla cartella del tema parent a quella del tema child.<\/p>\n\n\n<p>Tuttavia, dovrai anche apportare alcune modifiche per specificare quale funzione WordPress usa per <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#adding-template-files\" target=\"_blank\" rel=\"noopener\">fare riferimento ai file del template<\/a>. Questo richiede l&#8217;uso della funzione <span style=\"font-family: 'courier new', courier, monospace;\">get_stylesheet_directory();<\/span> invece di <span style=\"font-family: 'courier new', courier, monospace;\">get_template_directory()<\/span> per fare riferimento ai tuoi template.<\/p>\n\n\n<p>Per saperne di pi\u00f9 su come fare questo, puoi leggere tutte le <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\" target=\"_blank\" rel=\"noopener\">template che WooCommerce utilizza<\/a>.<\/p>\n\n\n<p>A questo punto, hai creato un tema child WooCommerce! Naturalmente, c&#8217;\u00e8 molto altro che puoi fare, ma ora sai come iniziare a sperimentare. Ti consigliamo di <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-css\/\" target=\"_blank\" rel=\"noopener\">approfondire CSS<\/a> per ottenere il massimo dal tuo stile!<\/p>\n\n\n<h2 id=\"h-create-a-woocommerce-child-theme\" class=\"wp-block-heading\"><b>Crea un Tema Child WooCommerce<\/b><\/h2>\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a> rende facile creare un negozio online, e puoi anche cambiare il suo aspetto utilizzando <a href=\"https:\/\/woocommerce.com\/storefront\/\" target=\"_blank\" rel=\"noopener\">il tema Storefront<\/a> o uno dei tanti <a href=\"https:\/\/themeforest.net\/category\/wordpress\/ecommerce\/woocommerce\" target=\"_blank\" rel=\"noopener\">temi personalizzati<\/a>.<\/p>\n\n\n<p>Tuttavia, non devi affidarti alla creativit\u00e0 degli altri. Creare il tuo tema child WooCommerce non \u00e8 difficile come potresti pensare e ti d\u00e0 quasi il totale controllo sull&#8217;aspetto e sulla funzionalit\u00e0 del tuo negozio.<\/p>\n\n\n<p>Buona vendita!<\/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      Il Tuo Negozio Merita L&#8217;Hosting WooCommerce\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Vendi qualsiasi cosa, ovunque, in qualsiasi momento sulla pi\u00f9 grande piattaforma di eCommerce del mondo.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/woocommerce-hosting\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Vedi i Piani                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Supponiamo che tu abbia un negozio WooCommerce attivo e funzionante. Se stai utilizzando il tema ufficiale Storefront, potrebbe persino apparire molto professionale. Tuttavia, potresti ancora voler personalizzare l&#8217;aspetto del tuo negozio WooCommerce per adattarlo alla tua visione. La soluzione migliore \u00e8 spesso creare un tema child WooCommerce. Questo perch\u00e9 un child [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37875,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!","toc_headlines":"[[\"h-a-quick-look-at-woocommerce-themes\",\"Uno Sguardo Rapido ai Temi di WooCommerce\"],[\"h-why-you-might-want-to-create-a-woocommerce-child-theme\",\"Perch\u00e9 Potresti Voler Creare un Tema Child WooCommerce\"],[\"h-how-to-create-a-woocommerce-child-theme-in-5-steps\",\"Come Creare un Tema Child WooCommerce (In 5 Passaggi)\"],[\"h-create-a-woocommerce-child-theme\",\"Crea un Tema Child WooCommerce\"]]","hide_toc":false,"footnotes":""},"categories":[15058,15086,15072],"tags":[],"class_list":["post-67883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-it","category-ecommerce-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>Come Creare un Tema Child WooCommerce - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!\" \/>\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\/come-creare-un-tema-child-woocommerce-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Creare un Tema Child WooCommerce\" \/>\n<meta property=\"og:description\" content=\"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-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=\"2022-11-03T14:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T20:21:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\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=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Creare un Tema Child WooCommerce - DreamHost Blog","description":"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!","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\/come-creare-un-tema-child-woocommerce-it\/","og_locale":"en_US","og_type":"article","og_title":"Come Creare un Tema Child WooCommerce","og_description":"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-11-03T14:00:36+00:00","article_modified_time":"2025-06-11T20:21:38+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Come Creare un Tema Child WooCommerce","datePublished":"2022-11-03T14:00:36+00:00","dateModified":"2025-06-11T20:21:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/"},"wordCount":1874,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg","articleSection":["Tutorial","Vendere Online","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/","name":"Come Creare un Tema Child WooCommerce - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg","datePublished":"2022-11-03T14:00:36+00:00","dateModified":"2025-06-11T20:21:38+00:00","description":"I temi child WooCommerce ti permettono di personalizzare il tuo negozio online WordPress creando una copia di un tema parent. Scopri di pi\u00f9!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-Child-Themes-Feature.jpg","width":900,"height":598,"caption":"how to create a WooCommerce child theme"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-creare-un-tema-child-woocommerce-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Come Creare un Tema Child WooCommerce"}]},{"@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\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"it","translations":{"it":67883,"es":37888,"en":37872,"pl":52883,"de":54934,"uk":54949,"ru":55033,"pt":55065,"fr":69356,"nl":69388},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/67883","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\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=67883"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/67883\/revisions"}],"predecessor-version":[{"id":67885,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/67883\/revisions\/67885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37875"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=67883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=67883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=67883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}