{"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\/de\/wie-man-einen-teil-der-seite-fur-eine-zeitspanne-ausblendet\/","title":{"rendered":"So verstecken Sie einen Teil der Seite f\u00fcr einen bestimmten Zeitraum"},"content":{"rendered":"<p>Sie stellen Ihre VSL-Verkaufsseite zusammen und m\u00f6chten f\u00fcr ein paar Minuten nur das Video zeigen? M\u00f6chten Sie den Kaufen-Button oder ein Seitenelement f\u00fcr eine Weile ausblenden? In diesem Artikel stellen wir Ihnen eine einfache L\u00f6sung vor. <\/p>\n\n\n\n<p>Es ist unglaublich, wie schwierig es ist, etwas so Einfaches im Internet zu finden, vielleicht weil der richtige Begriff nicht richtig ausgedr\u00fcckt wird. Manchmal sto\u00dfen wir auf Plugins oder riesige Codes, um etwas sehr Einfaches zu erreichen. <\/p>\n\n\n\n<p>Was wir hier wollen, ist, ein CSS-Element auszublenden und es erst nach einer gewissen Zeit anzuzeigen. Dies kann leicht mit einem einfachen Javascript von weniger als 4 Zeilen erstellt werden. <\/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=\"Wie verstecke ich den Rest der Seite f\u00fcr eine Weile? VSL - Verkaufsseite\" 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\">Wie verstecke ich ein Element f\u00fcr ein paar Minuten?<\/h2>\n\n\n\n<p>Das erste, was Sie verstehen m\u00fcssen, ist, welches Element Sie ausblenden werden. Wenn Sie fast die gesamte Seite ausblenden und nur das Video \u00fcbrig lassen m\u00f6chten, erstellen Sie einfach ein DIV mit HTML, f\u00fcgen Sie eine CSS-Klasse Ihrer Wahl ein und schlie\u00dfen Sie es am Ende der Seite. <\/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>Wenn Sie den WordPress-Blockeditor verwenden, k\u00f6nnen Sie Elemente auch einfach ausblenden, indem Sie zu den erweiterten Einstellungen jedes Blocks gehen und die CSS-Klasse festlegen. <\/p>\n\n\n\n<p>Nachdem Sie die CSS-Klasse ausgew\u00e4hlt und zu den Elementen hinzugef\u00fcgt haben, die Sie ausblenden m\u00f6chten, m\u00fcssen Sie das Javascript in der Kopfzeile hinzuf\u00fcgen. Dies h\u00e4ngt alles vom verwendeten Theme oder Plugin ab. <\/p>\n\n\n\n<p>F\u00fcgen Sie den folgenden Code in die Kopfzeile ein: <\/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 geben Sie den Namen der Klasse ein, die Sie ausblenden m\u00f6chten. In der Zahl 400000 legen Sie die Wartezeit fest, bis das Element sichtbar wird. Es geht um Millisekunden. <\/p>\n\n\n\n<p>Alle 1000 haben wir insgesamt 1 Sekunde. Die im Code gefundenen 400000 entsprechen also etwa 6 Minuten. Mit diesen Angaben k\u00f6nnen Sie Ihre Wunschzeit berechnen. <\/p>\n\n\n\n<p>Sehen Sie, wie einfach es ist, ein Element oder die H\u00e4lfte der Seite f\u00fcr einen bestimmten Zeitraum auszublenden? Ein einfacher Code, perfekt zum Erstellen Ihres VSL, Ihrer Verkaufsseite oder allem, worauf Sie sich konzentrieren m\u00f6chten. <\/p>","protected":false},"excerpt":{"rendered":"<p>Sie stellen Ihre VSL-Verkaufsseite zusammen und m\u00f6chten f\u00fcr ein paar Minuten nur das Video zeigen? m\u00f6chte die verstecken<\/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\/de\/wp-json\/wp\/v2\/posts\/3831"}],"collection":[{"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/comments?post=3831"}],"version-history":[{"count":3,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/posts\/3831\/revisions"}],"predecessor-version":[{"id":3836,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/posts\/3831\/revisions\/3836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/media\/3832"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/de\/wp-json\/wp\/v2\/categories?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}