ブログ内の写真をランダムに表示

2006_1007_1638.jpg
以前からブログ内の写真を表示するのがとっても好きな僕ですが、新デザインになった事ですし前とはまた違った形で表示できたらと思っていました。

いつもMTのカスタマイズではお世話になっているThe blog of H.Fujimotoさんのエントリー内の画像をリストアップするプラグインEntryImagesを使ってみました。

以前にランダムにピックアップしてトップページに表示させていたのはMTCollectプラグインでしたが自分がしたいと思っている形ではうまく表示できない時もありました。

もう一つのフォトサムネイラーもflashをお借りしていましたのでデザイン上の制約がありますしランダム表示は出来ません。

そちらに比べるとこれはさすが専用設計!写真に関するやりたい事を全て網羅してるのではないでしょうか。

せっかくいいプラグインなので写真用のページを一つ作りました。

左の黒い部分にある縦型タブメニューの中にPhotoというのがそうです。

ブログ全体からランダムに102枚の写真をピックアップして表示してくれます。

ランダム写真の入れ替えはインデックスページの更新と一緒なので自分が記事を追加した時やコメントが書き込まれた時などに変更します。

設定覚書

実際の表示には最近の画像を表組みにして表示というサンプルを使わせていただきました。

最近の画像15枚を表示させる指定

<MTEntryImages img_lastn="15" columns="3">

の部分をランダムに102枚表示させる指定

<MTEntryImages sort_order="random" random_lastn="102" columns="3">

に変えただけです。簡単!

後はスタイルシートで軽く体裁を整えて完了です。

良かったらたまには見てね!


URL : http://www.eternalheart.com/cgi/mt42/mt-tb.cgi/118

楽天アフィリエイト

eternalheart.com

『MyMinCity』

クリックしていただくと街が育っていくゲームです。

http://negishi.myminicity.com/

どうぞアクセスしてください!

Calendar

Recent Entries
Recent Comments
Recent Trackbacks
Blog People
 
Search this site

キャッシュ使用
ダイエット中!
eternalheartの体重
 
Tetsu

2004_0104_100306.jpg

横浜で生まれ育ち、結婚後も横浜在住のハマっこです。

ワーホリで行ったオーストラリアが忘れられません。
また行きたい!!

Blog Pick up
Category
Monthly Archives
  • 2008年
    • 8 [2]
    • 7 [6]
    • 6 [3]
    • 5 [9]
    • 4 [6]
    • 3 [7]
    • 2 [2]
    • 1 [6]
  • 2007年
    • 12 [16]
    • 11 [22]
    • 10 [4]
    • 9 [3]
    • 8 [6]
    • 7 [5]
    • 6 [7]
    • 5 [5]
    • 4 [12]
    • 3 [16]
    • 2 [3]
    • 1 [13]
  • 2006年
    • 12 [19]
    • 11 [12]
    • 10 [24]
    • 9 [16]
    • 8 [24]
    • 7 [7]
    • 6 [15]
    • 5 [33]
    • 4 [20]
    • 3 [33]
    • 2 [20]
    • 1 [11]
  • 2005年
    • 12 [11]
    • 11 [5]
    • 10 [11]
    • 9 [14]
    • 8 [28]
    • 7 [10]
    • 6 [11]
    • 5 [5]
    • 4 [1]
    • 3 [1]
    • 2 [1]
    • 1 [6]
  • 2004年
    • 12 [17]
    • 11 [18]
    • 10 [3]
    • 9 [7]
    • 8 [8]
    • 7 [23]
    • 6 [9]
    • 5 [1]
    • 2 [1]
    • 1 [2]
  • 2003年
    • 12 [1]
    • 10 [3]
    • 9 [3]
    • 8 [6]
    • 7 [2]
    • 6 [3]
    • 5 [2]
    • 4 [7]
    • 3 [9]
    • 2 [7]
    • 1 [13]
  • 2002年
    • 12 [9]
    • 11 [6]
    • 10 [36]
    • 9 [25]
    • 8 [11]
    • 7 [31]
    • 6 [33]
    • 5 [16]
    • 4 [40]
    • 3 [41]
    • 2 [37]
    • 1 [36]
  • 2001年
    • 12 [20]
    • 11 [22]
    • 10 [20]
    • 8 [4]
    • 7 [6]
    • 6 [9]
    • 5 [3]
    • 3 [8]
    • 2 [6]
    • 1 [5]
  • 2000年
  • 1999年
Mail Form