일부 페이지를 임시로 숨기는 방법에 대해 궁금하세요?

당신은 VSL 판매 페이지를 구성하고 몇 분 동안 비디오만 표시하려고합니까? 구매 버튼이나 페이지 요소를 잠시 숨기고 싶습니까? 이 기사에서는 간단한 솔루션을 제시하겠습니다.

인터넷에서 아주 간단한 것을 찾기가 어렵다는 것이 놀라울 정도입니다. 아마도 올바른 용어를 표현하지 못해서 그런 것일지도 모릅니다. 때로는 매우 간단한 작업을 하기 위해 엄청난 플러그인이나 코드를 마주칠 때도 있습니다.

여기에서 원하는 것은 CSS 요소를 숨기고 일정 시간이 지난 후에만 표시하는 것입니다. 이는 4줄 미만의 간단한 JavaScript로 쉽게 만들 수 있습니다.

몇 분 동안 요소를 숨기는 방법은 무엇인가요?

첫 번째로 이해해야 할 것은 어떤 요소를 숨길 것인가입니다. 거의 전체 페이지를 숨기고 비디오만 남기고 싶다면 HTML에서 DIV를 만들고 선택한 CSS 클래스를 넣어 페이지 끝에 닫으면 됩니다.

.classname {display:none;}

워드프레스의 블록 편집기를 사용하는 경우 각 블록의 고급 설정으로 이동하여 CSS 클래스를 정의하여 요소를 쉽게 숨길 수도 있습니다.

CSS 클래스를 선택한 후 해당 클래스를 숨기고 싶은 요소에 추가한 후, 헤더에 Javascript를 추가해야 합니다. 이 모든 것은 사용 중인 테마나 플러그인에 따라 달라집니다.

헤더에 다음 코드를 추가하십시오:

<script>setTimeout(function() {
  $('.classname').show()
}, 400000);
</script>

Em ClassName, 클래스 이름을 숨기려는 클래스 이름을 넣습니다. 400000 번호에서 요소가 표시될 때까지 대기 시간을 결정합니다. 이는 밀리초 단위입니다.

모든 1000에 대해 1초가 소요됩니다. 따라서 코드에서 발견된 400,000은 대략 6분에 해당합니다. 이 정보를 사용하여 원하는 시간을 계산할 수 있습니다.

당신은 페이지의 요소나 반을 잠시 가리는 것이 얼마나 간단한지 보았습니까? 짧은 코드 하나로, VSL, 판매 페이지 또는 집중을 유지하고 싶은 다른 것들을 만드는 데 완벽합니다.