ヘッダーの背景画像をランダムに変更するプラグインの紹介です。
お気づきかと思いますが、このブログの背景もこのプラグインを使用して訪れるたびに背景が変わります。
以下の内容はLabrid WPさんの解説を若干改変してお伝えします。
この「Automatic image rotator」はアクセスする度にサイトのイメージが変わり、訪問者に常に新鮮な印象を感じていただけ、導入が簡単な割に効果の高いカスタマイズです。
- 先ずはA List Apart: Articles: Random Image Rotationの中段下にある、 PHP source right here と書いてあるリンクからソースコードをテキストエディターにコピーし、ファイル名を「rotate.php」にして保存します。
- 次にサーバ上のテーマファイルのあるディレクトリの “images” フォルダ内にランダム表示用のディレクトリ “random” を作成し、ここに rotate.php を FTP ソフトで以下のようにアップロードします。
| /wp-content/themes/テーマ/images/random/rotate.php |
- ランダムに表示させたい画像を複数作成し、上記で作成したディレクトリ “random” にアップロードします。
画像名はどんな名前でも構いません。
- テーマのスタイルシートを編集し、背景画像を指定しているスタイルの背景画像ファイルへのパスを rotate.php へのパスにします。
| background:url(images/random/rotate.php) 0 50% no-repeat; |
|
以上でアップした背景画像がランダムに表示されるはずです。
オマケ：
背景画像をセンターにかつスクロールせずに固定化する場合には
background-position: center top;
background-attachment: fixed; |
をスタイルシートに書き加えます。 |
|
背景をランダムに変えるプラグイン
