こんにちはコーダーの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文
<?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の忘れがちな関数 アイキャッチ編でした。