Tag Cloud 위젯 태그 개수 제한하기

태그 클라우드(Tag Cloud)에서 표시되는 태그 개수가 너무 많다면

 

워드프레스 관리자 페이지(wp-admin)의 좌측 사이드 메뉴에서 '외모(Appearance) > 위젯(Widget)' 항목을 선택하면 위젯 영역에 표시될 콘텐츠를 편집할 수 있습니다. 그중에서도 태그 클라우드(Tag Cloud)는 포스트에 사용된 태그들을 보여주는 기능인데요. 수많은 카페와 블로그에서 사용하는 기능이기에 익숙하게 느껴지시고 많이 사용하실 거라 생각합니다.

 

태그 클라우드(Tag Cloud)는 기본적으로 45개의 태그가 표시되도록 설정되어 있는데요. 아쉽게도 위젯을 설정하는 화면에서는 개수를 따로 수정할 수 없습니다. 만약 위젯이 화면 하단에 표시되도록 설정된다면 콘텐츠 배치가 자연스러워질 텐데요. 사이드바에 45개의 태그가 모두 표시되는 것이라면 위젯 영역이 지나치게 길어 보이며 어색하게 느껴질 수 있습니다.

 

보다 자연스러운 디자인을 생각해서 태그 개수를 제한하거나 늘리고 싶은 분들을 위해, '태그 클라우드(Tag Cloud) 태그 개수 제한하기' 방법을 소개해드립니다.

 

PHP 코드 확인하기

function tagcloud_tag_limit($args){ 
    if(isset($args['taxonomy']) && $args['taxonomy'] == 'post_tag'){ 
        $args['number'] = 20; //Limit number of tags 
    } return $args; 
} 

add_filter( 'widget_tag_cloud_args', 'tagcloud_tag_limit' );

$args['number'] = 20; 이라고 적혀있는 숫자(20) 부분은 원하는 태그 개수로 수정해주시기 바랍니다.

 

PHP 코드 적용하기

FTP/SSH 혹은 관리자 페이지의 테마 편집기(Theme Editor)을 사용하여 'functions.php' 파일을 편집합니다. 추후에 편집/관리가 용이할 수 있도록 파일의 제일 하단으로 이동합니다.

 

외모(Appearance) > 테마 편집기(Theme Editor) 화면

 

파일 하단에 위의 코드를 입력합니다. 입력할 때 오타는 없는지, function 구문과 add_filter 함수가 모두 작성되었는지 확인 후 저장합니다.

 

태그 클라우드(Tag Cloud)에서 표시되는 태그 개수 확인하기

코드가 정상적으로 작성되었는 지 확인합니다.

태그 클라우드(Tag Cloud) PHP 코드 편집 전 화면	태그 클라우드(Tag Cloud) PHP 코드 편집 후 화면

 

이 외에도 태그의 글자 크기, 태그 정렬 기준(인기순/최신순) 등, 태그 클라우드(Tag Cloud)의 항목을 보다 자세히 편집하고 싶다면 'Tag Cloud 위젯 글자 크기와 정렬 방식 커스텀하기'를 확인해주시기 바랍니다.