{"id":2408,"date":"2015-05-23T18:14:14","date_gmt":"2015-05-23T16:14:14","guid":{"rendered":"https:\/\/www.generazione2000.com\/magazine\/2015\/05\/23\/woocommerce-aggiungere-lo-stile-in-tema-child-per-modificarlo\/"},"modified":"2015-05-23T18:14:14","modified_gmt":"2015-05-23T16:14:14","slug":"woocommerce-aggiungere-lo-stile-in-tema-child-per-modificarlo","status":"publish","type":"post","link":"https:\/\/www.generazione2000.com\/magazine\/woocommerce-aggiungere-lo-stile-in-tema-child-per-modificarlo\/","title":{"rendered":"Woocommerce: Aggiungere lo stile In tema child per modificarlo"},"content":{"rendered":"<h1><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1239 alignleft\" src=\"https:\/\/www.generazione2000.com\/magazine\/wp-content\/uploads\/sites\/2\/2020\/08\/woocommerce_logo.png\" alt=\"woocommerce_logo\" width=\"200\" height=\"200\" \/>Woocommerce: Aggiungere lo stile In tema child per modificarlo<\/h1>\n<p>Come fare per modificare correttamente il foglio di stile di Woocommerce senza perdere le modifiche al prossimo aggiornamento del plugin per WordPress.<\/p>\n<p><em><strong>Nota:<\/strong><\/em> WooCommerce comprende diversi fogli di stile che \u00e8 possibile annullare l&#8217;accodamento singolarmente o totale con una riga di codice PHP. Questo tutorial si riferisce al foglio di stile generale front-end di nome woocommerce.css.<\/p>\n<p>Il file css per lo stile di woocommerce si trpva nella directory \/wp-content\/plugins\/woocommerce\/assets\/css\/ denominato woocommerce.css.<\/p>\n<p>Si potrebbero apportare le modifiche anche direttamente da questo file ma al primo aggiornamento del plugin woocommerce andrebbero perse.<\/p>\n<p>Per fare in modo che questo non accada dobbiamo trasferire il file woocommerce.css nel file del nostro tema dentro ad una cartella che nomineremo woocommerce.<\/p>\n<p>E&#8217; sempre bene non apportare mai le modifiche ad una tema originale ma lavorare su un tema child.<\/p>\n<p>Ricordo che non tutti i temi dichiarano la compatibilit\u00e0 con Woocommerce e che per adattarlo ho gi\u00e0 scritto un articolo: <a href=\"https:\/\/www.generazione2000.com\/magazine\/woocommerce-modifiche-per-compatibilita-dei-temi\/\">WooCommerce: modifiche per compatibilit\u00e0 dei temi<\/a><\/p>\n<p>Una volta che abbiamo creato il nostro tema child ed abbiamo, eventualmente dichiarato la compatibilit\u00e0 a woocommerce (suggerisco la modalit\u00e0 Hooks), possiamo proseguire:<\/p>\n<h3>Passo 1<\/h3>\n<p>creiamo all&#8217;interno del tema child la cartella woocommerce.<\/p>\n<p>Dentro alla cartella woocommerce copiamo il file di stile \/wp-content\/plugins\/woocommerce\/assets\/css\/woocommerce.css.<\/p>\n<h3>Passo 2<\/h3>\n<p>Aggiungere questo codice PHP sul file funtions.php del vostro tema child per disattivare il file generale woocommerce.css<\/p>\n<blockquote><p>add_filter( &#8216;woocommerce_enqueue_styles&#8217;, &#8216;dequeue_woocommerce_general_stylesheet&#8217; );<br \/>\nfunction dequeue_woocommerce_general_stylesheet( $enqueue_styles ) {<br \/>\nunset( $enqueue_styles[&#8216;woocommerce-general&#8217;] );<br \/>\nreturn $enqueue_styles;<br \/>\n}<\/p><\/blockquote>\n<h3>Passo 3<\/h3>\n<p>Aggiungere questo codice PHP alla fine del file functions.php del vostro tema child<\/p>\n<blockquote><p>function woocommerce_style_sheet() {<br \/>\nwp_register_style( &#8216;woocommerce&#8217;, get_stylesheet_directory_uri() . &#8216;\/woocommerce\/woocommerce.css&#8217; );<br \/>\nif ( class_exists( &#8216;woocommerce&#8217; ) ) {<br \/>\nwp_enqueue_style( &#8216;woocommerce&#8217; );<br \/>\n}<br \/>\n}<br \/>\nadd_action(&#8216;wp_enqueue_scripts&#8217;, &#8216;woocommerce_style_sheet&#8217;);<\/p><\/blockquote>\n<p>\u00c8 tutto!<\/p>\n<p>Ora \u00e8 possibile modificare il CSS plugin di default senza perdere la personalizzazione quando il plugin viene aggiornato.<\/p>\n<p><em><strong>Nota:<\/strong><\/em> Ci sono anche altri file inclusi in WooCoomerce che si pu\u00f2 anche voler copiare. Non vedrete alcuna modifica dopo aver completato questi passaggi perch\u00e9 il foglio di stile \u00e8 stato copiato. Per verificare se sono stati disattivati \u200b\u200bgli stili, \u00e8 sufficiente trascinare la cartella woocommerce fuori dal tema child, oppure iniziare ad pportare le modifiche al foglio di stile.<\/p>\n<h3>Opzioni aggiuntive<\/h3>\n<p>\u00c8 possibile annullare l&#8217;accodamento di tutti i fogli di stile su WooCommerce utilizzando questo codice PHP nel vostro tema child inserendo nel file functions.php il seguente codice:<\/p>\n<blockquote><p>add_filter( &#8216;woocommerce_enqueue_styles&#8217;, &#8216;__return_false&#8217; );<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Fonte originale in inglese: <a href=\"https:\/\/wpsites.net\/web-design\/add-woocommerce-style-sheet-in-child-theme-for-easy-modification\/\" target=\"_blank\">wpsites.net<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Woocommerce: Aggiungere lo stile In tema child per modificarlo Come fare per modificare correttamente il foglio di stile di Woocommerce senza perdere le modifiche al prossimo aggiornamento del plugin per WordPress. Nota: WooCommerce comprende diversi fogli di stile che \u00e8 possibile annullare l&#8217;accodamento singolarmente o totale con una riga di codice PHP. Questo tutorial si &hellip;<\/p>\n","protected":false},"author":1,"featured_media":2392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,113,36,107],"tags":[293,742,862,1116,1117,1231,1234],"class_list":["post-2408","post","type-post","status-publish","format-standard","has-post-thumbnail","","category-cms","category-plugin-wordpress","category-tip-triks","category-wordpress","tag-compatibilita","tag-modifica","tag-plugin","tag-tema","tag-temi","tag-woocommerce","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts\/2408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/comments?post=2408"}],"version-history":[{"count":0,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/posts\/2408\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/media\/2392"}],"wp:attachment":[{"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/media?parent=2408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/categories?post=2408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.generazione2000.com\/magazine\/wp-json\/wp\/v2\/tags?post=2408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}