블로그 꾸미기 - 목차 수동으로 만들기 및 서식에 넣기

스킨편집을 수정하여 자동 목차 만드는 법이 있는데 생각보다 어려워서 수동으로 목차 만드는 법과 블로그 관리홈에서 콘텐츠메뉴, 서식관리에서 서식에 등록하는 방법을 알아보도록 하겠습니다.

목 차

1. 블로그 수동 목차 만들기

2. 서식에 등록하기

1. 블로그 수동 목차 만들기

수동 목차 만들기 방법은 글쓰기에서 맨 위쪽 메뉴란의 "66"으로 보이는 인용을 이용한 방법과 표 메뉴를 이용한 방법 2가지를 제시하겠습니다. 제 개인적으로는 목차 없는 것이 좋은데 많은 사람들이 최적화에는 필요하다는 사람이 있어서 만들었습니다. 다음은 2가지 방법의 html 코드입니다.

목차html.txt

0.00MB

다운로드한 코드는 html 모드에서 적용시켜 주시면 됩니다.

인용의 세 번째 styke3을 이용한 html 코드입니다. html모드에서 수정하시면 됩니다. <a href="#c1">1. 첫째 </a>에서 <a></a> 부분 안에 있는 내용이 소제목으로 점프하는 코드입니다. #c1 이 있는 코드로 점프합니다. 여기서 c1은 어떤 숫자를 사용해도 됩니다. 단 소제목에 있는 id=숫자만 동일하면 점프합니다. <h2 id="c1" data-ke-size="size26">1. 첫째 </h2>는 소제목 자리입니다. 먼저 소제목에서 색, 모양 등 디자인을 다 만드신 후 <h2 다음에 id="c1"만 입력하시면 됩니다. 사이즈 26을 바꾸면 글자크기도 바뀝니다. id="c1"이 목차에 있는 "#c1"가 같으면 같은 번호로 점프합니다. <b>  </b>는 악센트이니 없어도 됩니다. 점프 번호는 c1 c2 c3 아니면 n1 n2 n3 이렇게 사용해도 됩니다.

표를 이용한 html 코드입니다. html모드에서 수정하시면 됩니다. <br />는 목차 한 칸 내리기입니다. 나머지는 위의 인용을 이용한 방법과 동일합니다. 

2. 서식에 등록하기

서식에 등록하여 사용하시면 편합니다. 수동으로 컴퓨터 탐색기에서 파일을 열어서 복사 붙여 넣기 등을 할 필요 없이 서식에서 찾아 사용하면 편리합니다. 또한, 서식 등록도 간단합니다. 먼저 블로그 관리홈에서 콘텐츠 라인에 있는 서식관리에 들어갑니다.

서식쓰기를 눌리면 글쓰기 양식이 나옵니다. 제목에 수동 목차 1 이렇게 등록하고 html 모드에서 다운로드한 파일의 인용으로 만든 목차 부분만 복사해서 붙여 넣기하고 기본모드로 보시면 목차와 고 제목이 나옵니다. 완료 누리시면 서식 등록 됩니다. 표로 만든 목차도 동일한 방식으로 만드시면 됩니다. 서식 사용법은 글쓰기에서 ··· 를 누르면 서식이 나옵니다. 서식에 여러 가지를 등록하여 필요 자리에서 사용하면 됩니다. 서식은 기본모드에서 사용합니다.

인용으로 만든 목차와 표로 만든 목차는 장단점이 있으니 필요에 따라 맞추어 사용하시면 됩니다.

 

블로그 꾸미기 2 - 상단 제목 박스 썸네일 없애기와 박스 사이즈 줄이기 블로그 바로가기