[워드프레스] JetPack의 Related Posts(관련 글) 커스터마이징

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.

JetPack의 Related Posts 모듈은 다른 젯팩 모듈처럼 필터가 포함되어 있어 ‘관련 글‘의 레이아웃을 원하는 대로 커스터마이징할 수 있습니다.

글에 표시되는 Related Posts의 개수 변경하기

기본적으로 “관련 글” 섹션에는 3개의 글만 표시됩니다. jetpack_relatedposts_filter_options 필터를 사용하여 개수를 변경할 수 있습니다.

function jetpackme_more_related_posts( $options ) {
$options['size'] = 6; // 숫자 조정
return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_more_related_posts' );

Related Posts를 글 콘텐츠 상단으로 이동시키기

기본적으로 “관련 글” 섹션은 글 맨 끝에 표시됩니다. 이것을 jetpack_relatedposts_filter_options 필터를 사용하여 글 콘텐츠 위쪽으로 이동시킬 수 있습니다.

function jetpackme_move_related_posts_to_top( $options ) {
$options['show_above_content'] = true;
return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_move_related_posts_to_top' );

숏코드를 사용하여 Related Posts 를 원하는 곳에 삽입하기

글 콘텐츠 내의 원하는 곳에 “관련 글”을 삽입하려면 [jetpack-related-posts] 숏코드를 사용할 수 있습니다. 이 숏코드를 적용하면 글 하단에 “관련 글”이 표시되지 않습니다.

글 하단에서 Related Posts 제거하기

사용 중인 워드프레스 테마의 함수 파일(functions.php)에 다음 코드를 추가하여 개별 글 하단에서 “관련 글”을 제거할 수 있습니다.

function jetpackme_remove_rp() {
if ( class_exists( 'Jetpack_RelatedPosts' ) ) {
$jprp = Jetpack_RelatedPosts::init();
$callback = array( $jprp, 'filter_add_target_to_dom' );
remove_filter( 'the_content', $callback, 40 );
}
}
add_filter( 'wp', 'jetpackme_remove_rp', 20 );

위의 코드를 삽입했다면 숏코드를 사용하여 특정 글에 추가하거나 do_shortcode() 함수를 사용하여 템플릿 소스에 추가할 수 있습니다.

<?php
if ( class_exists( 'Jetpack_RelatedPosts' ) ) {
echo do_shortcode( '[jetpack-related-posts]' );
}
?>

Related Posts를 특정 글에 표시되지 않도록 선택적으로 비활성화하기

“관련 글”이 특정 글에서만 표시되지 않도록 만들 수 있습니다. 다음 snippet을 참고로 적절히 응용하시면 됩니다.

function jetpackme_no_related_posts( $options ) {
if ( is_single( array( 17, 19, 1, 11 ) ) ) {  // 비활성화할 글 ID
$options['enabled'] = false;
}
return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_no_related_posts' );

is_single 부분을 적절히 변경하도록 합니다.

Related Posts에서 글 날짜 숨기기

글 날짜를 숨기려면 테마의 스타일시트 파일에 다음 CSS를 추가하면 됩니다.

.jp-relatedposts-post-date {
display: none;
}

참고로 이 글에서 “관련 글”을 추가하는 다양한 방법을 설명합니다. 원하는 경우 현재 이 글의 하단에 표시되는 것처럼 직접 코딩을 하여 “관련 글” 목록을 추가하는 것도 가능합니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.