WordPress에 카운트다운 타이머를 추가하는 방법

WordPress 사이트를 만들 때 이벤트 또는 기타 시간에 민감한 제안을 홍보하는 데 도움이 되는 도구, 디자인 및 기능을 통합해야 할 수 있습니다. 카운트다운 타이머 위젯이나 플러그인을 사용하면 훨씬 쉽게 달성할 수 있습니다.

WordPress 카운트다운 타이머 위젯을 사용하면 사이트 소유자와 방문자가 특정 날짜와 시간을 더 쉽게 추적할 수 있습니다. 또한 사이트에 빠르게 추가할 수 있는 몇 가지 카운트다운 플러그인이 있습니다.

이 게시물에서는 카운트다운 타이머를 언제 사용해야 하는지, 워드프레스 카운트다운 타이머 위젯이 무엇인지에 대해 설명합니다. 그런 다음 플러그인을 사용하여 WordPress에 카운트다운 타이머를 추가하는 가장 좋은 세 가지 옵션을 안내합니다. 시작하자!

카운트다운을 사용해야 하는 경우

카운트다운 타이머를 사용하여 사업 기념일과 같은 다양한 이정표를 표시할 수 있습니다. 또한 하나를 사용하여 예정된 이벤트(예: 신제품 출시)에 대한 기대치를 높이거나 판매 시작을 홍보하거나 사이트가 유지 관리 모드에서 벗어날 때 방문자에게 알릴 수 있습니다.

카운트다운 타이머 위젯이란?

카운트다운 타이머 위젯은 제품이나 이벤트에 대한 흥분이나 긴급성을 높이기 위해 WordPress 사이트에 추가할 수 있는 확장 기능입니다. WordPress 카운트다운 타이머 위젯을 사용하여 남은 시간을 카운트다운하는 시계를 표시하여 고객에게 무언가를 기대해야 할 때를 알리거나 상기시킬 수 있습니다.

카운트다운 타이머가 사용되는 가장 일반적인 시나리오는 다음과 같습니다.

• 방문자에게 WordPress 사이트가 유지 관리 중이며 언제 다시 온라인 상태가 될 것인지 알립니다.
• 제품 출시, 사교 모임 또는 컨퍼런스와 같은 예정된 이벤트 홍보 및 기대감 구축
• 기념일과 같은 중요한 이정표를 인정
• 특별 판매 이벤트, 판촉 또는 출시 예정 페이지에 대한 흥미 유발

WordPress에 카운트다운 타이머를 추가하기 위한 옵션

WordPress 사이트에 카운트다운 타이머를 추가하기 위한 여러 가지 옵션이 있습니다. 코드를 통해 그렇게 할 수 있지만 가장 쉬운 방법은 WordPress 카운트다운 플러그인을 사용하는 것입니다. 세 가지 권장 카운트다운 타이머 플러그인과 이를 시작하는 방법을 살펴보겠습니다.

옵션 1: T(-) 카운트다운 위젯을 사용하여 카운트다운 타이머 추가

(T-) 카운트다운 위젯은 가장 인기 있는 워드프레스 카운트다운 플러그인 중 하나입니다. WordPress 사이트의 모든 페이지 또는 게시물에 단축 코드를 통해 매우 유연하고 사용자 정의 가능한 HTML5 타이머를 표시할 수 있습니다.

그러나 플러그인의 기능을 최대한 활용하려면 약간의 HTML 및 CSS 지식이 필요합니다. 따라서 초보자에게는 최선의 선택이 아닐 수 있습니다.

플러그인을 설치하고 활성화한 후 설정 > T(-) 카운트다운 에서 찾을 수 있습니다.

이 화면에서 초, 주, 월 또는 년을 카운트다운할지 여부를 선택할 수 있습니다. 표시될 레이블을 사용자 지정하고 자신의 CSS를 추가할 수도 있습니다.

플러그인을 다운로드하고 활성화하면 WordPress 편집기에 T(-) 카운트다운 블록이 추가됩니다. 사용하려면 카운트다운 타이머를 추가하려는 페이지나 게시물로 이동하세요. 더하기 아이콘을 클릭한 다음 블록 에서 T(-) 카운트다운 옵션을 검색합니다.

이 블록은 페이지 또는 게시물에 표준 카운트다운 타이머를 추가합니다. 오른쪽 패널에서 사용자 정의하고 구성할 수 있습니다.

시작 시간과 날짜를 선택하고 타이머가 표시되는 방식에 대해 13가지 스타일 중 하나를 선택할 수 있습니다. T(-) 카운트다운 설정 페이지에도 있는 동일한 설정(레이블 및 사용자 지정 CSS 포함)을 조정할 수 있는 섹션도 있습니다.

필요한 경우 이 플러그인에 대한 무료 지원과 사용할 수 있는 단축 코드 옵션의 전체 목록이 있습니다. 또한 이것이 이전 jQuery T(-) Countdown Widget 플러그인의 활발하게 개발된 버전이라는 점도 주목할 가치가 있습니다.

옵션 2: Countdown Timer Ultimate를 사용하여 카운트다운 타이머 추가

Countdown Timer Ultimate는 단축 코드를 사용하여 WordPress 사이트에 카운트다운 타이머를 표시합니다. Gutenberg 편집기와 잘 작동하고 완벽하게 반응하며 무제한 카운트다운을 생성할 수 있습니다.

플러그인을 설치하고 활성화하면 환영 메시지가 표시됩니다. 건너뛰기 또는 허용 및 계속을 선택합니다.

다음으로 카운트다운 타이머 > 타이머 추가 로 이동합니다.

이 화면에서 카운트다운 타이머의 이름을 지정하고 디스플레이를 사용자 지정할 수 있습니다. 만료 날짜를 선택한 후 Smooth 또는 Ticks 의 두 가지 애니메이션 스타일 중에서 선택할 수 있습니다.

다음으로 원 너비와 색상을 선택합니다. 정의하지 않은 모든 항목은 기본 스타일로 설정됩니다. 완료되면 게시 를 클릭합니다.

그런 다음 WordPress 게시물 또는 페이지에 카운트다운 타이머 위젯을 추가할 수 있습니다. 이렇게 하려면 카운트다운 타이머 쇼트코드( WP Countdown TImer 페이지의 쇼트코드 열 아래에 있음)를 복사하십시오.

그런 다음 타이머를 추가하려는 페이지나 게시물로 이동합니다. 블록 편집기에서 더하기 아이콘을 클릭하고 Shortcode 위젯을 선택합니다.

짧은 코드를 텍스트 필드에 붙여넣은 다음 페이지를 미리 보고 만족스러운지 확인합니다. 만족스러우면 게시 를 누르십시오.

대신 사이트의 사이드바에 카운트다운 위젯을 추가하려면 Appearance > Widgets 로 이동하고 텍스트 위젯을 사이드바에 추가하면 됩니다. 위젯 설정에서 카운트다운 타이머 쇼트코드를 붙여넣기만 하면 됩니다.

앞에서 언급했듯이 이 플러그인의 무료 버전을 다운로드하고 사용하여 무제한 타이머를 만들 수 있습니다. 추가 디자인 및 고급 기능에 대한 액세스를 잠금 해제하기 위해 프리미엄 버전으로 업그레이드할 수도 있습니다. 플러그인을 먼저 테스트하려면 무료 데모에 등록할 수도 있습니다.

옵션 3: POWr을 사용하여 카운터 타이머 추가

마지막으로 POWr은 클라우드 기반 카운트다운 타이머 플러그인입니다. 따라서 이를 사용하려면 먼저 무료 계정에 가입해야 합니다.

POWr의 이점 중 하나는 완벽하게 반응하고 사용자 정의할 수 있다는 것입니다. 그러나 일반 카운트다운 타이머를 만드는 것 외에도 시간이 지남에 따라 이벤트를 추적하는 데 사용할 수 있다는 점에서 고유합니다.

시작하려면 먼저 사이트에서 POWr WordPress 카운트다운 플러그인을 다운로드하고 활성화하십시오. 양식 및 소셜 피드를 만드는 데 사용할 수 있는 다양한 기타 기능이 포함된 패키지로 제공됩니다.

다음으로 POWr 웹사이트를 방문하여 시작하기 버튼을 클릭하여 무료 계정에 가입하십시오. 계정을 생성하면 내 플러그인 페이지로 이동합니다. 여기에서 왼쪽 탐색 메뉴에서 카운트다운 타이머를 선택하여 '자신만의 플러그인 만들기'를 할 수 있습니다.

다음으로 WordPress 사이트에 대한 카운트다운 타이머 위젯을 만들고 사용자 지정할 수 있는 화면이 나타납니다.

사용하려는 카운트다운 유형에 대한 다양한 옵션이 있습니다. 또한 콘텐츠 및 디자인 탭에서 목표 날짜를 설정하고, 타이머의 레이블을 사용자 지정하고, 사용자 지정 메시지를 만들고, 애니메이션을 추가할 수 있습니다.

카운트다운 타이머에 만족하면 화면 하단에 있는 사이트에 추가 버튼을 클릭합니다.

그런 다음 사이트에 추가할 수 있는 여러 가지 옵션이 표시됩니다. 예를 들어 WordPress 아이콘을 클릭하여 카운트다운 타이머에 대한 단축 코드를 생성할 수 있습니다.

그런 다음 이 단축 코드를 복사하여 WordPress 편집기의 단축 코드 블록에 붙여넣을 수 있습니다(이전 섹션 참조). Embed Code 옵션을 선택하여 사이트의 HTML 요소에 코드를 복사하여 붙여넣을 수도 있습니다.

WP 엔진에서 더 많은 유용한 리소스 찾기

웹사이트에 카운트다운 타이머를 추가하는 것은 흥미를 북돋우고 방문자에게 동기를 부여하는 좋은 방법입니다. 물론 사이트에 추가하려는 기능이 무엇이든 저희가 도와드리겠습니다.

WP Engine은 사용자와 개발자를 위한 최고의 리소스를 제공하여 놀라운 디지털 경험을 제공하는 데 필요한 정보와 도구를 제공합니다. 오늘 최고의 WordPress 호스팅을 시작하세요!