Elementor에서 숫자 카운터를 추가하는 방법
Counter Up에는 무료 플러그인이 함께 제공되며 위젯 하나가 전체 통계 행을 보유합니다.
- Elementor용 Master Addons를 설치하고 확인하세요 카운터 업 master Addons 위젯 설정에서 켜져 있습니다.
- Elementor로 페이지를 편집하고 패널을 검색하세요 카운터 업 그리고 섹션으로 드래그합니다.
- 오픈 카운터업 콘텐츠. 위젯은 4 개의 샘플 항목으로 시작합니다: 행복한 클라이언트,프로젝트 완료,커피 한잔 및 수상.
- 각 항목에 대해 다음을 설정합니다 유형 (없음, 아이콘 또는 이미지), 제목 그리고 번호, 게다가 숫자 접두사 또는 숫자 접미사 $ 또는 K +와 같은.
- 선택 열 데스크탑, 태블릿, 모바일용 콘텐츠 위치 제목에 대한.
- 카드, 아이콘, 숫자 및 제목을 스타일링합니다 스타일 탭한 다음 페이지를 업데이트하세요.
하나의 반응형 그리드에 여러 카운터가 있습니다
모든 카운터는 의 항목입니다 항목 하나의 위젯이 전체 통계 행을 보유할 수 있도록 나열합니다. 열 1,2, 3,4 또는 6 열을 제공하며 장치별로 설정할 수 있습니다. 기본값은 데스크톱에서 4,태블릿에서 2,모바일에서 1 입니다. 콘텐츠 위치 번호의 위, 아래, 왼쪽 또는 오른쪽에 제목을 배치합니다.
- 항목: 목록에 카운터를 추가,복제 또는 제거합니다. 각각은 자체 설정을 유지합니다.
- 열: 1,2, 3,4 또는 6.5 열 옵션이 없습니다.
- 품목별 카드 색상: X-1000 은 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 배경 필드는 단일 카드에 색상을 지정하므로 헤드라인 통계가 눈에 띕니다.
카운트업 애니메이션의 작동 방식
각 숫자는 0 부터 입력한 값까지 약 2 초에 걸쳐 카운트됩니다. 카운트는 페이지가 로드될 때 한 번 실행되고 방문자가 스크롤할 때 재생되지 않습니다. 긴 페이지의 먼 아래 카운터는 누군가가 도달할 때 이미 최종 값을 표시할 수 있으므로 위젯은 페이지 상단 근처에서 가장 잘 작동합니다. 접두사와 접미사 텍스트는 숫자가 이동하는 동안 그대로 유지됩니다.
- 번호: 7.5 와 같은 소수를 포함한 모든 값.
- 접두사 및 접미사: 양쪽에 자유 텍스트가 있으므로 M+ 접미사가 붙은 120 은 120M+를 읽습니다.
- 고정 타이밍: 지속 시간,시작 번호 또는 천 구분 기호 설정이 없습니다. 접미사는 큰 숫자를 짧게 유지합니다.
스타일링 카드, 아이콘, 숫자 및 제목
스타일 탭에는 두 개의 섹션이 있습니다. 카운터 업 박스 스타일 공유 카드 배경, 패딩, 여백, 테두리, 테두리 반경 및 상자 그림자를 설정합니다. 콘텐츠 스타일 아이콘 색상과 원 색상,숫자 색상과 타이포그래피,접두사에 대한 별도의 색상,타이포그래피와 크기,제목 색상,타이포그래피와 여백을 다룹니다. 접두사 설정은 접미사에도 적용됩니다.
- 아이콘 설정: 아이콘/이미지 위치 (왼쪽, 위 또는 오른쪽), 아이콘 크기, 아이콘 원 또는 이미지 크기, 각각 6 에서 300px까지.
- 아이콘 및 이미지: 활성화된 라이브러리에서 아이콘을 선택하거나 각 항목에 대한 이미지를 업로드합니다. 아이콘 색상은 모든 항목에서 공유됩니다.
- 글로벌 스타일: 번호 및 제목 타이포그래피는 Elementor 전역 글꼴과 색상을 변경할 때까지 사용합니다.
Elementor Counter 대 Master Addons 카운터 업
Free Elementor 는 자체 Counter 위젯을 가지고 있습니다 (Elementor 4,2.4 에서 확인). 위젯당 하나의 숫자를 표시하므로 4 개의 stats 행은 컨테이너에 4 개의 위젯을 의미합니다. Counter Up 은 전체 행을 하나의 위젯에 넣습니다.
| 특징 | 엘리멘터 카운터 | 마스터 애드온 카운터 업 |
|---|---|---|
| 가격 | 무료(엘리멘터 코어) | 무료(마스터 애드온) |
| 위젯당 카운터 | 하나 | 추가한 만큼 많은 항목 |
| 레이아웃 | 컨테이너에 위젯을 배열합니다 | 열: 장치당 1, 2, 3, 4 또는 6개 |
| 아이콘 또는 이미지 | 아니요 | 항목 당 |
| 카드 스타일링 | 번호 및 제목 텍스트만 해당됩니다 | 배경, 테두리, 반경, 그림자, 항목별 색상 |
| 시작 번호 | 예 | 항상 0 |
| 애니메이션 지속시간 | 예, ms 단위입니다(2000 기본값) | 약 2 초에서 고정 |
| 천 분리기 | 예, 5 가지 스타일 | 아니요 |
| 그것이 중요할 때 | 숫자가 보기로 스크롤되면 | 한 번, 페이지로드에 |
| 제목 HTML 태그 | H1 에서 H6, div, 스팬, p | 고정 |
| 텍스트 획과 그림자 | 예 | 아니요 |
Elementor 의 카운터는 애니메이션을 더 잘 처리합니다. 화면에 숫자가 표시될 때까지 기다리며 시작 값과 지속 시간을 설정할 수 있고 천 개의 구분 기호를 추가합니다. 카운터 업은 단일 위젯에 아이콘,카드 스타일링 및 반응형 열이 있는 통계 대역의 경우 더 빠르며 페이지 상단 근처의 섹션에 적합합니다.
카운터업을 위해 자주 묻는 질문
카운터 업 위젯은 무료인가요?
예. 카운터 업은 무료 Master Addons 플러그인의 일부이며,이 페이지에 설명 된 모든 설정은 Pro 없이도 작동합니다.
카운팅 애니메이션은 언제 시작되나요?
페이지가 로드될 때. 각 숫자는 0 에서 약 2 초 동안 한 번 계산됩니다. 카운터가 보기로 스크롤될 때까지 기다리지 않고 재생되지 않으므로 방문자가 일찍 보는 곳에 배치합니다.
여러 카운터가 내 페이지 속도를 늦출까요?
스크립트는 작고 각 숫자에 대해 짧은 타이머를 실행하므로 몇 개의 카운터에서 거의 추가되지 않습니다. 항목에 추가하는 이미지는 애니메이션보다 훨씬 더 무게가 나가므로 업로드하기 전에 압축하십시오.
한 줄에 몇 개의 카운터를 앉을 수 있습니까?
열을 1, 2, 3, 4 또는 6 으로 설정합니다. 데스크톱, 태블릿 및 모바일에 대해 다른 값을 선택할 수 있으며 기본값은 4, 2 및 1 입니다.
카운터는 0이 아닌 숫자에서 시작할 수 있나요?
아니요. 카운터 업은 항상 0 에서 시작하며 지속 시간 설정이 없습니다. 사용자 지정 시작 번호가 필요한 경우 Elementor 카운터 위젯에 시작 번호 필드가 있습니다.
Counter Up 에서 동적 태그를 사용할 수 있습니까?
현재 버전에는 없습니다. 제목,숫자, 숫자 접두사 및 숫자 접미사는 일반 필드이므로 값은 손으로 입력됩니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
