티스토리 오디세이(Odyssey) 다른글 메뉴 삭제 방법

오디세이 스킨에 하단 광고를 넣었더니 하단이 좀 지저분해 보여 정리가 필요해 보입니다.
대부분 사람들이 많이 처리하는 작업이 오디세이 스킨의 현재글, 다음글 보기 영역을 안 보이게 처리하는 작업을 주로 합니다. 이번 내용은 현재글, 다음글 보기 영역을 안 보이게 하는 작업에 대해서 말씀드리겠습니다.

---

[목차]

1. 작업 영역 확인

2. article-page 영역 display: 처리하기

3. 작업 내용 체크

---

1. 작업 영역 확인

붉은색 박스 부분을 제거 할예정 입니다. 참고로 카테고리 다른 글로 보이는 영역은 플러그인으로 활성화 한 영역입니다.

삭제할영역표시

 

F12를 눌러 삭제할 영역을 찾아봅니다. 찾는 방법은 이전 글의 광고 영역 찾는 방법과 동일합니다.

article-page라는 영역을 바로 찾았습니다. 이제 너무도 쉽습니다.

개발자도구 영역 확인

 

개발자도구 영역 확인

 

 

2. article-page 영역 display: 처리하기

처리방법도 간단합니다. 티스토리 관리자 html 편집의 CSS 메뉴로 접속하여 Ctrl + F를 눌러 article-page를 검색하고

아래화면과 같이 붉은 박스 부분의 코드를 추가해 주시면 됩니다.

수정내용

 

/* 수정전 */
/* // article-tag */
/* article-page - 상세페이지 이전다음글  */
.article-page {
    margin-bottom: 46px;
    border-bottom: 1px solid #e8e8e8;
}

/* 수정후 */
/* // article-tag */
/* article-page - 상세페이지 이전다음글  */
.article-page {display: none;
    margin-bottom: 46px;
    border-bottom: 1px solid #e8e8e8;
}

 

 

3. 작업 내용 체크

수정된 내용이 잘 적용 되었습니다. 깔끔해졌습니다.