워드프레스 목차 만들기 – Easy table of contents 플러그인에 대해 알아보겠습니다. 쉬운 목차(Easy table of contents) 플러그인은 글의 목차를 자동으로 생성시키는 기능을 제공합니다. 또한 생성된 목차를 클릭하면 해당 제목의 위치로 이동할 수 있습니다. 오늘은 쉬운 목차 플러그인을 추가하고 필요한 설정에 대해서 자세히 알아보겠습니다.
워드프레스 – 목차 추가하기
1) 쉬운 목차(Easy table of contents) 플러그인 설치
워드프레스 관리자 페이지 왼쪽 메뉴에서 플러그인 → 새로 추가를 클릭하고 “Easy table of contents”를 검색합니다. 한글로 쉬운 목차를 입력해도 됩니다. 플러그인을 설치하고 활성화를 클릭합니다.
2) 쉬운 목차 플러그인 설정하기
(1) 목차 생성 범위 설정
① 일반 → 지원 활성화에서 “글”을 선택합니다. 일반적으로 작성된 글에만 목차를 생성시키기 때문에 “글”만 선택합니다. 필요에 따라 다른 유형도 선택할 수 있습니다.
② 일반 → 자동 삽입에서 “글”을 선택합니다.
(2) 목차 세부 설정
① 위치 :
– 첫 머리글 앞 (기본값)
– 첫 머리글 이후 : 본문 첫 H태그 바로 아래 목차 생성
– 첫 단락 이후 : 본문 첫 단락 아래 목차 생성
– After paragraph number : 지정한 단락 번호 아래 목차 생성
– 맨 위 : 본문 최상단에 목차 생성 (h1 태그 아래)
– 맨 아래 : 본문 최하단에 목차 생성 (footer보다 위에 생성됨)
② 언제 표시 : 제목(H태그)수에 따라 목차 생성 여부를 지정
③ 헤더 레이블 표시 : 헤더 텍스트의 표시 여부를 지정합니다.
④ 헤더 텍스트 토글 : 헤더 텍스트 글자를 클릭하면 목차를 숨기거나 볼 수 있게 전환하는 기능
⑤ 헤더 라벨 : 헤더 텍스트에 표시할 내용 지정
⑥ 보기 전환 : 목차를 숨기거나 볼 수 있는 버튼 생성
⑦ 초기 보기 : 선택하면 처음에는 목차를 숨깁니다.
⑧ 계층으로 표시 : H태그에 따라 계층으로 목차를 나타냅니다.
⑨ 카운터 : 목차에 순서를 표시합니다.
– 숫자, 다양한 문자, 소수점, 하이픈 등의 다양한 형식을 선택할 수 있습니다.
– 본문에 사용하는 H태그와 번호가 중복될 수 있어 사용하지 않는 것이 좋습니다.
(3) 목차 너비 설정
① 너비 : 목차의 너비를 절대적인 수치, 상대적인 수치, 사용자 정의 등의 옵션이 있으며, Auto로 지정합니다.
② 조정 : 목차의 위치를 오른쪽, 왼쪽, 가운데, 기본값으로 지정할 수 있습니다.
③ 제목 패딩 : 목차 글의 위, 아래, 좌, 우 패딩값을 지정합니다.
(4) 목차 글자 설정
① 제목 글꼴 크기 : 헤더 라벨 글자 크기 지정
② 제목 글꼴 두께 : 제목의 글꼴 두께를 지정
③ 글꼴 크기 : 헤더 라벨을 제외한 나머지 글자 크기 지정
④ 하위 글꼴 크기 : 계층으로 표시되는 하위 글꼴의 크기를 지정합니다.
– 계층으로 표시되어 하위 계층을 구별할 수 있으므로 일반 글꼴과 같은 크기를 지정합니다.
(4) 목차 색상 설정
① 테마 : 테마의 색상을 지정합니다. 테마의 위젯 스타일에 영향을 받습니다. 사용자 정의를 선택하면 아래 맞춤 테마를 사용할 수 있습니다.
② 맞춤 테마 : 테마에서 “사용자 정의”를 선택하면 사용할 수 있습니다. 아래 배경색, 테두리 색상, 제목 색상, 링크 색상, 마우스 오버 색상, 방문한 링크 색상, 제목 텍스트 방향을 개별로 설정할 수 있습니다.
(5) 목차 태그 지정
목차에 사용할 제목(H태그)를 지정할 수 있습니다. 쉬운 목차 플러그인으로 작성된 목차를 클릭하면 해당 제목의 위치로 이동합니다. 사용자 편의를 위해서 작성한 제목을 모두 목차로 표시하여 이동할 수 있도록 모두 선택합니다.
(6) 개별 설정
글을 작성하고 맨 아래로 이동하면 쉬운 목차를 개별적으로 설정할 수 있는 메뉴가 있습니다. 위에서 적용한 메뉴를 그대로 사용하려면 따로 설정하지 않아도 됩니다. 개별적으로 변경할 수 있는 목차 설정은 아래 그림을 참조하세요.
