【WordPress】投稿記事内の最初の画像をアイキャッチ代わりに使った関連記事を設置してみた

  • CATEGORY : WordPress

ブログ記事ページ内でよく設置されている「関連記事」に憧れてて設置を行いました(*´ω`*)そのメモです

関連記事の関連付けとして、「同一タグ」か「同一カテゴリー」に分かれるところですが、
「同一タグ」のほうが、小回りが効くのでこちらを選択。

■記事内の最初の画像を取得する(functions.php)

※10行目のアドレス指定箇所は、対象画像が無い時に表示する代替画像のパスのアドレス。

■出力するためのコード
 

この出力コードをつかって…

■WordPress記事テンプレート(single.php)関連記事表示コード

これだけです!(°m°;)

リストタグ(ul li)を使っているので、あとはうまくCSSでデコレーションしていただければ完成ですね!

今では当たり前のレイアウトになってしまいましたね。

参照サイト:

記事TAG :


Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Twitter

MeteorDrive ネコノ

戦略的な提案型デザイナーとして日夜奮闘しています( ゜д゜)ノ

詳細情報はこちら

PICKUP ENTRY

ENTRY RANKING