• WordPressのヘッダー画像をランダム表示に編集する


    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」と致命的ミスを犯していただけでした(/∀\*))キャハ♪

    Advertisement

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

    コメントを残す

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

    トラックバックURL: https://wpcollege.info/no-plugin/random-header.html/trackback