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で最新記事の一覧をプラグインを使わないで表示させるやり方

    WordPressで最新記事の一覧をウィジェットやプラグインを使わない…

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

    WordPress

    WordPressで記事タイトルの文字数制限をするやり方

    WordPressで記事タイトルの文字数制限をするやり方をメモしときま…

  3. WordPress

    MAMP(インストール済)でWordPressをローカル環境で動かすまでの簡単な手順

    久しぶりにMAMPを使って新しいWordPressのローカル環境を作っ…

  4. WordPress

    WordPressの管理画面にメモを残せるプラグイン「Quick Notes on the WP D…

    おもしろいプラグインを試してみました。おもしろいというかとても便利だな…

  5. WordPress

    WordPressでカスタムフィールドを使って任意のコードやファイルをhead内に読み込ませる

    以前「WordPressで特定の記事やページにカスタムフィールドで指定…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP