[WordPress]Jetpackの関連記事表示で3カラム表示を1カラム表示に変更する方法(Related Posts)

WordPressで多くの人が利用しているプラグインのJetpackには、関連記事を表示させる機能が用意されています。この関連記事は、特に設定をしなくても精度の高いお勧め記事を出してくれるのが便利なので利用している方も多いかと思います。

デフォルトでは3カラム表示されるのですが、これを1カラムで表示したい場合は、下記のcssを追加で記載すればよいです。2カラムで出したい場合はwidthを50%にして下さい。

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width:100%;
}

また、上部の余白を削りたい場合は、下記のcssで変更できます。
#jp-relatedposts {
    margin:0;
}

関連記事に表示させる記事数を変更したい場合はfunction.phpにjetpack_relatedposts_filter_optionsフィルタ関数を記述します。下記のサンプルコードでは、記事数を4記事に増やしています。
function jetpackme_more_related_posts( $options ) {
    $options['size'] = 4;
    return $options;
}
add_filter( 'jetpack_relatedposts_filter_options', 'jetpackme_more_related_posts' );

関連記事

コメントを残す

メールアドレスが公開されることはありません。