シュウ

今回は【WordPress】アイキャッチ画像の条件分岐について
の解説になります！

こんな方に読んでほしい

• WordPressを学び始めた方へ
• WordPressのカテゴリーに画像を登録・出力について解説していきます。
• 今回はWordPressの「アイキャッチ画像の条件分岐」について解説しております。

アイキャッチ画像について

WordPressで記事を書く毎に画像の設定ができます、その画像のことをアイキャッチ画像と言います。
以下の画像のような箇所で使用することがあります。

アイキャッチ画像の出力方法は以下のようにまとめております。
一度コチラの記事をご確認ください。

アイキャッチ画像の設定に関するの記事

アイキャッチ画像の設定について解説!

新旧エディタのアイキャッチ画像の設定を解説しております。

アイキャッチ画像の条件分岐とは

アイキャッチ画像がない場合は「デフォルト画像」を出力させます。
以下の画像がイメージになります。

コードは以下のようになります。

<?php
	$img = get_the_post_thumbnail_url( $post->ID, 'medium' );
	$src = ( $img ) ? $img : get_template_directory_uri() . '/default-img.png';
?>
<img src="<?php echo $src; ?>" alt="<?php the_title(); ?>">

mediumは画像のサイズになります。
medium、以外には以下のように変更が可能になります。

// サムネイルのサイズ
('thumbnail'); 
   
// サムネイル中サイズ
('medium');
         
// サムネイル大サイズ
('large');

// サムネイル元のサイズ
('full');

// サイズを数値で指定した場合
(array(150, 150));

サムネイルのサイズは、管理画面の 「設定」 > 「メディア」 で変更が可能になります。
get_template_directory_uriには、「デフォルト画像」のパスを指定します。
アイキャッチ画像がある場合は、

<img src="<?php echo $src; ?>" alt="<?php the_title(); ?>">

上記のコードが適用されます。

まとめ

今回はこれで以上です。

最新記事

• 

  【CSS】グラデーション色々なパターンを解説！

  2024.05.15

• 

  【WordPress】親カテゴリーの子カテゴリー一覧を表示する方法

  2024.05.14

• 

  【WordPress】サイトアドレスを変更する方法について解説

  2024.05.09

• 

  【WordPress】header・footerを複数作成し設置について解説

  2024.05.09

関連記事

< 前の記事

【WordPress】Categories Imagesカテゴリーに画像を登録について解説

次の記事 >

【WordPress】MW WP Form住所自動入力について解説