반응형 자동목차 만들기3 티스토리 자동목차 만들기 part 5 (초간단 버전) 티스토리 자동목차 만들기. 📌 알림 웹서핑을 하다 보면 제가 만든 코드, 태그 속성, 그리고 오탈자까지 그대로 가져가 본인 작성한 글인 것처럼 사용하는 경우가 있습니다. 코드를 가져가는 것까지는 막을 수 없지만, 제 자료를 사용해 관련된 포스팅을 할 때는 출처를 꼭 밝혀 주시기 바랍니다.그 외 개인적인 사용은 자유롭게 하시면 됩니다.목차를 구성하면 웹사이트 방문자가 원하는 정보를 쉽게 찾을 수 있어 체류 시간이 길어지고 이탈률이 줄어듭니다. 따라서 사용자 참여 지표가 개선되며, SEO 점수도 상승합니다. 아래에서 설명할 자동 목차는 북클럽 스킨뿐만 아니라 모든 스킨에 적용할 수 있습니다. 티스토리 자동목차 미리보기티스토리 블로그를 서핑하다 보면 다음과 같은 목차를 사용하는 블로그를 많이 보셨을 겁니다... 2025. 2. 25. 티스토리 꾸미기 | 자동목차(TOC) 쉽게 만들기 part 3 - 좌측에 떠있는 스크롤 반응형 자동목차 좌측에 떠있는 스크롤 반응형 자동목차(TOC) 만들기오늘은 '자동목차 만들기 #2'에 이어 좌측에 떠있는 '자동목차(TOC) #3'에 대해 알아보겠습니다. 이번 자동목차는 서식을 사용하는 목차가 아니라 블로그 좌측 빈 공간에 소제목1(h2), 소제목2(h3), 소제목3(h4)가 자동으로 출력되는 목차이며, 단점은 모바일이나 탭 등에서는 보이지 않는 'PC전용 자동목차'입니다. 항상 그렇듯 설명이 길고 이미지가 많아 복잡해 보이지만 설명대로 하나씩 따라 하시면 쉽게 '자동 목차'를 만드실 수 있으니 차근차근 따라 해 보시기 바랍니다. 자동목차 예제 보러가기 'tocbot.css'와 'tocbot.min.js' 파일 다운로드 및 업로드티스토리 블로그에 자동으로 글 목차를 만들어 주는 코드소스입니다. 1. .. 2024. 1. 30. 티스토리 꾸미기 | 자동목차(TOC) 쉽게 만들기 part 1- 초보용 티스토리 자동목차 만들기 #1오늘은 티스토리 블로그에 소제목을 불러오는 TOC(목차) 자동 생성에 대해 알아보겠습니다. 초보들도 쉽게 따라 할 수 있는 자동목차 코드이니 설명대로 하나씩 차근차근 따라 하시면 쉽게 '자동 목차'를 만들 수 있습니다. 1. 티스토리 TOC 자동 목차 #1 설정법✚1단계: 목차 스크립트 파일 다운로드 및 업로드공개 jquery.toc파일 다운로드티스토리 블로그에 자동으로 글 목차를 만들어 주는 공개소스가 있습니다.그중 먼저 'jquery.toc.zip'파일을 다운로드 후 압축을 풀고 스킨편집에서 파일을 업로드해줘야 합니다. 1. 아래 링크에서 'jquery.toc.zip'파일을 다운로드하세요. 2. 다운로드 후 압축을 풀면 아래와 같이 2개의 파일이 있습니다.jquery.to.. 2023. 5. 29. 이전 1 다음 반응형
