WP画像出力(アイキャッチ)安全生成ツール

「<img>タグごと出したい」「URLだけ出したい」「ループ外から引きたい」など、状況に合わせてエスケープ処理済みの安全なPHPコードを1発生成します。代替画像(No Image)の分岐にも対応!

⚙️ 出力条件を選択
1. 何の画像を出力しますか?
2. どこに記述しますか?
3. 欲しいデータ形式は?
4. 画像サイズ
5. 代替画像(No Image)のフォールバック

📋 テンプレート出力コード

single.phparchive.php などの表示させたい場所にコピペしてください。

⚠️ アイキャッチ画像が表示されない時は?(定番の罠)

自作テーマや、プレーンなテーマをカスタマイズしている場合、そもそもWordPress側でアイキャッチ機能が有効化されていない(管理画面に設定パネルが出ない)ことがよくあります。

✅ functions.php でアイキャッチを有効化する
以下のコードが functions.php に記述されているか確認してください。これが無いと上記の出力コードを書いても何も表示されません。

<?php
// functions.php に追記(すでに setup 関数がある場合はその中に追記)
  function my_theme_setup() {
    // アイキャッチ画像を有効化
    add_theme_support( 'post-thumbnails' );

    // ▼ カスタムサイズを追加する場合の例(用途に合わせてコメントアウトを外す)

    // パターンA:指定サイズで強制的に切り抜く(カード型レイアウトなどに最適)
    // add_image_size( 'my-custom-crop', 600, 400, true );

    // パターンB:縦横比を維持したまま枠内に収まるよう縮小する(画像全体を見せたい時に最適)
    // add_image_size( 'my-custom-resize', 600, 400, false );
  }
  add_action( 'after_setup_theme', 'my_theme_setup' );