WordPress

wordpressの忘れがちな関数 アイキャッチ編

投稿日:

こんにちはコーダーのKです。
wpでテーマを自作しているとき、よく使うけど忘れがちな関数を紹介したいと思います。
今回はアイキャッチ編です。

wordpressの忘れがちな関数 アイキャッチ編

アイキャッチ出力

<?php the_post_thumbnail(); ?>

アイキャッチがあれば表示


<?php if(has_post_thumbnail()): ?>
<?php endif; ?>

アイキャッチにclassをつける

<?php the_post_thumbnail( 'full', array('class' => 'クラス名') ); ?>

アイキャッチの出力形式、alt等も自由に決める


<?php
    $thumbnail_id = get_post_thumbnail_id();
    $thumbnail_img = wp_get_attachment_image_src( $thumbnail_id , 'full' );
?>
<div class="thumb-box">
     <img src="<?php echo $thumbnail_img[0]; ?>" alt="画像のテキスト">
</div>

上記を踏まえ、よく使うif文

wordpressの忘れがちな関数 アイキャッチ編


<?php if(has_post_thumbnail()): //アイキャッチがあればアイキャッチを表示 ?>
    <?php
        $thumbnail_id = get_post_thumbnail_id();
        $thumbnail_img = wp_get_attachment_image_src( $thumbnail_id , 'full' );
    ?>
    <div class="thumb-box">
        <img src="<?php echo $thumbnail_img[0]; ?>" alt="画像のテキスト">
    </div>

<?php elseif(get_field('カスタムフィールド名_画像1')): 
//アイキャッチが存在せず、プラグインAdvanced Custom Fields「カスタムフィールド名_画像1」に画像が登録されていれば ?>
    <div class="thumb-box">
        <img src="<?php echo get_field('カスタムフィールド名_画像1'); ?>" alt="画像のテキスト">
    </div>

<?php else: //上記に当てはまらなければダミーを出力 ?>
    <div class="thumb-box">
        <img src="<?php echo home_url('/'); ?>assets/images/common/dummy.jpg" alt="画像のテキスト">
    </div>
<?php endif; ?>

以上。
wordpressの忘れがちな関数 アイキャッチ編でした。

-WordPress

関連記事

ワードプレスの非プログラマ向け総合ハックプラグイン

ワードプレスの非プログラマ向け総合ハックプラグイン

今年も早いもので後1箇月あまりです。今年の6月頃に WordPressのPingback(ピンバック)機能を悪用したDDoS攻撃が多発していました。 WordPressの管理者のみなさんは対策のために …

画像を自動的にlightBox風に表示するjQuery ColorboxのWordPressプラグイン

画像を自動的にlightBox風に表示するjQuery ColorboxのWordPressプラグイン

jQueryプラグイン「Colorbox」は便利ですが、 さらにWordPressプラグインとして導入すれば 設定は更に簡単になります。 ソースをいじる必要はありませんので初心者にもおすすめです。 W …

予約投稿を失敗しないドクターX的ワードプレスプラグイン

予約投稿を失敗しないドクターX的ワードプレスプラグイン

WordPressには未来の日時を指定して公開する予約投稿機能がございます。 組織で運用するブログなどでは時間を決めて記事を公開することが重要になることが多々あるようです。 ただし、WordPress …

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

WordPressでサイトを作る場合カスタムフィールドがとても便利ですよね! そして投稿ページで入力したカスタムフィールドの値を他のトップページや固定ページでも使いたい。なんて事があるかと思います。 …

ワードプレスの高負荷プラグインを可視化してくれるプラグイン

ワードプレスの高負荷プラグインを可視化してくれるプラグイン

WordPressのプラグインは便利ですが、ついつい多用してしまいますと サイト全体のレスポンスが悪くなり、表示速度の低下を招いてしまいます。 そのような状態ではもはやプラグインの数が多すぎて、何を排 …