背景をランダムに変えるプラグイン

ヘッダーの背景画像をランダムに変更するプラグインの紹介です。
お気づきかと思いますが、このブログの背景もこのプラグインを使用して訪れるたびに背景が変わります。
以下の内容は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;

をスタイルシートに書き加えます。

背景をランダムに変えるプラグイン」への7件のフィードバック

  1. 勉強になりますし
    血が騒ぐ気持ちになりましたよ

    [Reply]

    fujichan Reply:

    mihoさん、コメントありがとうございます。
    mihoさんもホームページのタグの打ち込みなどを仕事にしていた時が
    あるんですよね?
    こういう便利なプラグインを開発される方には本当に頭が下がります。

    [Reply]

  2. すみません、テーマはAtmosphere 2010 1.7 : Digital Raindrops 作これをつかってるんですが、どうしてもうまくいきません
    もしよろしかったら教えて下さい

    [Reply]

    fujichan Reply:

    ヤノさん、コメントありがとうございます。
    『Atmosphere 2010』のテーマの構造を見ましたが、テーマ自体のオプションも豊富で、非常に複雑になっています。

    質問される時に『Atmosphere 2010』の構造と、どの様な作業をしたのか記述がないとお答えしようがありません。

    『Automatic image rotator』はCSS(スタイルシート)に、背景を指定する[background:url]の記述がないと動作しませんので、背景指定などのオプションがある『Atmosphere 2010』のテーマでは、大幅な改造が必要になると思います。

    デザインの大きな要素として簡単に背景をランダムに変えたいということでしたら、CSS(スタイルシート)に、[background:url]があるテーマデザインを選択する事をお勧めします。

    [Reply]

  3. ありがとうございます!
    助かりました!
    さっそくサイトで利用させていただきました。

    [Reply]

    fujichan Reply:

    tanaさん、コメントありがとうございます!
    お役に立てて幸いです。( ^ -^)bm

    [Reply]

  4. ピンバック: Wordpress アクセス毎に背景画像を切り替えたい | 自分で何とかスルBLOG

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*