WordPressでアイキャッチ画像が設定されていない場合のNo Image画像を複数設定し、ランダムに表示する方法

未分類

2023.04.22

WordPressでアイキャッチ画像が設定されていない場合に表示されるNo Image画像を複数設定し、ランダムに表示する方法は以下の手順に従って行えます。

まず、複数のNo Image画像を用意します。これらの画像は、WordPressのテーマフォルダ内にある「images」などのフォルダに保存することが一般的です。ファイル名は、数字やアルファベットの組み合わせなど、ランダムに命名することができます。
次に、functions.phpファイルに以下のコードを追加します。このコードは、アイキャッチ画像が設定されていない投稿の場合に、ランダムに選択されたNo Image画像を表示する機能を追加します。

function custom_no_image() {
    $no_images = array(
        '/images/no-image-1.jpg',
        '/images/no-image-2.jpg',
        '/images/no-image-3.jpg',
    );
    $random_number = array_rand($no_images);
    return get_template_directory_uri() . $no_images[$random_number];
}

最後に、テーマの投稿ページで、アイキャッチ画像が設定されていない場合に、上記で定義したランダムなNo Image画像を表示するように設定します。以下のコードを、投稿ページのアイキャッチ画像の表示部分（通常はheader.phpファイル内にあります）に追加します。

<?php if (has_post_thumbnail()) : ?>
    <?php the_post_thumbnail(); ?>
<?php else : ?>
    <img src="<?php echo custom_no_image(); ?>" alt="No Image" />
<?php endif; ?>

これで、WordPressのテーマでアイキャッチ画像が設定されていない場合に、ランダムに選択されたNo Image画像が表示されるようになります。