오디세이 스킨 카테고리 다른 글(카테고리 글 더보기)

티스토리 인기 스킨 중 하나인 오디세이 스킨은 "카테고리 글 더보기" 플러그인을 설치해도 본문 하단에 "카테고리의 다른 글" 보기가 나타나지 않게 되어있습니다.

오디세이 스킨 개발자분께서 "카테고리의 다른 글" 보기를 대신해 "이전 글/다음 글"을 설치해 두어 그런 것 같습니다. 그 외에 관련 글도 있고요.

하지만 "카테고리의 다른 글" 보기가 필요하신 분들도 있겠지요.

카테고리의 다른 글 보이게

우선 "카테고리 글 더 보기" 플러그인을 사용으로 활성화합니다. 그리고 CSS 편집으로 가서 숨김 처리한 코드를 찾아 삭제하는 방법도 있지만 여기서는 기존 코드는 그대로 두고 덮어쓰는 방법으로 하겠습니다.

CSS 편집 창 가장 하단에 아래 코드를 넣어 주면 "카테고리의 다른 글"이 본문 하단에 나타납니다.

.another_category {display: block;}

보기 어떤가요 괜찮은가요? 보기 나쁘지 않다면 여기까지만 하시면 됩니다.

카테고리의 다른 글 꾸미기

조금 더 보기 좋게 꾸며보기로 하겠습니다. 참고로 저는 예쁘게 꾸미는 것을 잘 못 합니다. 오디세이 스킨과 비슷한 북클럽 스킨의 디자인을 참고해 만들어 보았습니다.

아래 코드를 복사해 CSS 편집 창 가장 하단에 넣어 줍니다.

* 카테고리 글 더 보기 플러그인 
-----------------------------------------*/
.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}

위 코드를 적용한 모습입니다. 보기에 특별한 것은 없지만 북클럽 스킨과 유사하니 쓸 만할 것 같습니다.

보너스 코드

보너스 코드로 제목 옆 댓글 수 표시와 날짜를 숨기는 코드 등입니다.

필요한 코드만 복사해 사용하시면 되겠습니다.

/* 댓글 수 표시 숨김 */
.article-view .another_category span {display: none}

/* 날짜 숨김 */
.article-view .another_category td {display: none}

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

/* 관련 글 숨김 */
.article-related {display: none}

 

전체코드 첨부 :

오디세이 카테고리 다른 글.txt

0.00MB

당부말씀 :
요즘 불펌하시는 분들이 너무 많네요! 복사된 문서나 유사문서는 악영향을 미치게 됩니다.