WordPressのテーマの中で複数の画像をランダム表示させたい

スライダー等のプラグインを使えばできるのだろうが、どちらにしてもテンプレートを触ることになるのならば、プラグインを使わずに書いた方がサイト的には健康的だ。

例えば brn1.jpg brn2.jpg brn3.jpg brn4.jpg brn5.jpg
という5種類の画像を、テーマ内の任意の場所でランダム表示させたい時。

ここで大切なのは、数字以外は同じファイル名であること。
brn1.jpg と brn_side1.jpg などの組み合わせでは駄目。

5種類の画像を用意したら(何種類でも大丈夫)下記のように画像タグを貼る

<img src="<?php echo get_template_directory_uri(); ?>/images/brn<?php echo(mt_rand(1,5)); ?>.png" alt="">

(mt_rand(1,5)の箇所が数字の1~5の間でランダム表示させるという指示になる。
こうすることで brn1.jpg~brn5.jpgまでの画像をランダムで表示できるのだ。

may the force be with you

テーマのカスタマイズ等のご相談/お問い合わせはこちら
個人の方でもお気軽にご相談ください