無料で使える情報探す「おぼえがき」

WordPressの記事画像のサムネイルをランダムに表示するプラグインRandom Image

WordPressの記事で使った画像（写真）のサムネイルを、ランダムに表示することが出来るプラグイン Random Image を別のブログに導入。
手順は以下。

1. Random Image Plugin for WordPress ZIPファイルをダウンロード。
2. ZIPファイルを解凍し、randomimageフォルダを pluginsフォルダへアップロード。
3. 管理画面より randomimage を有効に。

画像をランダムに表示させたい箇所に以下のコードを貼り付け。

<?php randomimage(); ?>

見栄え等の細かな設定は管理画面の 「設定」 → 「Random Image」 でおこないます。
以下の２サイト様に解説がありますのでそちらを参照してください。

これで表示したい場所に自分の好きなカテゴリの画像などをランダムに表示して、その画像がクリックされたら画像のあるページへ移動するということが出来るようになりました。

ただ、導入にあたって少し迷った箇所があったのでメモしておきます。

通常サムネイルの画像を横に並べていく場合、 img に対して float:left; で左に回りこませていくのですが、何故か先頭の画像から１行ずつずれて表示される結果に。

一応左に回りこんではいるので float:left; は効いているのですが、１行ずれる原因が解からず半日ぐらい考え込みました。

で、結論ですが管理画面の 「設定」 → 「Random Image」 の 「HTML between images: 」 に 「br」 がデフォルトで設定されており、これを消すことで横に綺麗に表示されるようになりました。

原因がわかれば 「な～んだ。 こんな単純なことww」 というような感じですが、悩んでいる間は結構キツイもんです。　まぁ、こんなところで躓くのは管理人ぐらいかもしれませんwww