ホーム » ブログ » wordpressでバナーなどの画像をランダム表示

2013/12/22

サイドバーやトップのバナー画像をランダムに表示する方法です。

今回は画像を5枚用意し同じ場所にランダムに表示します。

①テンプレートディレクトリーの「images」フォルダーにバナーを5枚配置します。

②例として、ファイル名は「banner」+数字+拡張子 (banner1.jpgからbanner5.jpgまで) とします。

③下記をテンプレートのバナーを表示する箇所に記述します。

<img src="<?php bloginfo('template_url'); ?>/images/banner<?php echo(rand(1,5)); ?>.jpg" width="画像の幅" height="画像の高さ" alt="画像のalt" />
リンク先がある場合は
<a href="リンク先URL"><img src="<?php bloginfo('template_url'); ?>/images/banner<?php echo(rand(1,5)); ?>.jpg" width="画像の幅" height="画像の高さ" alt="画像のalt" /></a>

上記の方法で画像をランダム表示することができます。

Related Posts関連記事

BLOGブログのカテゴリー

HOMEPAGEホームページ制作

SEOSEO対策

OTHERその他のサービス

to Top