{"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\/fr\/comment-masquer-une-partie-de-la-page-pendant-une-periode-de-temps\/","title":{"rendered":"Comment masquer une partie de la page pendant un certain temps"},"content":{"rendered":"<p>Vous pr\u00e9parez votre page de vente VSL et vous souhaitez montrer uniquement la vid\u00e9o pendant quelques minutes\u00a0? Vous souhaitez masquer le bouton d&#039;achat ou certains \u00e9l\u00e9ments de la page pendant un certain temps\u00a0? Dans cet article, nous allons pr\u00e9senter une solution simple. <\/p>\n\n\n\n<p>C&#039;est incroyable \u00e0 quel point il est difficile de trouver quelque chose d&#039;aussi simple sur Internet, peut-\u00eatre \u00e0 cause du manque d&#039;expression du terme correct. Parfois, nous rencontrons des plugins ou des codes \u00e9normes pour accomplir quelque chose de tr\u00e8s simple. <\/p>\n\n\n\n<p>Ce que nous voulons ici, c&#039;est masquer un \u00e9l\u00e9ment CSS et ne l&#039;afficher qu&#039;apr\u00e8s un certain temps. Cela peut facilement \u00eatre cr\u00e9\u00e9 avec un simple Javascript de moins de 4 lignes. <\/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=\"Comment masquer le reste de la page pendant un certain temps\u00a0? VSL - Page de vente\" 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\">Comment masquer un \u00e9l\u00e9ment pendant quelques minutes ?<\/h2>\n\n\n\n<p>La premi\u00e8re chose que vous devez comprendre est quel \u00e9l\u00e9ment vous allez cacher. Si vous souhaitez masquer presque toute la page, ne laissant que la vid\u00e9o, cr\u00e9ez simplement un DIV avec HTML, mettez une classe CSS de votre choix et fermez-la en bas de la page. <\/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>Si vous utilisez l&#039;\u00e9diteur de blocs WordPress, vous pouvez \u00e9galement masquer facilement des \u00e9l\u00e9ments en acc\u00e9dant aux param\u00e8tres avanc\u00e9s de chaque bloc et en d\u00e9finissant la classe CSS. <\/p>\n\n\n\n<p>Apr\u00e8s avoir choisi la classe CSS et l&#039;avoir ajout\u00e9e aux \u00e9l\u00e9ments que vous souhaitez masquer, vous devez ajouter le Javascript dans l&#039;en-t\u00eate. Tout d\u00e9pend du th\u00e8me ou du plugin que vous utilisez. <\/p>\n\n\n\n<p>Ajoutez le code suivant dans l&#039;en-t\u00eate\u00a0: <\/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>Dans ClassName, vous mettez le nom de la classe que vous souhaitez masquer. Dans le nombre 400000, vous d\u00e9terminez le temps d&#039;attente pour que l&#039;\u00e9l\u00e9ment devienne visible. Il s&#039;agit de millisecondes. <\/p>\n\n\n\n<p>Tous les 1000, nous avons un total de 1 seconde. Ainsi, les 400 000 trouv\u00e9s dans le code \u00e9quivaut \u00e0 environ 6 minutes. Vous pouvez utiliser ces informations pour calculer le temps souhait\u00e9. <\/p>\n\n\n\n<p>Vous voyez \u00e0 quel point il est simple de masquer un \u00e9l\u00e9ment ou la moiti\u00e9 de la page pendant un certain temps\u00a0? Un code simple, parfait pour cr\u00e9er votre VSL, votre page de vente ou toute autre chose sur laquelle vous souhaitez vous concentrer. <\/p>","protected":false},"excerpt":{"rendered":"<p>Vous cr\u00e9ez votre page de vente VSL et vous souhaitez montrer uniquement la vid\u00e9o pendant quelques minutes\u00a0? veux cacher le<\/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\/fr\/wp-json\/wp\/v2\/posts\/3831"}],"collection":[{"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/comments?post=3831"}],"version-history":[{"count":3,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/posts\/3831\/revisions"}],"predecessor-version":[{"id":3836,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/posts\/3831\/revisions\/3836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/media\/3832"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/fr\/wp-json\/wp\/v2\/categories?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}