무료 Elementor 목차 위젯
Elementor 의 자체 목차 위젯은 Elementor Pro 와 함께 제공됩니다. Master Addons 의 목차 위젯은 무료입니다. 게시물이나 페이지에 놓으면 거기에있는 제목을 읽은 다음 제목 순서대로 링크 된 목록을 작성합니다. 항목을 클릭하면 리더가 해당 섹션으로 스크롤됩니다. 포함할 제목 태그와 목록에 글머리 기호 또는 숫자가 표시되는지 여부를 선택합니다. 독자가 상자를 접고 맨 위 화살표에 다시 추가 할 수 있으며 제목,분리기 및 링크에는 각각 고유한 스타일 컨트롤이 있습니다.
Elementor에서 목차를 추가하는 방법
당신은 Elementor 와 무료 마스터 애드온 플러그인이 필요합니다,다른 아무것도. 페이지도 실제 제목 태그가 필요합니다 (H2,H3 등등), 목록이 그들로부터 구축되기 때문에.
- 설치 및 활성화 WordPress.org 의 마스터 애드온그리고 마스터 애드온 대시보드에서 목차가 활성화되어 있는지 확인하세요.
- Elementor로 게시물이나 페이지를 열고 위젯 패널을 검색하세요 목차.
- 일반적으로 첫 번째 섹션 위나 사이드바 열에 목록이 있어야 하는 위치로 드래그합니다.
- 에서 콘텐츠제목을 설정하고 목록 스타일을 선택한 다음 포함할 제목 태그를 선택합니다.
- 오픈 접을 수 있는 그리고 스크롤 토글을 추가하려면 맨 위 화살표와 헤더의 스크롤 오프셋을 추가하세요.
- 스타일 탭에서 제목, 구분 기호 및 링크의 스타일을 지정한 다음 페이지를 미리 보고 몇 가지 항목을 클릭하여 점프를 테스트합니다.
모든 설정은 에서 다룹니다 목차 위젯 설정 가이드.
제목에서 목록을 작성합니다
레벨을 선택하세요 제목 태그. H2,H3 및 H4 는 기본적으로 선택되며 H1 에서 H6 중 하나를 추가 할 수 있습니다. 페이지가로드되면 위젯은 해당 제목을 찾고,아무것도없는 경우 각 제목에 ID 를 부여하고,제목 수준별로 목록을 중첩합니다. 제목 이름을 바꾸거나 추가하면 목록이 다음로드에서이를 선택하므로 손으로 유지할 수있는 앵커 링크가 없습니다.
- 목록 스타일: 기본값(마커 없음), 총알 또는 숫자.
- 제목 하나를 건너뛰세요: CSS 클래스를 추가합니다
jltma-toc-hide-heading해당 제목의 고급 탭에서. - 구분 기호 표시: 제목 아래에 고유한 스타일, 색상, 두께 및 간격을 갖춘 선택적 줄입니다.
- 제목 ID는 제목 텍스트로 만들어지므로 다른 곳의 섹션으로 바로 연결할 수도 있습니다.
사이드바 및 모바일용 접이식 상자
켜다 콘텐츠를 접을 수 있게 만듭니다 그리고 제목 옆에 토글 아이콘이 나타납니다. 독자들이 목록을 열거나 닫기 위해 클릭하고,점프하는 대신 미끄러집니다. 스위치 켜기 처음에는 붕괴된 상태를 유지하세요 긴 법적 페이지와 좁은 사이드바 열에 도움이 되는 제목만 표시하는 상자를 로드하려면.
- 토글의 아이콘 크기 및 아이콘 색상 컨트롤입니다.
- 구분 기호는 목록과 함께 접혀집니다.
- 위젯은 그 자체의 끈적한 설정이 없습니다. 사람들이 읽는 동안 상자를 계속 보려면 테마 또는 Elementor Pro Motion Effects 로 열을 끈적하게 만드십시오.
부드러운 점프와 맨 위로 돌아가기 화살표
항목을 클릭하면 페이지가 제목 아래로 스크롤됩니다. 스크롤 애니메이션 지연 (ms) 해당 스크롤이 걸리는 시간을 기본적으로 500,최대 2000 으로 설정합니다. With 부드러운 스크롤 당신도 얻을 수 있습니다 부드러운 스크롤 오프셋 (px)는 제목에 미치지 못하여 고정 헤더가 다루지 않도록 합니다. 데스크톱,태블릿 및 모바일에 대해 다른 오프셋을 설정할 수 있습니다.
- 위로 스크롤 방문자가 아래로 스크롤하면 표시되는 오른쪽 하단 모서리에 작은 화살표를 추가합니다.
- 화살표는 독자를 목차로 돌아가거나 스크롤에서 상단 오프셋으로 설정한 위치로 이동합니다.
- 화살표의 크기, 아이콘 색상 및 배경 색상 컨트롤.
- 리더가 클릭한 항목은 콘텐츠 스타일 섹션에서 활성 색상을 유지하므로 점프한 위치를 확인할 수 있습니다.
Elementor Pro 목차 대 마스터 애드온 목차
Elementor 의 목차 위젯에는 Elementor Pro 라이센스가 필요하며 스크롤하는 동안 어떤 제목이 표시되고 목록이 어떻게 동작하는지에 대한 더 많은 제어권을 제공합니다. Master Addon 은 일상적인 작업을 무료로 처리하고 맨 위 화살표에 뒤로 추가됩니다.
| 특징 | 엘리멘터 프로 | 마스터 애드온 |
|---|---|---|
| 가격 | Elementor Pro가 필요합니다 | 마스터 애드온으로 무료 |
| 어떤 제목 | 태그별 앵커(H1~H6)와 검색 영역을 제한하는 컨테이너 선택기 | 메인 게시물이나 페이지 콘텐츠의 제목 태그(H1~H6)입니다 |
| 제목을 남겨두세요 | 앵커 선택기별, 모든 CSS 선택기 | 각 제목에 CSS 클래스 jltma-toc-hide-heading이 있습니다 |
| 마커 | 선택한 아이콘이 있는 숫자 또는 글머리 기호입니다 | 기본값, 글머리 기호 또는 숫자 |
| 중첩 | 계층적 보기 하위 항목을 전환하고 축소합니다 | 항상 제목 수준에 따라 중첩됩니다 |
| 접기 | 확장 및 축소 아이콘과 시작하는 중단점이 최소화된 상자를 최소화합니다 | 콘텐츠를 접을 수 있게 만들고 처음에는 접힌 상태를 유지하세요 |
| 활성 항목 | 리더가 스크롤할 때 보이는 섹션을 따릅니다 | 독자가 클릭한 항목을 표시합니다 |
| 스크롤 설정 | 위젯에 속도 또는 오프셋 컨트롤이 없습니다 | 스크롤 애니메이션 지연 및 장치별 부드러운 스크롤 오프셋 |
| 위로 가기 화살표 | 없음 | 크기 및 색상 컨트롤을 사용하여 맨 위로 스크롤합니다 |
Elementor Pro 에 대해 이미 비용을 지불하고 스크롤 할 때 목록이 리더를 추적하기를 원한다면 위젯을 사용하십시오. 접을 수있는 상자와 맨 위로 돌아 가기 화살표가있는 무료 목차를 원한다면이 것을 사용하십시오. 관련: 읽기 진행률 표시줄, 고급 아코디언 그리고 오프 캔버스 콘텐츠 (Pro).
목차에 대해 자주 묻는 질문
목차 위젯은 무료인가요?
예. WordPress.org 의 무료 Master Addons 플러그인의 일부이며이 페이지에 설명 된 모든 설정은 무료 버전입니다. Elementor 의 자체 목차 위젯에는 Elementor Pro 가 필요합니다.
목차에서 제목을 제외하려면 어떻게 해야 하나요?
전체 레벨을 드롭하려면,H4 와 같은 표제 태그에서 해당 태그를 제거합니다. 표제 하나를 숨기려면 Elementor 에서 선택하고 고급 탭을 열고 추가합니다 jltma-toc-hide-heading CSS Classes 필드로. 페이지에 남아 있지만 목록에서 제외됩니다.
리더가 스크롤됨에 따라 활성 항목이 변경됩니까?
아니요. 스타일의 활성 색상,콘텐츠는 리더가 클릭한 항목을 스타일링하고 다른 항목을 클릭하면 이동합니다. 목록은 스크롤하는 동안 화면의 섹션을 추적하지 않습니다. Elementor Pro 의 목차 위젯이 그렇게 합니다.
모든 페이지에 맨 위로 스크롤 화살표가 표시됩니까?
위로 스크롤이 켜진 이 위젯이 포함된 페이지에만 해당됩니다. 화살표는 오른쪽 하단에 있으며 방문자가 페이지 아래로 약 250px 를 스크롤한 후 표시됩니다.
목록 마커에 사용자 정의 아이콘을 사용할 수 있습니까?
위젯 패널에서가 아닙니다. List Style 은 Default,Bullets and Numbers 를 제공하며 Content 스타일 섹션은 글꼴과 색상을 설정합니다. 사용자 지정 마커 아이콘은 자신의 CSS 가 필요합니다. Elementor Pro 의 위젯에는 총알 용 아이콘 선택기가 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
