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

関連記事

ファーストサーバの『ウルトラビジネス2』でうまくWordPressが動作しない場合について

ファーストサーバの『ウルトラビジネス2』でうまくWordPressが動作しない場合について

ファーストサーバの『ウルトラビジネス2』に WordPressをインストールした場合、 固定ページで日本語タイトルで更新すると保存できない現象が起こります。 (アルファベットのタイトルだと問題なく保存 …

【WordPress】カスタム投稿でタクソノミーのタームごとに月別アーカイブをなんとか表示させる方法。

【WordPress】カスタム投稿でタクソノミーのタームごとに月別アーカイブをなんとか表示させる方法。

WordPressでWEB制作時にカスタム投稿を用いている場合、 タクソノミーのタームごとに月別アーカイブを表示させたい場合がございます。 本日はその方法のご紹介です。 以下のような形式で月別アーカイ …

FacebookとWordPressを連携させる方法

FacebookとWordPressを連携させる方法

『WordPressで記事を投稿したタイミングで、Facebookにも反映させる方法』ですが、 頻繁に起こるFacebookの仕様変更や、WordPressプラグイン自体の更新停止などで 今までのやり …

<WordPress>公開終了日を実装する方法。

<WordPress>公開終了日を実装する方法。

公開期間プラグイン「post-expirator」を使わずに 公開終了日を実装する方法をご紹介します。 「カスタムフィールド」に「公開終了」項目を追加し、 その条件を満たしていれば表示させる仕組みです …

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

WordPressのプラグイン「WPtouch」をインストールし スマホサイトを制作する際、特定のURLのときはPC用のテンプレートを 表示させたい場合がございます。その方法をご紹介します。 wpto …