[WordPress] JetPackのRelated Posts（関連記事）カスタマイズ

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削除する

使用している WordPress テーマの関数ファイル（の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;
}

参考までに この記事で「関連記事」を追加するさまざまな方法について説明します。 必要に応じて、現在この記事の下部に表示されているように 直接コーディングを使って「関連記事」リストを追加することも可能です。