워드프레스 포스트 내비게이션(post navigation) 숨기거나 비활성화

아래의 내용을 적용해 본 워드프레스 테마는 GeneratePress 3.5.1 무료버전.

Post navigation은, 포스트 하단에 기본적으로 표시되는 이전 글과 다음 글에 대한 링크다.

disable post navigation 01 displaying

Post navigation 단순 숨기기 방법

다음의 CSS를 사용하면 post navigation이 보이지 않게 할 수 있다. 이는 단순히 보이지만 않게 하는 것이라서 이와 관련한 코드는 계속 활성화되어 있다. 따라서 상황에 따라 보이게 하거나 숨기고 싶을 때 활용한다면 유용할 수도 있을 것 같다.

모양 > 사용자 정의 > 추가 CSS

/* hide post navigation */ 
.post-navigation { display: none; } 

Post navigation 비활성화 방법

포스트 내비게이션을 단순히 숨기는 것이 아니라 사용 자체를 중지시켜 관련 코드를 완전히 비활성화할 수도 있다.

유료 버전 GeneratePress에서는 모양 > 사용자 정의 > Layout > Blog에서 관련 항목을 체크 해제하여 비활성화하면 된다고 한다(유료 버전을 사용하고 있지 않아 실제 적용해 보지는 못함). 무료 버전 GeneratePress의 경우 수동으로 비활성화 시켜야 한다. 이를 위해서 다음의 코드functions.php에 넣어 주면 된다.

// disable the post navigation 
add_filter( 'generate_show_post_navigation', '__return_false' ); 
disable post navigation 02 php snippet
모양 > 테마 파일 편집기 > Theme Functions (finctions.php)


위의 코드를 넣어주면 포스트의 소스 코드에서 post-navigation 관련 내용이 사라진다. 결과적으로 CSS에 .post-navigation { display: none; } 를 넣어주지 않더라도 포스트 내비게이션이 비활성화되어 있기 때문에 나타나지 않는다.

disable post navigation 03 aria label in the source
포스트 내비게이션이 활성화되어 있을 때 확인되는 코드

카테고리의 다른 글

  1. 티스토리 공감버튼 위에 애드센스 광고 달기
  2. 블로그 포스팅(게시글) 수와 방문수 간의 관계
  3. 티스토리 첨부파일 이름이 잘릴 때 해결방법 (스퀘어 스킨)
  4. 워드프레스 애드센스 ads.txt 설정(업로드) 후 문제 해결까지 걸리는 시간
  5. 티스토리 사이트 구조 최적화 문제는 네이버 검색 노출에 영향을 줄까

댓글 남기기