안녕하세요.
오늘도 수익형 블로그 꾸미느라 이곳저곳 찾아 다니고 계시죠?
오늘은 티스토리에 적용할수 있는 가장 쉬운 목차 만들기 방법 과 목차 링크 설정 방법 까지
설명드릴께요.
엄청 간단하닌깐 잠깐만 집중해주세요
목차
1.티스토리 서식 만들기하기
1️⃣.티스토리 설정(관리자페이지)에서 콘텐츠 -> 서식관리에 들어갑니다.
2️⃣. 상단 오른쪽 위 서식쓰기를 클릭 합니다.
3️⃣. 아무것도 작성하지 않은 상태에서 오른쪽 상단위 기본모드를 눌러 HTML 모드로 들어 갑니다.
4️⃣. 하단 코드 블럭을 마우스 드래그로 복사합니다.⬇️⬇️⬇️
<div class="toc">
<strong>목차</strong>
<ul>
<li><a href="#section1">1. 목차 제목 1</a></li>
<li><a href="#section2">2. 목차 제목 2</a></li>
<li><a href="#section3">3. 목차 제목 3</a></li>
</ul>
</div>
5️⃣. 왼쪽 HTML 화면안 순번 1번옆에 마우스 클릭 한번하고 Ctrl+V 로 내용을 붙여 넣기 합니다.
6️⃣.오늘쪽 상단 기본모드로 전환후 밑에 처럼 목차가 만들기된걸 확인후 오른쪽하단 완료 버튼을 클릭합니다.
7️⃣.서식관리 페이지에서 목차가 만들기된걸 확인 합니다.(준비끝)
여기까지 문제 없이 오셨다면 목차만들기 방법이
끝났습니다.
하지만 여기서 끝나면 안되겠죠?
바로 서식 적용하는 방법 알려드릴게요.
2.티스토리 글에 서식 적용하기
1️⃣. 글쓰기 모드에서 상단 오른쪽위 점3개 버튼에 서식을 눌러 만들기되어있는 목차를 불러 옵니다.
2️⃣. 오른쪽 상단위 기본모드를 HTML 모드로 전환 합니다.
3️⃣. HTML 접속시 보이는 화면에 목차 제목을 마우스 더블클릭으로 선택후 이름을 변경 합니다.
4️⃣. 아래 화면 노란색 네모와 파란색 네모 제목를 변경하고 링크를 걸어 줍니다.
5️⃣.링크는 먼저 네목박스안에 "section1"->"#123" 으로 설정합니다. 그럼 링크되는 곳에는
id="123" 이라고 넣어주시면 됩니다. (이러면 링크가 생성이 되신겁니다.)
걸어주는 곳에 링크는 본문내용의 data-ke-size 앞쪽에 걸어 주세요
id="1111" data-ke-size 이런식으로 작성해주시면됩니다.
두개 차이는 #의 유무이고 이름은 같아야 합니다.
5️⃣. 하단 완료버튼 x 오른쪽 상단 기본모드로 전환 합니다.
6️⃣. 기본모드에서 목차 리스트에 이름이 변경되어 있는걸 확인 합니다.
기본모드 상태에선 목차에 링크된 글로 넘어가지 않습니다.
확인을 위해 하단 완료 버튼을 눌러 글을 발행 합니다.
7️⃣. 발행한 글에 접속해 목차만들기과 링크가 잘 이동 되는지 확인 하시면 끝난겁니다.
쉬운거 맞죠????????????????
꿀팁 한개 드리면
목차 만들기하실때 예시로 3개만 목차 생성되도록 코드 알려드렸는데
만드실때 자신이 많이 쓸꺼 같은 갯수로 만들기해 놓으세요.!
3.꿀팁
😁만들기 방법은 만드어논 목차 서식 수정에 들어가셔서 HTML 모드 진입합니다.
3개 목차중 마우스를 가지고 한개 목차 드래그 Ctrl+v 하신후
마지막 목차 옆에 엔터 치셔서 줄바꿈 하신후 Ctrl+v 붙여넣기
하셔서 원하는 갯수만큼 만들기후 서식 저장 하시면 됩니다.
티스토리 자체광고 때문에 구글애드센스광고를 제목위에 노출시키는 방법은 알고계세요?
밑에 링크로 알려드릴테니 안하신분들은 따라서 설정해 보시고
수익도 챙겨가세요👍
