WordPress で前後の記事へのリンクにサムネイル画像を表示させてみました

すでに私のブログはサムネイル(コンテンツを紹介する縮小画像)だらけです。

20140923-04

 

にもかかわらず、各記事の末尾にある「前後の記事へのリンク」にサムネイル画像がないのが寂しく感じていました。

20140923-01

 

そこで、いつものように検索して探してみたところ、さすが WordPress、いっぱい記事がありました。

今回は、その中から、こちらを参考にしてみました。

 

私が使っている WordPress テーマは有料の「BlogPress」です。

 

そこで「テーマの編集」で以下のテンプレートに手を加えました。

BlogPress: 単一記事の投稿 (single.php)

 

この中で「前後の記事へのリンク」はシンプルなコードで

となっていました。

 

これを

としてみました。

 

そして適当に CSS を調整した結果がこんな感じです。

20140923-02

 

ついでに以下のページで「前後に記事がない場合」の対応もしておきました。

以下の「if文」を加えました。

 

とりあえず「トップページに戻る」へのリンクにしておきました。

20140923-05

まあ、一貫性のあるブログっぽくなってきたのではないでしょうか。