プログラミングクエストプログラミングクエストプログラミングUdemyhtml&csswordpressJavaScriptSEOプログラミングの学習ならUdemyがおすすめです!詳細はこちらホームプログラミングwordpress【WordPress】ループ中に投稿・固定ページのアイキャッチ画像を出力する方法2022年6月28日SHAREツイートシェアはてブLINEPocketスポンサーリンクこんにちは!WEB制作会社で働いている現役エンジニアです。今回はWordPressのテーマの開発でループ処理中に投稿・固定ページ紐づいたアイキャッチ画像の出力方法についてご紹介します。スポンサーリンク目次ループ処理中にアイキャッチ画像を出力する方法アイキャッチが設定されてない場合は代わりの画像を表示したい場合アイキャッチ画像が表示されないまとめループ処理中にアイキャッチ画像を出力する方法アイキャッチ画像を出力する方法はとても簡単です。コードは以下になります。?>この1行を書くだけでアイキャッチ画像が出力されます。サイズを指定したい場合は引数にサイズを書いてあげましょう。?>こんな感じに引数にthumbnailを入れてあげるとサムネイルサイズに出力されます。他にもmedium,large,fullなど用意されているので必要な場合は使用してください。各サイズは以下になります。アップロードした画像サイズもっと詳しく知りたい人は下記をご覧ください。先程のコードでアイキャッチは出力できますが、ページにアイキャッチ画像が登録されていない場合は何にも表示されて状態になっています。何も表示されないというのを避けるために、もしアイキャッチ画像が登録されてない場合は代わりの画像を表示するという条件分岐を追加してあげるのをおすすめします。コード下記になります。?>上記のコードでアイキャッチ画像が登録されてない場合はデフォルト画像が出力されます。アイキャッチ画像が表示されないコードを書いたけどアイキャッチ画像が表示されないって人はfunction.phpに下記コードが書いてあるか確認しましょう。add_theme_support('post-thumbnails');こちらはアイキャッチ画像を有効にする処理です。このコードが書いて場合はアイキャッチが表示されませんので注意が必要です。カスタム投稿タイプの場合は別でアイキャッチ画像を有効にする必要があるので注意が必要です。まとめいかがでしたでしょうか。アイキャッチ画像はとても簡単に出力できるのでとても便利です。:wordpressプログラミング【WordPress】カスタム投稿タイプの投稿件数を表示する方法WordPressで投稿の抜粋を取得する方法WordPressで親カテゴリーページの条件分岐を子カテゴリーにも含める方法wordpressでリキャプチャマークをお問い合わせページにだけ出す方法。【WordPress】ループ外で記事のタイトルやカテゴリー名を出力する方法を解説します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。pro(プ...WEBエンジニアさん現役エンジニアの28歳です。フリーター→何かできることがないか探す→TECHCAMP入学→WEB制作の案件獲得→スキル不足で苦労する→WEB制作会社に転職。