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でカテゴリーとタグのリストを一緒に出力して表示させるやり方

    色々と悩んだ結果、これが一番手っ取り早くて簡単だったのでメモしときます…

  3. WordPress

    WordPressのショートコードをテンプレート(テーマ)内で使用したい時のやり方

    WordPressのショートコードってとても便利ですよね。AddQui…

  4. WordPress

    WordPressでウィジェットのアーカイブを一発でドロップダウンにする超簡単な方法

    知らなかったですこれ。前からずっとアーカイブをドロップダウンにできない…

  5. WordPress

    テーマにWordPressのウィジェットを対応させ検索フォームをカスタマイズする

    WordPressにはウィジェットという便利な機能があります。これを使…

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

    WordPress

    WordPressの囲み型ショートコードの基本的な使い方

    WordPressのショートコードはとても便利で色々なことができるんで…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP