なんだか急に写真ブログがやりたくなったのでWordPressを使って新しくブログサイトを作成してみました。ブログ名は『Snap of the Dead』。『GOURMET of the DEAD』に続く「オブ・ザ・デッド」シリーズです。（次は嫁の料理ブログ『Cooking of the Dead』を企画中）
写真と短いコメントだけを掲載するとてもシンプルな構成になっています。タグで絞り込みができるだけです。撮影場所の位置情報とかカメラの設定とかも掲載しようかなと思ったけどシンプルさを優先しました。
ちょっとだけ工夫したところ
その１：サムネイル一覧を表示する
WordPress 2.9から実装されたアイキャッチ機能を使えば使う画像を取得できますが、こ今回はflickrに上げてある写真を使うためアイキャッチ機能ではたぶんダメってとで見つけた方法がこちら。
その２：マウスオンした画像だけハイライト表示
よくある挙動でやりかたはいろいろあるけど、とにかく楽に、画像データは増やさずにやりたい、ってことで見つけたのがこの方法がこちら。
その３：iPhone/iPad最適化
iOSでWebサイトの表示サイズが自動調整されます。最初に表示するときの横幅サイズ、ズームの倍率制御などを制御するViewortという概念があります。初期表示のデフォルトは980pxになっているのですが、本ブログは640pxなのでそのままではかなりズームアウトした状態で表示されてしまいます。そこでViewportで初期サイズを660pxにしています。
また、そのままでは文字が小さくて見づらいので、iPhone/iPadから見たときだけ文字サイズだけ140%になるように調整しています。
利用しているプラグイン
サイト内容がシンプルなのでプラグインもほとんど使っていません。
- Open Graph Pro
- 「いいね！」ボタンを押したときに送信される情報をコントロール
- Ultimate Google Analytics
- 8桁のコードを入れるだけでGoogle Analyticsを簡単導入
- wp-flickr-press
- flickrにある写真データを簡単挿入
- WP-PageNavi
- ページ送りを表示
