{"id":244660,"date":"2022-04-03T14:32:00","date_gmt":"2022-04-03T11:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244660"},"modified":"2022-05-16T12:05:32","modified_gmt":"2022-05-16T09:05:32","slug":"come-cambiare-i-colori-di-sfondo-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-cambiare-i-colori-di-sfondo-in-wordpress\/","title":{"rendered":"Come cambiare i colori di sfondo in WordPress"},"content":{"rendered":"<p>Quindi vuoi cambiare il colore di sfondo del tuo sito.<\/p>\n<p>Non dovrebbe essere difficile, ma ecco il punto&#8230;<\/p>\n<p>Ogni tema utilizza HTML diverso per creare gli elementi nel tuo sito. Ci\u00f2 significa che devi avere familiarit\u00e0 con il tema per sapere come personalizzarlo.<\/p>\n<p>Spesso non esiste una soluzione valida per tutti, ma potresti essere fortunato.<\/p>\n<h2>Questo potrebbe funzionare<\/h2>\n<p>Copia e incolla questo CSS nella sezione CSS aggiuntivo nel tuo Customizer (Aspetto&gt; Personalizza).<\/p>\n<pre><code>body {\n  background: #05B0E7;\n}<\/code><\/pre>\n<p>Ci\u00f2 dovrebbe rendere lo sfondo blu, quindi puoi cambiare il codice colore esadecimale con qualsiasi colore tu voglia. Puoi usare un <a href=\"https:\/\/www.webpagefx.com\/web-design\/color-picker\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">selettore di colori come questo<\/a> se hai bisogno di aiuto per trovare un codice esadecimale.<\/p>\n<p>Poich\u00e9 ogni tema \u00e8 diverso, non posso promettere che il codice funzioner\u00e0, quindi ecco la prossima cosa che consiglierei.<\/p>\n<h2>Questo funzioner\u00e0 sicuramente<\/h2>\n<p>Prima una domanda:<\/p>\n<p>\u00c8 questa l&#8217;unica personalizzazione che vorresti fare? O sarebbe anche bello cambiare la dimensione dei titoli dei post o anche il colore dell&#8217;intestazione?<\/p>\n<p>Se hai una manciata di modifiche che desideri apportare, potresti davvero divertirti con CSS Hero.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" alt=\"Come cambiare i colori di sfondo in WordPress\"><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> \u00e8 lo strumento perfetto per apportare personalizzazioni visive al tuo sito. Ad esempio, puoi:<\/p>\n<ul>\n<li>Cambia i colori di sfondo<\/li>\n<li>Scegli nuovi caratteri<\/li>\n<li>Aggiungi immagini di sfondo<\/li>\n<li>Regola la spaziatura attorno a qualsiasi elemento<\/li>\n<\/ul>\n<p>Abbiamo una <a href=\"https:\/\/themewp.inform.click\/it\/come-personalizzare-il-tuo-sito-wordpress-con-css-hero\/\" title=\"guida completa sull&#039;uso di CSS Hero\">guida completa sull&#8217;uso di CSS Hero<\/a>, ma ecco esattamente come puoi usarlo per cambiare il colore di sfondo.<\/p>\n<h2>Come cambiare il colore di sfondo<\/h2>\n<p>CSS Hero ti offre una nuova interfaccia per modificare il tuo sito.<\/p>\n<p>Sul lato destro c&#8217;\u00e8 un&#8217;anteprima del sito. Fare clic su qualsiasi elemento nell&#8217;anteprima e il lato sinistro si riempir\u00e0 con tutte le opzioni di personalizzazione disponibili.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" alt=\"Come cambiare i colori di sfondo in WordPress\"><\/a><\/p>\n<p>CSS Hero utilizzato con il <a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema Shift<\/a> gratuito<a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>Tutto quello che devi fare \u00e8 fare clic sullo sfondo del tuo sito e quindi selezionare l&#8217;opzione Sfondo sul lato sinistro.<\/p>\n<p>La selezione dell&#8217;opzione Sfondo rivela l&#8217;impostazione del colore e una serie di opzioni di posizione per le immagini di sfondo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" alt=\"Come cambiare i colori di sfondo in WordPress\"><\/a><\/p>\n<p>Facendo clic sulla casella del colore trasparente (a scacchiera) viene visualizzato il selettore di colori in cui si ha il pieno controllo sul colore utilizzato.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" alt=\"Come cambiare i colori di sfondo in WordPress\"><\/a><\/p>\n<p>Ancora pi\u00f9 interessante \u00e8 il fatto che il colore si aggiorna istantaneamente mentre usi il selettore di colori.<\/p>\n<p>Tutte le modifiche apportate sono visibili solo a te finch\u00e9 non fai clic sul pulsante Salva e pubblica in basso. Quindi le tue modifiche vengono pubblicate in tempo reale sul sito affinch\u00e9 tutti possano vederle.<\/p>\n<h2>Inizia a personalizzare il tuo sito<\/h2>\n<p>Se sai come scrivere CSS e <a href=\"https:\/\/themewp.inform.click\/it\/come-trovare-i-selettori-css-sui-siti-wordpress\/\" title=\"trovare selettori da utilizzare\">trovare selettori da utilizzare<\/a>, puoi effettuare personalizzazioni come questa con il codice. Altrimenti, probabilmente non sarai in grado di trovare uno snippet copia\/incolla online perch\u00e9 ogni tema \u00e8 diverso.<\/p>\n<p>In questi casi, <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> \u00e8 uno strumento fantastico e ti far\u00e0 risparmiare un sacco di tempo. Inoltre, \u00e8 bello sapere che puoi sempre apportare modifiche di stile a qualsiasi tema tu scelga in futuro.<\/p>\n<p>Puoi fare <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">clic qui per provare CSS Hero<\/a> o visitare il <a href=\"https:\/\/themewp.inform.click\/it\/come-personalizzare-il-tuo-sito-wordpress-con-css-hero\/\" title=\"nostro tutorial\">nostro tutorial<\/a> per saperne di pi\u00f9 su come funziona. Potresti anche apprezzare alcune delle idee nella nostra <a href=\"https:\/\/themewp.inform.click\/it\/31-semplici-modi-per-personalizzare-il-tuo-sito-web-wordpress\/\" title=\"guida alla personalizzazione di WordPress\">guida alla personalizzazione di WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ecco una rapida soluzione di copia e incolla per cambiare il colore di sfondo. Inoltre, un plugin molto pi\u00f9 completo per personalizzare il tuo sfondo.<\/p>\n","protected":false},"author":1,"featured_media":261621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-244660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=244660"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/261621"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=244660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=244660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=244660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}