간단하고 빠르게 티스토리 자동목차 설정하기

경험치획득 2022. 9. 12.

티스토리 블로그 글을 작성 시 목차 부분은 구글에게 있어서 상당히 큰 점수를 받을 수 있는 항목입니다. 하지만 글을 작성하면서 매번 목차를 입력하는 것은 매우 번거로운데요.

목차는 작성해야겠고 매번 번거로움을 느끼는 분들을 위해 간단하고 빠르게 티스토리 자동 목차 설정하는 방법에 대해서 포스팅하도록 하겠습니다 :)

자동 목차를 설정하기 위해서는 2가지의 파일을 첨부해주어야 합니다. 아래의 첨부파일을 통해 파일을 다운로드하고 압축을 해제해주세요.

블로그 관리에서 스킨 편집으로 들어간 후 [HTML 편집]에서 상단 우측에 [파일 업로드]를 선택합니다. 하단에 [추가]는 눌러 방금 다운로드한 파일 2개를 업로드하고 적용을 눌러줍니다.

파일 업로드를 하고 파일명 끝에 min으로 끝나는 파일을 우클릭하여 [링크 주소 복사]를 선택합니다. 링크 주소를 복사한 상태에서 다시 상단 우측에 [HTML]을 선택하고 '/head'태그를 찾아 바로 위에 아래의 코드를 붙여 넣습니다.

코드에 적혀 있는 '실제 파일 주소'에 방금 복사한 링크 주소를 붙여 넣고 상단의 [적용]을 눌러주세요. 이렇게 하면 자동 목차 설정은 간편하게 설정이 완료되었습니다.

다시 [파일 업로드] 화면에서 나머지 파일을 선택하고 우클릭하여 [링크 주소 복사]를 선택합니다. 블로그 관리로 돌아가 서식관리에서 우측 상단에 [서식 쓰기]를 선택합니다.

기본 모드를 HTML로 변경하신 뒤 아래의 코드를 복사하여 그래도 붙여 넣습니다. 코드 내에 '파일 주소'에 방금 복사한 링크 주소를 붙여 넣어 수정합니다.

블로그 글쓰기 화면에서 방금 저장한 서식을 불러오면 다음과 같은 이미지가 나오게 됩니다. 코드 아래에 목차를 입력하고 글자 크기를 [제목 2]로 수정하게 되면 설정한 자동 목차를 확인할 수 있습니다.

혹시나 목차의 글자 크기가 작다고 생각하시는 분들은 서식에 붙여 넣은 코드에 h1, h2도 같이 추가해주시면 좀 더 큰 글자 크기로 목차를 설정할 수 있습니다.

서식을 통한 간단한 자동목차를 통해 블로그 작성이 더욱 효율성 있게 되었는데, 혹시 궁금하신 점 있으시면 언제든지 문의하시기 바랍니다.

티스토리 자동 목차에 대해서 알아보았습니다. 제가 작성한 포스팅이 오늘도 여러분에게 도움이 되었으면 좋겠습니다. 아래 추천글도 살펴보시고 더욱 다양한 내용 확인하시기 바랍니다.

끝까지 읽어주셔서 감사하고 오늘도 좋은 하루 보내시기 바랍니다 감사합니다 :)

댓글