Jetpack関連記事の表示件数を増やして、「関連」の文言を変えた方法

別で運営しているWordPressサイトでプラグイン「Jetpack」の関連記事を使っています。

ただ、デフォルトだと表示件数が「3」と、心もとない。

また、関連記事表示のタイトルも「関連」と、これまた心もとない。

ということで・・。

これらをカスタマイズして、

  • 関連記事の表示件数を9つに変更
  • 関連記事の表示部分タイトルを「他の文言」に変更し、文字サイズを大きく変更

した方法を紹介します。

参考にさせて頂いた記事)

※あくまで私がやって成功した方法です。この方法をもしあなたが試して上手く行かなかったり、不具合が起こっても当方は責任を持ちません。自己責任でお願いします。私はやりませんでしたが、バックアップをとってから行うと良いと思います。

スポンサーリンク
 

関連記事の表示件数を9つにした方法

方法は超簡単。

「外観>テーマの編集」から、functions.phpに以下を追記します。

/* jetpack関連記事表示を9つに設定 */
function jetpackme_more_related_posts( $options ) {
$options[‘size’] = 9;
return $options;
}
add_filter( ‘jetpack_relatedposts_filter_options’, ‘jetpackme_more_related_posts’ );

表示数を変えたい場合は「赤字の9」の数字を好みの数字に変更します。

あとは保存すればOK。

関連記事の表示部分タイトルを「他の文言」に変更し、文字サイズを大きく変更した方法

これも簡単。

「外観>カスタマイズ>追加CSS」から以下を追記。

/*■Jetpac関連記事タイトル編集*/

/* emタグ非表示 */
.jp-relatedposts em {
display: none;
}

/* タイトル文字サイズと文言 */
h3.jp-relatedposts-headline:after {
font-size: 24px;
line-height: 24px;
content: “おすすめの関連記事“;
}

デフォルトでは関連記事表示のタイトル「関連」が、emで指定されています。まずこれを解除します(/* emタグ非表示 */の部分)。

あとは赤字を好みのモノに変更します。上記では「24px」と、関連記事の表示部分タイトルの文字サイズを大きく指定しています。「おすすめの関連記事」と書かれている部分が、そのまま関連記事の表示部分タイトルになります。この部分を好みの文言に変更します。

あとは変更を保存すればOK。

「日付」と「サムネイル画像」の、表示・非表示の方法

余談ですが、関連記事の[日付の表示・非表示]や[サムネイル画像の表示・非表示]は、ダッシュボードを「設定>表示設定」と進み、“関連記事”部分から変更できます。

まとめ

こうしたことで、関連記事の表示件数を「9」に変更。

関連記事表示部分のタイトルを「おすすめの関連記事」などに変更しました。

参考になれば幸いです。

スポンサーリンク