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で例えばトップページに自分の指定した固定ページを読み…

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

    WordPress

    WordPressのトップページ(index.php)で公式ツイートボタンのURLを各記事別になるよ…

    ちょっとした備忘録です。WordPressのトップページで公式ツイート…

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

    WordPress

    WordPressでキーワードを登録しておくと自動でリンクをつけてくれるプラグイン「WP Keywo…

    なかなか便利だったのでご紹介します。WordPressで自分が登録した…

  4. WordPress

    wp_nav_menuでWordPressのカスタムメニューを表示させる

    カスタムメニューを試していたら改めて便利だなと思ったのでメモしときます…

  5. WordPressでmicrodataを使ったパンくずリスト

    WordPress

    WordPressでパンくずリストをmicrodataを使ってマークアップするやり方

    そういえばこのサイトではまだパンくずリストを作成していなかったので今回…

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

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP