わーぷれCollege

Tweet

WordPressのヘッダー画像をランダム表示する方法です。WPプラグインも出回っているようですが、プラグインは使わず作成したいと思います。

まず、WordPressをインストールすると標準装備されてる「Twenty Eleven」がヘッダー画像をランダム表示させる仕様だったので、ソースを参考にしようと思いましたが、これよりもっと簡単なものを見つけたので、早速設置してみました。

どう簡単かというと、「Twenty Eleven」では、画像をいちいちアップロードしなければいけませんでしたが、このソースを使うとFTPで一気にアップロード出来るので、手間が少し省けるかなって感じです。

ヘッダー画像ランダム表示用のスクリプトをDL

自分でソースを書くより、既に配られてるのでこちらからDLします。英語サイトですが、割と下の方までスクロールして「PHP source right here」という場所から右クリックでダウンロードして下さい。

A List Apart: Articles: Random Image Rotation

DLしたファイルは「rotate.txt」というファイル名ですので、拡張子部分をphpに変更します。

FTPでテンプレートファイルの「images」の中に「random」フォルダを作成し、「rotate.php」をアップロードしておきます。
→/wp-content/themes/テーマ/images/random/rotate.php

ランダム表示用のヘッダー画像を用意

ヘッダー画像としてランダム表示にさせたい画像を数枚用意します。
画像の名前は何でも大丈夫でした。
それをテンプレートファイルの「images/random/」の中にアップロードします。

最後にCSSにて背景画像を指定しているファイルパスを以下に変更します。
background:url(images/random/rotate.php) 0 50% no-repeat;

どうですか？すごく簡単にランダム表示させることが出来てますよね（´▽｀*）ヘッダー画像をランダム表示させることで、サイトを更新する度に新鮮な気分になれてお得（？）です♥

私はアップしてもヘッダー画像が全く表示されず、「もう！！使えないスクリプトなの？」と疑ったりもしましたが、imagesの中にフォルダを作る時にフォルダ名を「dandom」と致命的ミスを犯していただけでした(/∀＼*))ｷｬﾊ♪

カテゴリー： WPプラグインを使わないシリーズ｜コメント(0)｜2012年3月27日9:52 PM