{"id":3831,"date":"2022-11-18T17:48:45","date_gmt":"2022-11-18T17:48:45","guid":{"rendered":"http:\/\/kevinbk.com\/?p=3831"},"modified":"2022-11-18T18:13:59","modified_gmt":"2022-11-18T18:13:59","slug":"como-ocultar-parte-da-pagina-por-um-periodo-de-tempo","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/it\/come-nascondere-parte-della-pagina-per-un-periodo-di-tempo\/","title":{"rendered":"Come nascondere parte della pagina per un periodo di tempo"},"content":{"rendered":"<p>Stai mettendo insieme la tua pagina di vendita VSL e vuoi mostrare solo il video per pochi minuti? Vuoi nascondere il pulsante Acquista o qualche elemento della pagina per un po&#039;? In questo articolo presenteremo una soluzione semplice. <\/p>\n\n\n\n<p>\u00c8 incredibile quanto sia difficile trovare qualcosa di cos\u00ec semplice su internet, forse per mancanza di espressione del termine corretto. A volte ci imbattiamo in plugin o codici enormi per realizzare qualcosa di molto semplice. <\/p>\n\n\n\n<p>Quello che vogliamo qui \u00e8 nascondere un elemento CSS e visualizzarlo solo dopo un periodo di tempo. Questo pu\u00f2 essere facilmente creato con un semplice Javascript di meno di 4 righe. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Come nascondere il resto della pagina per un po&#039;? VSL - Pagina di vendita\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/fs6uR1bdZP0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Come nascondere un elemento per alcuni minuti?<\/h2>\n\n\n\n<p>La prima cosa che devi capire \u00e8 quale elemento nasconderai. Se vuoi nascondere quasi tutta la pagina, lasciando solo il video, basta creare un DIV con HTML, mettere una classe CSS a tua scelta, e chiuderla in fondo alla pagina. <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code lang=\"css\" class=\"language-css\">.classname {display:none;}<\/code><\/pre>\n\n\n\n<p>Se utilizzi l&#039;editor di blocchi di WordPress, puoi anche nascondere facilmente gli elementi andando alle impostazioni avanzate di ciascun blocco e impostando la classe CSS. <\/p>\n\n\n\n<p>Dopo aver scelto la classe CSS e averla aggiunta agli elementi che vuoi nascondere, devi aggiungere il Javascript nell&#039;intestazione. Tutto dipende dal tema o dal plug-in che stai utilizzando. <\/p>\n\n\n\n<p>Aggiungi il seguente codice nell&#039;intestazione: <\/p>\n\n\n\n<pre class=\"wp-block-code data-no-translation\" data-no-translation=\"\"><code lang=\"javascript\" class=\"language-javascript\">&lt;script>setTimeout(function() {\n  $('.classname').show()\n}, 400000);\n&lt;\/script><\/code><\/pre>\n\n\n\n<p>In ClassName, inserisci il nome della classe che vuoi nascondere. Nel numero 400000 si determina il tempo di attesa affinch\u00e9 l&#039;elemento diventi visibile. Si tratta di millisecondi. <\/p>\n\n\n\n<p>Ogni 1000, abbiamo un totale di 1 secondo. Quindi i 400000 trovati nel codice equivalgono a circa 6 minuti. \u00c8 possibile utilizzare queste informazioni per calcolare il tempo desiderato. <\/p>\n\n\n\n<p>Vedi com&#039;\u00e8 semplice nascondere un elemento o met\u00e0 della pagina per un periodo? Un codice semplice, perfetto per creare la tua VSL, pagina di vendita o qualsiasi altra cosa su cui vuoi concentrarti. <\/p>","protected":false},"excerpt":{"rendered":"<p>Stai mettendo insieme la tua pagina di vendita VSL e vuoi mostrare solo il video per qualche minuto? vuole nascondere il<\/p>","protected":false},"author":1,"featured_media":3832,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2022\/11\/javascript.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts\/3831"}],"collection":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/comments?post=3831"}],"version-history":[{"count":3,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts\/3831\/revisions"}],"predecessor-version":[{"id":3836,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/posts\/3831\/revisions\/3836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/media\/3832"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/it\/wp-json\/wp\/v2\/categories?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}