하루일기 님이 티스토리 스킨 중 하나인 고래 3.4에서 목차가 생성되지 않는 문제가 발생한다고 하여 고래 3.4 스킨에서 목차를 적용하는 방법에 대해 간단히 정리해보았습니다. 이 방법은 고래 스킨 4.0에서도 동일하게 적용이 가능합니다. 티스토리 블로그 고래 스킨에 목차 자동 생성하기 티스토리 블로그의 스킨에 목차를 자동 생성하는 기본적인 방법은 티스토리 블로그의 모든 글에 자동으로 목차 표시하는 방법에 자세히 설명되어 있습니다. 고래 스킨에도 마찬가지로 방법으로 적용할 수 있습니다. 다만, 약간의 수정이 필요합니다. 1. 자바스크립트 파일 및 js 파일을 로드하는 코드 추가하기 위의 글에 설명된 대로 Js 파일을 업로드하여 티스토리 블로그에서 로드하도록 바로 앞에 아래 라인을 추가합니다. (꾸미기 > ..

티스토리 블로그에 목차를 표시하려는 경우 목차 스크립트 파일을 이용하여 목차를 추가할 수 있습니다. 보통의 경우 목차를 표시할 자리에 수동으로 HTML 코드를 추가해야 하는데, 그러면 번거로울 수밖에 없습니다. 저는 H2 태그가 2개 이상인 글에 첫 번째 H2 태그 앞에 목차를 삽입하는 코드를 만들어 사용하고 있습니다. 티스토리 블로그에서 헤딩 태그가 일정 개수 이상(예: 3개 이상)인 모든 글에 목차를 생성하고 싶은 경우 아래의 방법을 이용해보시기 바랍니다. 수동으로 목차 HTML 코드를 개별 글에 추가할 필요가 없기 때문에 편리합니다. ☞고래 스킨에 목차를 자동 생성하는 방법은 티스토리 블로그 고래 3.4 스킨에 목차 자동 생성하는 방법을 참고해보세요. 티스토리 자동 목차: 티스토리 블로그에 H2 태..

티스토리에는 모든 글에 자동으로 목차를 표시하는 방법은 없지만, 원하는 글에 자동으로 목차를 삽입할 수 있습니다. 헤딩 태그를 인식하여 자동으로 목차를 생성하는 jQuery를 사용할 수 있습니다. 저는 다른 방법으로 목차를 생성하여 삽입하다 lie7님 블로그의 "티스토리 블로그 자동 목차 (TOC) 만들기" 글을 참고하여 TOC 스크립트를 바꾸었습니다. 이 글에서는 티스토리 북클럽 스킨에 목차를 표시하는 방법과 티스토리 헤딩(소제목) 스타일을 변경하는 방법에 대해 간단히 설명하겠습니다. (다른 스킨에서도 그대로 응용이 가능합니다.) ※업데이트: H2 또는 H3 태그 개수를 카운트하여 일정 개수(예: 2개 또는 3개) 이상인 모든 글에 목차를 표시할 수 있습니다. 자세한 방법은 별도의 글에서 다루도록 하겠..

들어가며 목차(TOC; Table of Contents)를 추가하며 사용자가 쉽게 원하는 내용으로 이동할 수 있어 사용자 경험을 향상시킵니다.실제로 목차를 추가하여 구글 검색엔진에서 순위가 상승했다는 내용의 글도 있습니다.워드프레스에서는 플러그인을 사용하여 간단히 목차를 추가할 수 있습니다. 워드프레스 목차(TOC) 플러그인 티스토리에서는 jQuery 스크립트를 적용하여 목차를 만들 수 있습니다. 구글을 검색해보면 다양한 목차 스크립트가 있습니다.다만, 개별 글에서 목차를 추가할 때 조금 번거로운 작업을 해주어야 합니다. 저는 시간 날 때마다 필요한 글에만 목차를 추가해볼 생각입니다.※2020년 5월 업데이트: 아래의 방법은 조금 번거롭습니다. 티스토리 블로그에서 H2 태그가 2개 혹은 3개 이상인 모든..