ブログに「関連記事」を表示させたい。その方法を探しています
の記事で調べていた関連記事を表示させる方法がわかりました。
ちなみにこのブログには、Mantraというテンプレートを使用しています。
関連記事を表示させるには、このテンプレートのsingle.phpを編集する必要があるのです。
ここからは、single.phpの場所や編集方法を書き留めておきますので、参考にしてみてください＾＾
Mantraの設定を確認する
WordPressの左側メニューから、外観-テーマファイルエディタを選択。
テーマを編集する設定画面が表示されるので、画面右側の「テーマファイル」の一覧から「個別投稿 single.php」を選択。
Mantra: 個別投稿 (single.php)のコードが表示されます。
これをバックアップしておいてから、関連記事を表示させるタグを入力します。
そうしないと、このsingle.phpに自分で入力したコードが間違っていたなどにより、ブログが真っ白になって見れなくなったりする場合があるのです。
こわいですね。
個別投稿 (single.php)に関連記事のコードを入力する
私の場合は、自分でコードを考えられなかったので解説サイトに掲載されていたコードをそのまま入力しました。
なお、関連記事のコードをコピペした部分は下記のとおり。
</div><!– .entry-content –>
の下に関連記事のコードをコピペしました。
たぶんブログの本文にあたる部分かと思います。
【参考にしたサイト様】
タツキの樹
single.phpとpage.phpの違いと作り方を解説【WordPress】 (tatuking.com)
なぜか関連記事が1つしか表示されない
タイトルのとおり、関連記事が1つしか表示されないのです。
困った。
設定では3つの関連記事を表示させるようにしたはずなのですが・・・。
原因としては、サムネイル画像が大きめに表示されていて、関連記事を表示させるスペースがないからかも？
あ、けどcssもデザインのタグ？を入れていないからかも？
ひとまず今回は関連記事が表示されるようになったので、よしとします。
また修正したらお知らせしますね！
【参考にしたサイト様】
タツキの樹
single.phpとpage.phpの違いと作り方を解説【WordPress】 (tatuking.com)
メモ、このサイトを見てスタイルシートも編集します。
