o xein’, angellein…

先週に引き続きブログのデザインをいじっていましたが、一旦さらなるチューニングの前にまとめておきたいのでメモも兼ねて変更点やら使ったものやらを書いておきます。ちなみに元々は前使っていたテーマ(soulfood)をウィジェット対応させられなかったので変更してみようと思ったのがことの始まりです。

テーマ

テーマはCobus BesterさんのSCRUFFY⁽¹⁾にしました。以前「汚れた感じのwordpress（ワードプレス）テンプレート10*ホームページを作る人のネタ帳」を見ていて記憶に残っていたのですが、幅がやや狭かったので幅を計算し、背景画像を一つ一つ修正しながらの適用となりました。なお他に迷ったのは以下のものです。

• Cellar Heat: A Free WordPress Theme | Freebies | Smashing Magazine
• Color Paper: A Free WordPress Theme | Freebies | Smashing Magazine
• “Elegant Grunge” Wordpress theme | Michael Tyson
• Gravel v1.3 ≪ Things @ noonnoo
• Wordpress Theme ModernOak | Dr. Web Magazin
• Free Wordpress Theme: WP Black Ink Grunge – Blog Forum – Bloggeries

“Elegant Grunge” は画像の表示のテクニックが美しく、真似できないかと思いましたが私には相当手間がかかりそうでしたので諦めました。”Cellar Heat”もかなり個性的なテーマで、使い方によってははまりそうです。

アイコン

SCRUFFYはgrunge系のデザイン⁽²⁾だと思うのですが、アイコンは普通の「きれいな」物を使っていたのでこちらもグランジ風味にしてみました。
加工OKでフリーのものがなく、探すのになかなか苦労しましたが、Grunge Icons ~ Icons Etc.で解決しました。投稿前の日時やカテゴリーを示すアイコン、検索ボックスの虫眼鏡のアイコンのほか、コメント欄背景の子どもの画像ももともとはこちらから頂いたものです。

統計

長らくPopularity Contestを使っていたのですが、人気ランキングが出るだけでカウンター的機能はあまり豊富ではないためFirestatsに乗り換えました。導入にはFireStats plugin ≪ Rif.3rdを参考にさせていただきました。FireStatsInstallerを利用しましたが、Installerの解説がいまいち分かりにくかったため、普通にDLしてアップのほうが速かったかもしれません。ただ「このページの表示回数」のカウントを表示させる方法が分からないのでいずれまた乗り換えるかも……。

プラグイン

関連投稿表示プラグイン

これまで関連エントリの表示にはプラグインSimple Tagの機能（エントリごとのタグを手がかりに関連投稿を生成してくれるもの）を利用していましたが、Yahoo! Japanの日本語形態素解析APIを使ったWordPress Related Post for Japaneseの利用を始めてみました。ページごとに解析した内容のテーブルを作って比較し順位を生成するのですが、一般的な語は順位算出に反映させないようにすることもでき、精度は高いようです。
実装時には作者のひろまささんのサンプルコードを参照させていただきました。

Sociable

ソーシャルニュースサイトや共有サイト、ブックマークサイトに投稿するボタンを設置できるプラグインSociableを追加しました（投稿下部に並んでいるボタン類を表示させるものです）。ただ海外のプラグインなので、はてなブックマークやLivedoor Clipなど日本のソーシャルサービスには対応しておらず、sociable.phpに手書きで以下を追加しました（画像名は適当に変更する必要あり）。
—-

	'HatenaBookmark' => Array(
		'favicon' => 'HB16.png',
		'url' => 'http://b.hatena.ne.jp/append?PERMALINK',
	),

	'LivedoorClip' => Array(
		'favicon' => 'LD16w.gif',
		'url' => 'http://clip.livedoor.com/redirect?link=PERMALINK&title=TITLE',
	),

	'Buzzurl' => Array(
		'favicon' => 'Buzzurl.gif',
		'url' => 'http://buzzurl.jp/config/add/confirm?url=PERMALINK',
	),

	'Yahoo! BookmarksJP' => Array(
		'favicon' => 'ybm16.gif',
		'url' => 'http://bookmarks.yahoo.co.jp/action/bookmark?t=TITLE - BLOGNAME&u=PERMALINK',(表記間違いにつき修正)
　　　　　　　'http://bookmarks.yahoo.co.jp/action/bookmark?t=TITLE%20-%20BLOGNAME&u=PERMALINK',
	),

	'Choix' => Array(
		'favicon' => 'choix.gif',
		'url' => 'http://www.choix.jp/bloglink/PERMALINK',
	),

—-

追記: 日本のソーシャル系サービスに特化したプラグインSociable JA(ne-designさん作）が存在することを後で発見しました。便利ですね。

はてブコメント表示プラグイン

をかもとさんが作られたHatena bookmark anywhereを追加してみました。デザインははてなのデフォルトに近い形だと合わないので、もとのJavaScriptを書かれたmasuidriveさんのエントリを元にカスタマイズしました。

outbrain

「コメントするまでもないんだけど、軽く感想を残しておきたい」という声にお答えして（？）、簡単に投稿を5段階評価できるoutbrainを追加しました。WordPressだとプラグインが用意されているので簡単に追加できます。1点のときの「不快・・・」という言葉が心に刺さります。（笑）

WP-Offload

画像等の静的なファイルの呼び出しに対する負荷をSteadyOffloadというサービスを使って軽減してくれるプラグイン。実際体感的にも速くなっている気がします。WordPressの場合、WP-Offloadというプラグインを入れて設定すると自動で画像等のキャッシュを始めてくれるようです。負荷軽減のために二つのサーバを走らせるような手間も要らず、画像のホスティングサービスにいちいちアップする面倒も要らず、CDNのように莫大な投資をしなくても済むという便利なサービスです。
“Every new subscriber obtains 5 GB of free bandwidth to evaluate the service!”とあり、5GB分の転送権が無料でついてきます。PayPalでの購入画面もあり、現在だと30Credit（=30GB分の転送量に換算可）で$13.82のようです。

Feedcount

Feedburnerの購読数をカウントして表示してくれるプラグイン。原作者のページに加え、FeedburnerがGoogleに統合されたのでfeedのURIが変わったこと（私の場合はfeedburner.jpドメインからhttp://feeds2.feedburner.com/OXeinAngelleinのように変わりました）に対応したfix版を利用しています。サイドバーに出しているのですが、よく購読人数の取得に失敗するのか、「N/A」の表示になっています。

AJAX Comment Preview

投稿前にコメントの見た目を確認できるプラグイン。地味に便利かもしれないので導入してみました。

Global Translator

翻訳サービスを選び、翻訳ボタンを追加できるプラグイン（作者ページ）。なにかの役に立つこともあるかと思い、導入しています。

----

1. 純粋に見た目だけで選んだので意味は考えなかったのですが、scruffyとは「だらしない」「みすぼらしい」という意味のようです。 [戻る]
2. 英単語grungeの元々の意味は「汚いもの、ごみくず」。デザインのスタイルを指して使われる場合、グランジ風デザインの特徴はThe Secrets Of Grunge Design | Design Showcase | Smashing Magazineをご参照ください。 [戻る]

----