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

関連記事

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

    WordPress

    WordPressでログイン中に上部ツールバーを表示・非表示にする設定方法

    WordPressでログイン中に上部ツールバーを表示または非表示にする…

  2. WordPress

    記事コピー防止策になるかもしれないWordPressプラグイン「RSS Footer」

    RSS FooterというWordPressのプラグインなんですが、こ…

  3. WordPress

    WordPressのContact Form 7にCAPTCHAを導入するためのプラグイン「Real…

    WordPressのお問い合わせフォーム(Contact Form 7…

  4. Tetris

    WordPress

    レスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」

    Tetrisという素敵なフリーのWordPressテーマを見つけたので…

  5. WordPress

    ブログ投稿を更新したら自動でツイートしてくれるWordPressプラグイン「WordTwit」を使っ…

    なんというか、毎回些細なこととはいえブログを更新する度に手動でツイート…

最近の記事

  1. Anker PowerPort PD 1 & ライトニングケーブル(0.9m ホワイト)
  2. オリジナルチキン6ピース
  3. 200-DGCAM019
  4. ハクバ GW-PRO RED フォトグローブプロ PL

アーカイブ

PAGE TOP