すでに何度も書いておりますが、このブログは現在Wordpressで作っております。MTから移行して以来、カスタマイズの手軽さにとにかく驚かされっぱなしです。中でもプラグインの導入のしやすさにはすばらしいものがあります。（殆どのものがpluginフォルダに入れて管理画面で有効化するだけで利用可能）

ですが、調子にのって色々入れていると（特に酒をのみながら遊んでいると）、Firefoxのaddonと同じく「これ、何に使うプラグインだっけ？」と訳がわからなくなりがちです。

プラグインをインストールする度にエントリーで内容を記録はしていますが、何かのときにイチイチ探すのも面倒くさい。本日ブログの整理をしたことですし、ここらで一発、うちで利用しているプラグインをまとめておきましょう。（WordPress2.7で標準インストールされているものは除きます。）

All in One SEO Pack

エントリーのタイトルや、description、keywordsといったmetaタグ情報を細かく設定できるプラグイン。検索エンジンからのブログの見た目を最適化してくれます。

Cryptographp

コメントスパム対策。登録フォームなんかでよくある、画像で書かれた数字や文字を入力させるためのプラグイン。

よく見かける機能ですが、正式にはCAPTCHAという名前の機能だそうです。こういう、よく見るけれどいざ導入しようとした時に、何てキーワードで検索したらよいか判らない機能って探すの大変です。

Ktai Style

導入するだけでケータイ（しかも3キャリア対応らしい）での表示を最適化してくれるプラグイン。

どれだけの人が携帯から見てくれているか判りませんが、より多くの人がサイトを見ることができるようになります。

ってか、外から見たくなるようなコンテンツ（カフェ情報とか飯屋情報）を充実させないとね。

Litebox Plugin

画像をクリックすると画面上でオーバーレイ表示する、いわゆるLitebox表示をするためのプラグイン。

Litebox表示をするためのプラグインは色々あるのですがシンプルなこちらをえらびました。導入時のエントリーはこちら

だがしかし、最近は写真はFlickrに掲載しているのであまり使わなくなりました。

Twitter Tools

エントリーの隣の「Twitterでのつぶやき」を表示しているプラグインです。

ブログ上にTwitterでの発言を表示したり、管理者であればブログの管理画面やブログ上からTwitterに発言を投稿することができるようになります。

英語版ですが設定はそれほど複雑ではないので大丈夫かと。日本語化ツールも配布されています。作ってくれた方ありがとうございます。

色んなサイトの情報が知れるので便利ですよ。Twitter

Ultimate Google Analytics

アクセス解析ツールGoogleAnalyticsの設定をWordPressの管理画面上から行えます。

通常GoogleAnalyticsはすべてのページにコードを入れなければいけないのですが、これなら管理画面上で、一回コードを入力するだけ。

さらに、自分のアクセスをカウントしないように設定できたりします。

Wordpress Media Flickr

エントリー内でFlickrの写真を貼り付けることができます。これを入れておけば、イチイチFlickrを開いて、コードを取得して・・・という手間がなくなります。

こちらのプラグインについては、こちらのブログで詳細な情報が掲載されています。

WordPress Related Post for Japanese

ブログのエントリーの下に表示される「このブログで関連すると思われる他の投稿」を表示するプラグインです。

動作させるためにはphp5が必要になるため、ハッスルサーバーではhtaccessファイルをいじる必要がありました。（一行書いただけですが。）

またYahoo! JAPAN Webサービスの技術を利用するため、IDを取得する必要もあります。（これも簡単。）

WP-PageNavi

ページの下部にGoogleの検索結果のように、ページナンバーを表示するためのプラグイン。ページをめくるように、新しいエントリーから古いエントリーまでサクサク表示できるようになります。

wp.Vicuna Ext.

このブログのデザインを実現しているプラグイン。外見上のデザインだけでなく生成されるHTMLの構造自体もキレイで、表示も速いらしい。

くわしくはコチラ。

Vicuna Adaptor

上記のVicunaのプラグイン的なもの。これを入れると文字の拡大縮小機能、エントリーへのスターマーク付与機能などを一度に実装できる。

とっても美味しいプラグインです。特に文字の拡大縮小機能は、読む人目線で是非入れておきたい機能です。

とりあえず今入れているのはこれくらい。

WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる! 吉村 正春 by G-Tools

（書きたいことは色々あったんですけど、作業途中で別のエントリーを書いてしまうと、中途半端な状態のままデザイン放置しそうだったので・・・）

PCからご覧の方々は既に二三日前から見た目がガラリと変わったことにお気づきかと思いますが、今日やっとサイドバーのウィジェットとCSSの調整が完了。

念願の左側メインカラムと右寄せ２サブカラムの3カラムデザインを実現しました。

いやー。中央メインコンテンツのいわゆるブログデザインもいいけど、ナウでヤングなWebサイトで多用される、Fパターン視点移動に最適化されたこのレイアウトに前々からあこがれてたんですよね。個人的に大満足です。

前のデザインもそれなりに良かったのですが、レイアウトが気に入らなかったのと、文字の大きさがちょっと小さく思えたり、変なところが英語だったりと、チマチマと気に入らない部分がありましたので・・・

さて、忘れないように、そして誰かの役にたつかもしれないので、簡単な作業レポートをしてみます。

wp.Vicuna.Extをダウンロード＆テストサイトを用意

今回はデザイン変更にあたり、idea×ideaさんのエントリーを参考に、wp.Vicuna.Extというテーマプラグインを利用することにしました。

加えてデザインテスト用に、このサイトでも使っていて、10日間無料レンタル可能なハッスルサーバーで新たにテストサイトを立ち上げました。

今のサイトで色々やっても良かったのですが、デザイン変更作業中は見た目が激しくグチャグチャになったり表示されなくなったり、最悪失敗することも考えられましたので、念のため。（それに10日間のタイムリミットのおかげで作業にも張りがでます。）

テストサイトにワードプレスを入れて、wp.Vicuna.Extをインストールしたら、レイアウトやパンくずリストなど基本的な設定を済ませます。

インストールさえ完了してしまえば、基本設定は管理画面上からサクサクできてしまうので相当便利です。

メインスペースを拡張。500pxから600pxに変更

レイアウトの変更自体はかなり簡単だったのですが、ここで一つ問題が。メインスペースの幅が若干狭く500pxしかございません。

それだけあれば十分かもしれませんが、写真を載せたり、長めの記事を書くには若干せせこましい。

そこで、メインスペースを100px広げて600pxとしました。

あわせてヘッダーの背景画像も1000px版を作成。今回は相当シンプルにつくりました。そのうちサイトのデザインの方向性が決まったらまた変えるかも。

Firebugを使いながらCSSを最適化

この辺はidea×ideaさんのエントリーと同じで、Firebugを見ながら、スタイルシートをカリカリといじります。めんどくさいけどサイトが徐々にキレイになっていくのは気持ちがいいですわ。

全体的にはWeb2.0チックなうっすらさっぱりなデザインテイスト、モノトーンでまとめましたが、あまりに薄すぎても読みづらいので、文字は大きめ、テキストの色は濃い目として、さし色にオレンジを加えました。（idea×ideaさんの色使いを参考に・・・）

テーマカラーの候補にはブルー、グリーンも考えましたが無難にモノトーンに。（服もそうだけど、色で冒険できません。モノトーンな風景。）

全体的な設定が完了して、あとは細かな部分の調整だけとなったらテストサイトでの作業は終了です。

本サイトに適用してプラグインの類を調整

本番サイトにもwp.Vicuna.Extをインストールし、テストサイトの内容をコピーします。

その後、本番サイト独自のプラグインの設定やらサイドバーの設定やらを調整しました。

本当はテストサイトで本番と同じプラグイン実装して調整すればよかったのですが、めんどくさかったので・・・。

リニューアル完了と新プラグインの実装

以上でデザイン変更は完了です。ついでに新しいプラグインを実装しました。

プロフィール表示にiddyを利用

これまでabout meを使ってましたが、若干デザインが浮いていたのと、他のサービスとの連携の面で難があったので、今回はiddyを利用しました。

iddyならデザインもわりといじりやすく、flickrやyoutubeとの連携ができたり、マイページ自体も色々いじれたりするので、今回導入してみました。

Flickrブログパーツを導入

いままで撮った写真をランダム表示するブログパーツです。見た目殺風景になりがちな個人ブログにはいいアクセントです。

そんなこんなでブログのデザイン変更は一旦完了です。

さて！エントリーガシガシ書くぞ！！

機能を実現するためのプラグインにはいくつか種類があったのですが、今回はWordPress Related Post for Japaneseというものを導入してみました。

当初はSimilar Postsという有名なプラグインを使おうとしたのですが、なぜだかうまいこと関連記事が表示されませんでした。

今回導入したWordPress Related Post for Japaneseはyahooが開発した技術と連動しているそうで、閲覧者のサイト内行動をもとに関連記事リストを生成るすらしい。すばらしい。かしこい。

さて、これでやっと、モバイル対応、twitter対応、プロフィール表示、ページ番号表示にFlickr対応、さらに関連記事表示と欲しかった機能を１００パーセント実装完了できました。

おかげで見た目がかなりツギハギチックに・・・

今週はじっくりデザイン変更するよー。

おとといぐらいからブログの一番下に、グーグルの検索結果表示のようにページ番号を表示するようにしました。

利用したのはWP-PageNaviというプラグイン。他のプラグイン同様に指定のフォルダにインストールして、管理画面側で有効化すればそれだけでＯＫ！

ちょっとデザインがマッチしていませんが、前々からこういう風に表示がしたかったので個人的には気分すっきり。見た目は後から少しずついじるのでそれほど問題ではないです。どうせ今からデザインいじろうと思ってますので。

これでブログの最初のエントリーから、最新のエントリーまで、ざーっとページを流し読みできるようになりました。（誰もそんなことしないと思いますが。）ぺらぺらとめくる感覚でサイトを閲覧できるので、ずっと実装したかったんですよね。これ。それにしてもあと二ヶ月チョいで、こっちに引っ越してきてから１年ですか・・早いもんです。

あとは、エントリーごとに関連する別のエントリーへのリンクをつけるプラグインを見つければ、ブログの機能面では１００パーセント満足ね。

さて、デザインいじろう。テイストは別として、こんな感じの左カラム主体の３カラム構成のページにあこがれてます。

いいですね。twitter。僕は本来記事にもならないようなツブヤキを浮かんだ瞬間に書きたくなるクセがあるので、そういう衝動をぶつけるのにはうってつけのツールです。

ブログと一緒にやっていると自分の中でエントリーの住み分けが出来てとても快適なのですよ。

twitter上ではブログエントリーほどにはまとめられない思いつきや、いつかはまとめたいけど時間がないこと、速報的な情報や、本当にただのつぶやきなどを書きなぐり、ブログのほうではある程度まとまった、記事を書く。

ブログにtwitterを表示するためのプラグインtwitter toolsはただ単にブログ上にtwitterを表示できるだけでなく、オーナーならば自分のブログ上からもtwitterに投稿できるのです。しかも、プラグインインストール後に設定画面でtwitterのアクセス情報を設定しておけば、ブログにログインすると同時にtwitterにもオートログインされるので、地味に便利です。

なんでもやってみるもんですな。

三連休の二日目、いかがお過ごしですか？

私は真昼間から自分の携帯電話の料金プランについて、コーヒー飲みながら悶々としております。

現在利用しているのはＡＵの無料通話１４４分付きプランＭというサービス。多少ばらつきはあるものの、平均すると月額6～７０００円。

そんなに話しているつもりないんだけど・・。というかプライベートで電話する宛もないのに（通話履歴に先々月のが残るくらい）年間にすると7万円ちょいも取られているのね。携帯電話って恐ろしい。

しかしワンランク下のプランＳにしたところで、基本料金1000円程度しか変わらない上に、無料通話の時間は60分程度と半減。お得感がないわけですね。

しばらく様子見て、もはや全く使わないようなら、いっそのことＡＵやめてガジェットとして色々遊べるＥモバイルのスマートフォンに変えてしまおうか・・・？

でも、10年ちかく使っているので長期割引を考えるとなかなか捨てられない。うーん・・・悩ましい。

というわけで悶々。

まぁ使わないんだけどね。

そうそう、ついこの間、Ktai Styleというプラグインを入れて、ケータイからもブログ閲覧ができるようにしました。

インストールの際、利用しているハッスルサーバーのPHPバージョンが5じゃなかったので一瞬あせったけど、これは.htaccessファイルをちょっといじっただけで解決。

ケータイ版はこちらから

基本的にWordPressはプラグインのインストールが相当楽です。ツールとして、「ブログを書く」以外のストレスが最小限であるという点は非常に評価できます。今度はコメント投稿に画像認証を加えて、俺の承認がなくても即時にコメントが反映されるようにしようとおもいます。

昔仕事でサイトにJavascript埋め込んでやったことあったけどwordpressのプラグインでやるのは初めて。

しかも同じlightboxでも色々と種類が出ていてどれを入れたらいいのか良くわからないことに・・・。

まず一番シンプルそうなLightbox 2 Wordpress Pluginというやつを入れてみました。

が！！　この記事を書いている途中で、「ぐいーん」の仕方がむかついたので別のものにチェンジ！

というわけで導入したのが Litebox Plugin

ぐいーんと出る感じが気持ちいい。

が！今度は画像を表示するときのLoad画像とCloseボタンが表示されない！！

ううむ・・・調べてみるとwordpressをインストールしているディレクトリによっては、litebox-1.0.jsの内容を書き換えないといけないらしく、手間取る。

うちの場合、litebox-1.0.jsの画像のパスの前にワードプレスのディレクトリ名を入れて、やっとこさ表示されました。

いい感じ。実家の猫元気かしら？引っ越してから一度しか帰ってません。

正月もなんか帰る気しないしなぁ・・・。