블로그 아카이브 페이지 등에 브레드크럼을 추가하면 방문자는 현재 글의 카테고리 위치 확인이 편해진다. 워드프레스에 적용한 테마에서 숏코드 기능을 지원한다면 SEO 플러그인 설치 후 간단하게 추가할 수 있다.
SEO 설정 화면으로 오면 Breadcrumbs 메뉴가 보일 것이다. 이 기능을 활성화하고 다른 옵션을 정했다면 저장 후 rank_math_breadcrumb 문자를 괄호까지 복사해 두자. 참고로 랭크매쓰 말고도 다른 SEO 플러그인도 브레드크럼 기능은 제공한다.
이제 블로그 내 원하는 곳에 숏코드를 불러와서 문자를 붙여 넣으면 된다.
이 글에서는 예로 워드프레스 대시보드 – Appearance – Elements에서 기존에 만든 아카이브 페이지로 이동한 다음, 글 목록 위 빈 곳에 Container와 Shortcode를 추가하였다. 이어서 조금 전 복사한 브레드크럼 문자 추가 후 저장을 마치면 완료된다.
숏코드 문자 간격이나 디자인 편집이 필요하면 위의 Container를 선택하고 Block에서 진행할 수 있다.
이후 아카이브 페이지로 오면 브레드크럼이 적용된 것을 볼 수 있다. 하위 카테고리(Sub C)를 선택할 때 상위 카테고리(Category B)도 보이게 하려면 조금 전 랭크매쓰에서 Show Category(s) 버튼을 활성화하면 된다.
다만, 같은 아카이브 페이지를 블로그 메인 화면 최신 글 목록에도 적용했다면,
Home » » Page 2처럼 2페이지부터 화살표가 2개로 나오는데 아래 코드를 적용하면 해결된다.
(Appearance – Theme File Editor – Theme functions)
/* RankMath BreadCrums */
add_filter( 'rank_math/frontend/breadcrumb/items', function( $crumbs, $class ) {
// 1. 메인 페이지(최신글 목록)이면서 2페이지 이상일 때 실행
if ( is_home() && is_paged() ) {
// 랭크매스가 생성한 배열에서 비어 있거나 중복된 요소를 정리
// 보통 [0]은 Home, [1]은 공백, [2]는 Page 2 순서로 들어옵니다.
$new_crumbs = array();
$new_crumbs[] = $crumbs[0]; // Home 유지
// 마지막 항목(Page 2)만 가져와서 Home 바로 뒤에 붙임
$last_item = end($crumbs);
$new_crumbs[] = $last_item;
return $new_crumbs;
}
return $crumbs;
}, 10, 2 );
