WordPressのアイキャッチ画像、アイキャッチのタイトルも併記したかったので対応。

先日、WordPressのテンプレートにアイキャッチ画像を埋め込みました。

過去記事:WordPressで一覧にアイキャッチ画像を挿入。プログラミングの一部始終。

アイキャッチ画像のタイトルも載せた方かいいと思ったので、調べて対応しました。

Google でようやく発見･･･

「WordPress アイキャッチ タイトル」で検索すると、出てくるのはアイキャッチ画像に記事のタイトル（アイキャッチのではなく本体の）を表示するという記事ばかりが引っかかりました。

ちがう･･･アイキャッチ画像のタイトル（キャプション）をつけたい･･･

でも、何ページも検索結果を確認していくと載っていました！

フォーラム » アイキャッチ画像のキャプション表示の方法 — WordPress
Takuro Hishikawaさんという方がずばり回答を示していました。

つまり、次のように書けばいいということですね。

<?php echo get_post( get_post_thumbnail_id() )->post_excerpt; ?>

見た目も整えて、最終的なアイキャッチ画像へ

アイキャッチ画像に灰色の余白を持たせ、画像下部分にアイキャッチ画像のタイトル（キャプション）を表示する、アイキャッチ画像表示ができあがりました。

ソースにすると次の様になります。style属性で長く見えてしまいまいが、WordPressならこれだけのコードでアイキャッチ画像＆タイトルを実現できるんですね！

<?php if ( has_post_thumbnail() ) { ?>
  <div style="float: left; margin-right: 10px; margin-top: 10px;
              padding:7px; background-color:whitesmoke;">
    <?php the_post_thumbnail('thumbnail'); ?><br />
    <div style="font-size:12px; text-align:center;
                color:dimgray;">
      <?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?>
    </div>
  </div>
<?php } ?>

これで、アイキャッチ画像については目標達成です(^_^)。