카운터를 Elementor에서 사용하면 웹 디자인을 향상시키고 방문자들을 즉시 감동시킬 수 있습니다. 카운터는 시각적으로 매력적뿐만 아니라 고객 평가, 구독자 수 또는 판매량과 같은 중요한 정보를 한눈에 보여줍니다. 이 가이드에서는 워드프레스 페이지에서 카운터를 효과적으로 사용하는 방법을 안내합니다.
주요 인사이트
- 카운터는 간단히 적용 가능하며 다양하게 맞춤 설정할 수 있습니다.
- 시작 숫자, 접두사, 접미사 및 애니메이션 지속 시간을 개별적으로 설정할 수 있습니다.
- 카운터의 색상과 스타일을 조정하여 디자인에 통합할 수 있습니다.
단계별 안내
카운터 추가
Elementor에서 페이지에 카운터 요소를 찾아 추가하는 것으로 시작합니다. 카운터를 배치하려는 원하는 페이지나 섹션으로 이동합니다.
카운터 생성
새로운 카운터 요소를 추가합니다. 이미 기본값인 100이 표시되는 것을 알 수 있습니다. 이 숫자는 원하는대로 조정할 수 있습니다.
카운터 복제
이미 만든 카운터를 여러 번 사용하려는 경우 해당 카운터를 복제할 수 있습니다. 카운터를 선택하고 복제 버튼을 클릭합니다. 그러면 동일한 카운터가 생성되며 이후에 조정할 수 있습니다.
목표 번호 설정
이제 목표 번호를 정의할 차례입니다. 달성한 것을 보여주고 싶을 때 직접 숫자를 입력할 수 있습니다. 예를 들어, 2400명의 만족한 고객을 나타내려면 숫자를 입력하세요.
접두사와 접미사 선택
카운터에 접두사와 접미사를 추가할 수 있습니다. 예를 들어, 플러스 기호나 유로 기호를 앞에 붙이고 싶다면 여기에서 설정할 수 있습니다. 이 예에서는 숫자 표시할 때만 필요합니다.
제목 추가
카운터에 목적을 명확히 하는 제목을 추가합니다. "만족한 고객"과 같이 간결한 제목은 카운터를 더 매력적으로 만듭니다.
천 단위 구분 기호
천 단위 구분 기호를 사용할지 여부를 선택합니다. 마침표, 쉼표 또는 전혀 사용하지 않을 수 있습니다. 이렇게 하면 숫자가 원하는 가독성에 맞춰집니다.
애니메이션 지속 시간 설정
애니메이션 지속 시간을 사용하여 카운터가 증가하는 속도를 설정합니다. 5000밀리초의 지속 시간은 숫자가 상대적으로 빠르게 나타나게 하고, 더 짧은 시간은 빠른 인상을 주게 합니다.
스타일 및 색상 조정
다음 단계: 웹사이트 전체 디자인과 조화를 이루는 것을 보장하기 위해 카운터의 텍스트 색상을 선택합니다. 원하는 색상을 클릭하여 간편하게 선택할 수 있습니다.
글꼴 조정
글꼴도 취향대로 조정할 수 있습니다. 가독성이 좋고 동시에 세련된 글꼴을 선택하는 것이 좋습니다.
저장 및 확인
모든 설정을 완료하고 변경을 저장한 후 프론트엔드에서 페이지를 확인합니다. 카운터가 어떻게 보이는지 확인하고 원하는대로 작동하는지 확인합니다.
인터랙티브 카운터
원하는 경우 카운터가 방문자의 시야에 들어왔을 때만 활성화되도록 설정할 수도 있습니다. 이는 사용자 경험을 향상시키는 추가적인 상호작용 요소를 제공합니다.
요약
이제 Elementor에서 카운터를 효과적으로 활용하여 웹사이트에 정보를 시각적으로 표현하는 방법을 배웠습니다. 올바른 계획과 구현을 통해 방문자들을 감명케 하고 중요한 정보를 강조할 수 있습니다.
자주 묻는 질문
Elementor의 카운터란 무엇인가요?카운터는 Elementor의 요소로, 특정 숫자를 표시하고 그 숫자를 증가시키는 애니메이션 효과를 줍니다.
카운터의 색상을 바꿀 수 있나요?네, 카운터의 색상과 스타일을 조절할 수 있습니다.
카운터의 애니메이션 소요 시간은 어떻게 되나요?애니메이션 소요 시간은 밀리초 단위로 개별적으로 설정하여 증가하는 속도를 조절할 수 있습니다.
카운터는 모바일 기기에서 작동하나요?네, 카운터는 반응형이며 화면 크기에 맞춰 조절됩니다.
카운터를 복사할 수 있나요?네, Elementor에서 쉽게 카운터를 복사하고 조정하여 유사한 설정의 여러 카운터를 만들 수 있습니다.
