티스토리 오디세이 스킨 이전글 현재글 다음글 보기 삭제 방법

안녕하세요. 오늘은 오디세이 스킨에서 카테고리의 다른 글 더 보기를 활성화하는 방법을 소개해 드리겠습니다. 오디세이 스킨은 본문 맨 하단에 다른 스킨들과 달리 이전글과 다음글 보기로 되어 있어, 카테고리 안에 어떠한 글이 있는지를 보기에는 적합하지 않아 불편하다는 평이 많습니다. 맨 아래에 관련글 더보기가 뜨기는 하지만, 이것만으로는 부족하다는 지적이 많죠.

 

수정하는 방법

 

오디세이 스킨 기본 설정. 이전글, 현재글, 다음글

 

우선 티스토리 스킨 편집에 들어가신 후, CSS로 진입해 주세요. 그리고 CSS 맨 아랫 부분에 아래의 코드를 그대로 복사해서 붙여넣으시면 됩니다. 한 글자라도 빠지게 되면 오류가 발생할 수 있으니 주의해 주세요. 복사가 안 되실 경우 첨부된 파일을 이용하셔도 좋습니다. 복사를 하는 방법은 2가지가 있습니다.

 

우선 단순히 이전글, 현재글, 다음글만 삭제하는 경우에는 아래의 두 줄만 복사해서 넣으시면 됩니다. 위의 주석(/*XXX*/에 들어간 부분)은 쓰셔도 되고 안 쓰셔도 무방합니다.

 

이전글, 현재글, 다음글을 삭제하신 후 다른 블로그의 카테고리의 다른 글 더보기와 같이 마찬가지로 리스트 형태로 노출하기를 원하시는 경우에는 그 아래의 12줄도 같이 붙여넣어주세요. 마찬가지로 주석 부분은 쓰셔도 되고 안 쓰셔도 되는데, 나중에 편의를 위해 같이 붙여놓으시는 것을 추천합니다. 같이 붙여넣으셨다면 맨 아래의 사진처럼 리스트 형태의 카테고리 다른 글 더보기가 본문 하단에 활성화됩니다.

/* 이전글 현재글 다음글 삭제 */
.article-page {display: none}

/* 카테고리 다른글 더보기 리스트 형태로 활성화 */
.another_category {display: block;}
.article-view .another_category {display: block;padding: 16px 20px 14px}
.article-view .another_category h4 {margin: 0 0 13px !important;font-size: 0.875em !important}
.article-view .another_category h4 a {text-decoration: none}
.article-view .another_category table tr,
.article-view .another_category table tr th,
.article-view .another_category table tr td,
.article-view .another_category table {border: 0}
.article-view .another_category th {padding: 2px 0 !important;font-size: 0.875rem !important}
.article-view .another_category th a.current {color: #333 !important}
.article-view .another_category td {padding: 2px 0 !important;font-size: 0.75rem !important}

카테고리 다른 글 더 보기 코드.txt

0.00MB

 

카테고리 다른 글 더보기를 리스트 형태로 활성화