{"id":90906,"date":"2021-08-31T12:42:23","date_gmt":"2021-08-31T12:42:23","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=90906"},"modified":"2023-12-12T09:19:50","modified_gmt":"2023-12-12T08:19:50","slug":"hide-parts-of-website-via-css","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/it\/nascondere-parti-del-sito-tramite-css\/","title":{"rendered":"CSS personalizzato e nascondimento di parti del sito web tramite CSS"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Le richieste piuttosto comuni riguardano l&#039;occultamento di parti specifiche del sito Web che non hanno il proprio pulsante di attivazione\/disattivazione sul lato amministratore. Poich\u00e9 non \u00e8 possibile avere pulsanti di amministrazione del tema per ogni dettaglio sul frontend, puoi semplicemente nascondere le parti indesiderate utilizzando i CSS se non hai familiarit\u00e0 con la modifica dei codici HTML per rimuovere la parte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Locate_part_to_remove\"><\/span>Individua la parte da rimuovere<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi utilizzare gli strumenti di sviluppo del browser per individuare la parte esatta che desideri rimuovere.<br>Supponiamo che tu voglia rimuovere la parte con la data e l&#039;autore sotto il post del blog, facendo clic con il pulsante destro del mouse su questa parte Ispeziona elemento e apri gli strumenti di sviluppo del browser:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/open_developer_tools.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/open_developer_tools.jpg\" alt=\"Apri Strumenti per sviluppatori\" class=\"wp-image-22529\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Spostando il cursore del mouse sul codice sorgente puoi vedere la sezione evidenziata nella pagina che fa riferimento a una riga di codice sorgente sotto il cursore del mouse:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/find_element_in_source.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/find_element_in_source.jpg\" alt=\"Trova elemento nella sorgente\" class=\"wp-image-22530\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo puoi trovare par che vorresti nascondere, ad esempio facendo riferimento agli screenshot sopra se \u00e8 tutta la sezione con data e autore, o solo la sezione data, o solo la sezione autore.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Write_CSS_to_hide_selected_section\"><\/span>Scrivi CSS per nascondere la sezione selezionata<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando hai selezionato una parte che vuoi nascondere, usa l&#039;attributo ID o CLASS del tag HTML selezionato nei tuoi stili CSS, oppure usa l&#039;esatto selettore CSS usato dal tema per questo tag. Selettore CSS per il tag selezionato utilizzato dal tema che puoi individuare sul lato destro degli strumenti di sviluppo del browser.<br>Ad esempio, se hai deciso di eliminare tutta la parte con la data e l&#039;autore, il selettore utilizzato dal tema \u00e8:&nbsp;<code>.elm-posts-main .item .item-info<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/css_selectors_for_tag.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/css_selectors_for_tag.jpg\" alt=\"Selettori CSS per tag\" class=\"wp-image-22531\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Lo stile CSS per nascondere il tag HTML sul lato \u00e8 &quot;display: none;&quot;, puoi anche usarlo<strong>&nbsp;!importante<\/strong>&nbsp;istruzione per impedire un&#039;ulteriore sovrascrittura dello stile CSS con un altro CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quindi lo stile CSS finale per nascondere la parte con la data e l&#039;autore sar\u00e0:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.elm-posts-main .item .item-info { display: none !important; }<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Add_custom_CSS_code_into_Customizer\"><\/span>Aggiungi codice CSS personalizzato in Customizer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi aggiungere il codice CSS personalizzato in <strong>Aspetto &gt; Personalizza &gt; CSS aggiuntivo<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"1024\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-342x1024.png\" alt=\"\" class=\"wp-image-94933\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-342x1024.png 342w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css-100x300.png 100w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/09\/customizer-additional-css.png 345w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Dopo la pubblicazione puoi verificarlo sul tuo sito web:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/applied_css_style.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2015\/04\/applied_css_style.jpg\" alt=\"stile_css_applicato\" class=\"wp-image-22532\"\/><\/a><\/figure>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Indice dei contenuti<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/it\/nascondere-parti-del-sito-tramite-css\/#Locate_part_to_remove\" >Individua la parte da rimuovere<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/it\/nascondere-parti-del-sito-tramite-css\/#Write_CSS_to_hide_selected_section\" >Scrivi CSS per nascondere la sezione selezionata<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/it\/nascondere-parti-del-sito-tramite-css\/#Add_custom_CSS_code_into_Customizer\" >Aggiungi codice CSS personalizzato in Customizer<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Le richieste pi\u00f9 frequenti riguardano la possibilit\u00e0 di nascondere parti specifiche del sito web che non hanno un proprio pulsante di attivazione\/disattivazione sul lato amministratore. Poich\u00e9 non \u00e8 possibile avere pulsanti di amministrazione per ogni dettaglio sul frontend, \u00e8 possibile nascondere semplicemente le parti indesiderate utilizzando i CSS se non si ha familiarit\u00e0 con la modifica [...]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[63],"tags":[],"citadela-post-location":[],"class_list":["post-90906","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/90906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/comments?post=90906"}],"version-history":[{"count":5,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/90906\/revisions"}],"predecessor-version":[{"id":96004,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/90906\/revisions\/96004"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media?parent=90906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/categories?post=90906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/tags?post=90906"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/citadela-post-location?post=90906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}