에 목차를 만들거나 추가해야 합니다. Elementor ?
도구나 장소의 목록과 같이 긴 글을 작성할 때 목차를 추가할 수 있습니다. WordPress에는 사용할 수 있는 플러그인이 많이 있습니다. 목차 만들기 당신의 기사에.
그러나 Elementor, 목차를 추가하려는 경우 목차 플러그인을 설치할 필요가 없습니다. Elementor 긴 기사에 목차를 추가할 수 있는 기본 위젯이 있습니다. 우리는 여기서 그것을 다룰 것입니다.
차례 최근에 새 위젯입니다 Elementor에서 소개한. 이 위젯을 사용하면 긴 기사에 대한 추가 페이지 탐색을 제공하여 방문자 기사의 섹션 사이를 쉽게 이동할 수 있습니다.
Elementor의 목차 위젯을 사용하면 목차에 표시할 정확한 헤더 태그를 선택할 수 있습니다. 페이지의 특정 컨테이너에서 헤더를 사용할 수도 있습니다.
참고 : 목차는 프로 위젯입니다. Elementor를 사용하려면 Pro 버전을 설치해야 합니다.
Elementor에서 목차 위젯을 사용하는 방법
Elementor에서 목차 위젯을 사용하는 이상적인 두 가지 방법이 있습니다. 우선 페이지와 게시물(전체 Elementor로 만든 페이지와 게시물)에서 사용할 수 있습니다. 또는 고유한 게시물 템플릿에 목차 위젯을 만들 수 있습니다. 웹 사이트 워드 프레스.
읽기 : Elementor에서 파일 업로드 양식을 만드는 방법
물론 고유한 포스트 템플릿은 Elementor로 해야 합니다. 단일 게시물 템플릿에 목차 위젯을 구현하면 목차 위젯에서 설정한 헤더 수준에 따라 헤더 태그가 게시물에 포함되어 있는 한 게시물에 목차가 자동으로 생성됩니다.
단일 게시물 템플릿에 목차 위젯 추가
이 기사에서는 단일 게시물 템플릿에 목차 위젯을 추가하는 방법을 보여줍니다. 새로운 단일 게시물 템플릿을 생성하거나 기존 템플릿을 편집할 수 있습니다. 이 예에서는 새로운 단일 게시물 템플릿을 생성합니다.
시작하려면 WordPress 대시보드에 로그인하고 템플릿 -> 테마 빌더. 테마 빌더 페이지에서 단일 탭 및 버튼을 클릭 싱글 추가 템플릿을 생성합니다.
섹션 선택에서 모델 유형, 선택 단일 포스트. 모델 이름을 지정하고 버튼을 클릭하십시오. 모델을 만드십시오.
처음부터 단일 게시물 템플릿을 만듭니다. 템플릿 라이브러리를 닫습니다.
참조 : Elementor 양식에 reCAPTCHA를 추가하는 방법
Elementor의 편집 상자에서 더하기 버튼을 클릭하여 새 섹션을 추가하고 XNUMX열 구조를 선택합니다.
열 너비를 약 28%: 61%: 10%로 비교하여 설정합니다.
게시물 제목, 게시물 정보 및 게시물 콘텐츠와 같은 공통 요소를 두 번째 열에 추가하고 그에 따라 사용자 지정합니다. 완료되면 목차 위젯을 첫 번째 열에 추가합니다.
섹션에서 목차의 제목을 정의하십시오. Title 섹션에 포함할 헤더 수준을 설정합니다. 태그별 앵커.
CSS에 대한 지식이 있는 경우 CSS 선택기를 제외하여 콘텐츠 목록에 나타나지 않도록 할 수 있습니다.
읽기 : Elementor에서 구분선을 추가하여 섹션을 만드는 방법
섹션에서 마커보기, 콘텐츠 항목(글머리 기호 또는 숫자)에 대한 마커를 설정할 수 있습니다. 글머리 기호를 선택하면 아이콘 라이브러리에서 아이콘을 설정할 수 있습니다.
열린 추가 옵션 다른 설정 옵션을 표시하고 원하는 설정을 선택합니다.
이제 탭으로 이동 스타일 목차를 사용자 정의합니다. 섹션에서 배경색, 테두리 색상, 테두리 너비 및 테두리 반경을 설정할 수 있습니다. 상자.
헤더 색상, 헤더 타이포그래피 및 헤더 텍스트를 설정하는 동안 섹션으로 이동할 수 있습니다. 머리글.
섹션에서 명부, 활성 요소의 텍스트 색상, 마우스를 해당 요소 위에 놓았을 때의 텍스트 색상, 일반 모드에서 요소의 텍스트 색상을 설정할 수 있습니다. 여기에서 콘텐츠 요소의 타이포그래피와 마커 색상을 설정할 수도 있습니다.
또한보십시오: WordPress에 Elementor를 설치하는 방법
목차를 더 유용하게 만들려면 목차를 방문자 마우스를 아래로 스크롤합니다. 이렇게 하려면 탭을 엽니다. 고급 옵션에 액세스 이동 효과. 밝히다 끈끈한 위에 오프셋을 약 80으로 설정합니다. 원하는 경우 섹션에서 입력 애니메이션을 설정할 수도 있습니다. 입구 애니메이션.
목차에 만족할 때까지 왼쪽 패널을 가지고 놀 수 있습니다. 완료되면 버튼을 클릭하십시오 게시 표시 조건을 설정합니다.
다음은 우리가 만든 목차의 예입니다.
위에서 생성한 단일 게시물 템플릿의 표시 조건을 다음으로 설정하면 모든 단수, 지정한 헤더 수준에 따라 헤더 태그가 포함된 긴 기사를 작성할 때마다 자동으로 목차를 갖게 됩니다.
결국
긴 기사에 목차를 추가하면 최고의 사용자 경험 너의 ~에게 방문자. 목차에 있는 항목을 클릭하면 기사의 한 섹션에서 다른 섹션으로 쉽게 이동할 수 있습니다. Elementor의 새로운 위젯을 사용하면 기사에 목차를 추가하기 위해 추가 플러그인을 설치할 필요가 없습니다.
Elementor로 페이지나 게시물을 만드는 동안 목차 위젯을 사용할 수 있습니다. 또는 단일 게시물 템플릿에 목차 위젯을 추가할 수도 있습니다. 웹 사이트 워드프레스는 헤더 태그가 있는 긴 게시물을 작성할 때마다 목차가 자동으로 생성되도록 합니다.
지금 Elementor Pro를 받으세요!
결론
여기 입니다! Elementor에서 목차를 추가하는 방법을 보여주는 이 기사는 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
