워드프레스 카테고리 링크(cat-links) 숨기거나 비활성화

GeneratePress 테마의 경우 포스트 하단에 카테고리 링크(cat-links)와 포스트 내비게이션(post-navigation)이 나타난다. 이 중 카테고리 링크를 숨기거나 비활성화하는 방법에 대한 포스트. 적용해 본 환경은 워드프레스 버전 6.7과 GeneratePress 3.5.1 테마(무료 버전)이다.

disable cat links 01 default appearance
기본적으로 포스트 하단에 나타나는 카테고리 모습

cat-link 단순 숨기기 방법

다음의 CSS를 사용하면 본문 하단에 나타나는 카테고리 링크를 보이지 않게 할 수 있다. 이는 단순히 보이지 않게만 가려두는 것이라서 이와 관련한 코드는 계속 활성화되어 있다. 따라서 포스트의 상황에 따라 보이게 하거나 숨기고 싶을 때 활용한다면 유용할 수도 있을 것 같다.

/* hide category links */ 
.cat-links { display: none; } 
disable cat links 02 css

cat-link 비활성화 방법

카테고리 링크를 단순히 숨기는 것이 아니라 사용 자체를 중지시켜 관련 코드를 완전히 비활성화할 수도 있다.

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

// disable category links
add_filter( 'generate_category_list_output', '__return_false' );
disable cat links 03 php snippet
모양 > 테마 파일 편집기 > Theme Functions (finctions.php)

위의 코드를 넣어주면 포스트의 소스 코드에서 cat-links와 관련된 내용이 사라진다. 결과적으로 CSS에 .cat-links { display: none; } 를 넣어 숨기지 않더라도 나타나지 않는다.

disable cat links 04 source code
포스트 내비게이션 비활성 전에 푸터(footer)에서 확인되던 코드. 비활성 후에는 더 이상 나타나지 않음.

카테고리의 다른 글

  1. 워드프레스 전화번호 자동 링크 해제하기 (클릭 방지)
  2. 워드프레스 로컬 폰트(글꼴) 추가해 사용하기
  3. 워드프레스에 첨부하는 사진의 효율적 크기 찾기 (적정 사이즈)
  4. 워드프레스 애드센스 ads.txt 설정(업로드) 후 문제 해결까지 걸리는 시간
  5. 티스토리 다음 유입 비중이 적은 이유는 (포탈 및 검색엔진 비중)

댓글 남기기