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】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

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

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

WordPress固定ページで「ビジュアル」「テキスト」切替できなくする方法<WordPress>

WordPress固定ページで「ビジュアル」「テキスト」切替できなくする方法<WordPress>

今回は、WordPressの固定ページ ウィジウィグ切替でHTML崩れる問題について、 簡単な解決方法をご紹介いたします。 目次1 「ウィジウィグ切替でHTML崩れる問題」とは2 「ウィジウィグ切替で …

csvでインポートする場合、セルのテキストを簡単にダブルクォーテーションで囲む方法。

csvでインポートする場合、セルのテキストを簡単にダブルクォーテーションで囲む方法。

WEB制作において、WordPressのプラグインを利用し、記事をCSVインポートする場合、 以下2点のルールがあるかと思います。 1.  フィールドの区切りを”,” をとする。 2. セル内のテキス …

投稿したら即インデックスされるワードプレスのパブサブハブバブ

投稿したら即インデックスされるワードプレスのパブサブハブバブ

ブログで記事を投稿したときにGoogleのロボット巡回を待っていたのでは インデックスされるまでに時間がかかってしまいます。 PubSubHubbubプロトコルを利用すると、記事を投稿するや否やASA …

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレスはオープンソースのため、そのソースコードが公開されております。 誰でも無償で、誰でも改変して商用利用も可能であるというメリットもございますが、 デメリットとして悪意のある者から不正侵入を許 …