こたらの日記

プラグインを使わずにWordPressの同じカテゴリー記事の一覧を画像付きで表示させる方法!

Cover Image for プラグインを使わずにWordPressの同じカテゴリー記事の一覧を画像付きで表示させる方法!

WordPress Stickers Everywhere
WordPress Stickers Everywhere / teamstickergiant
関連記事に続き同じカテゴリー記事も画像つきで表示されるようにしました。@kotala_bです。
今回も参考になるサイトを探し、そのコードを自分が表示させたいように少しだけ変更を加えました。

参考サイト

参考にしたのはこちら
[WordPress] カテゴリベースで関連記事を抽出する - かちびと.net[WordPress] カテゴリベースで関連記事を抽出する - かちびと.net
ここで紹介されているコードをベースに少しだけ変更を加えました。

変更点

category_121221_01
変更したのは「liタグの中身」と「ulタグの位置」です。
かちびと.netさんで紹介されているコードのままでは画像表示がないので画像表示されるように「liタグの中身」を変更しました。
ここには前回の関連記事を表示させる方法で使った「liタグの中身」をそのまま使って、画像のサイズだけを変更しました。
関連記事を表示させる方法のことを書いたのはこちら
Wordpressに関連記事を表示!Zenbackなしで自動表示させる方法! | kotala's noteWordpressに関連記事を表示!Zenbackなしで自動表示させる方法! | kotala's note
the_post_thumbnail(array(100,100))」という部分の100という数字の部分が画像の大きさになるので、まずここを変更。
そして「ulタグの開始位置」をかちびと.netさんで紹介されているコードの先頭に変更しました。

最後に

category_121221_02
こんな風に出来上がりました!
前回紹介した関連記事一覧では記事についてるタグに合わせた内容が表示され、今回のカテゴリー一覧では記事のカテゴリーに合わせた内容が表示されるようになります。
全て自動でやってくれるのでとても快適になりました!