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

関連記事

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

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

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

WordPress4.3バージョンアップで使えなくなるプラグイン

WordPress4.3バージョンアップで使えなくなるプラグイン

最近急に涼しくなりましたね。夕方になると長袖が必要に感じる肌さむさですが、 が、新陳代謝が良好なため汗が止まらないSです。(私には冷房が必要ですアピール) というわけで、WordPressが4.3にバ …

ワードプレスでどのテンプレートを使っているか見えるプラグイン

ワードプレスでどのテンプレートを使っているか見えるプラグイン

page.php や single.php は区別がついても archive.php や author.php になると どのテンプレートを利用しているか追跡するのに苦役を強いられるWordPress …

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンクチェックしていますか? マニュアルでチェックするとたいへんですよね。 WordPressには自動で定期的にリンク切れをチェックしてくれる 便利なプラグインがございます。 その名もズバリ、「Bro …

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

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

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