WordPress

WordPressでアイキャッチ画像にキャプションを表示させる設定方法

WordPressのアイキャッチ画像にキャプションを付けたい時ってありますよね。例えば、画像にクレジットを表記しなければいけない時やちょっとしたコメントを付けたい時など。で、こういった場合、アイキャッチ画像の設定画面から手軽にキャプションを挿入するやり方が1番汎用性があっていいなと思ったのでご紹介します。

[ads_center]

やり方

アイキャッチを以下のように設定します。

<?php if(has_post_thumbnail()): ?>
    <div>
    <?php
        the_post_thumbnail();
        if(get_post(get_post_thumbnail_id())->post_excerpt) {
            echo '<div>キャプション:</div>' . get_post(get_post_thumbnail_id())->post_excerpt;
        }
    ?>
    </div>
<?php endif; ?>

これで、アイキャッチ画像の設定にあるキャプションに挿入したものが表示されるようになります。

キャプションを設定

また、キャプションを何も設定していない時は出力されません。上記のようにキャプションを設定した時だけ表示されます。

直接HTMLタグを入れるので、リンクも自由に付けれることができます。

というわけで、WordPressのアイキャッチ画像にキャプションを表示させる設定方法でした。

WordPress Tip #3 – Captions on Post Thumbnails

CSSでテキストを縦にするやり方CSSでテキストを縦の位置にするやり方前のページ

レスポンシブなタブパネルを実装できる「Responsive Full Width Tabs」次のページResponsive Full Width Tabs

関連記事

  1. WordPressのログイン時のツールバー

    WordPress

    WordPressウィジェット内でPHPコードが使用できるプラグイン「PHP Code Widget…

    個人的にとてもうれしいプラグインを発見したので備忘録がてらメモしておき…

  2. WordPress

    Google XML SitemapsプラグインでWordPressにサイトマップ作成

    WordPressにはロボット向けのXMLサイトマップを自動生成してく…

  3. WordPressのログイン時のツールバー

    WordPress

    WordPressでアイキャッチ画像のサイズによって出力を振り分ける条件分岐のやり方

    WordPressでアイキャッチ画像をサイズ別で出力を振り分ける条件分…

  4. WordPressの自動バックグラウンド更新

    WordPress

    WordPressで複数のウィジェットを表示させるやり方

    WordPressのウィジェットってとても便利ですよね。ドラッグ&ドロ…

  5. フォトグラファーに最適なWordPressテーマ集

    WordPress

    フォトグラファーに最適なWordPressテーマ集

    フォトグラファーに最適なWordPressテーマ集「77 Free a…

  6. WordPressのログイン時のツールバー

    WordPress

    WordPressで現在のページのタグ名を出力するにはsingle_tag_titleを使う

    先日「WordPressで現在のページのカテゴリー名を出力するにはsi…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP