もっとシンプルに!


 昨日トラックバック・ピープル で知った100%personal さんのこのエントリ を見て、「うーん、やっぱりシンプルに見せるというのはいいなぁ」と思ってしまった。そこでmojoのBlogも大掃除をかねて、少し余分な服を脱ぎ去ってみた。

 サイトの玄関となるBlogpageは、どうしてもゴチャゴチャしがちである。とりあえずこのBlogの情報をトップページで見せておきたいから、つい掲載アイテムが多くなってしまう。本当はもっとスマートに、コンクさん のこういうページデザインとか、Pirosy さん(しばらくはこっち? )のスッキリしたデザインが憧れなのだが、なかなか真似出来ない。(ホントは真似してみたけど、ひどいページになったので公開してないw)

 さて、デザイン力がないので、いよいよ人真似である。まずはその昔やっていカテゴリページをタイトルだけにしちゃおう作戦。これはかつて挑戦して実践していたのだが、テンプレートをカスタマイズしている間にやったことが消えてしまい、面倒くさくてそのままにしていた。

 当時教えてくれたのはJ's Garage さん。エントリは「カテゴリーページをタイトルだけにしました 」。これを参考にテンプレートをちょちょいといじれば(mojoレベルだとちょちょいではないのだが…)あら不思議、カテゴリページがタイトルだけになってスッキリ!

 あっ、ひとつだけ注意。そのままコピペすると上手くいきません。<が全角になっていることと、最後の</ForEachEntry>の前に</div>を入れないとダメです。

 で、どうせなのでサイドバーの項目も全部外しちゃって、トップへつながるクイックリンクと上部に取り付けたカテゴリ別のリンンクだけ残して、シンプルフェイスにした。本当はもうちょっとデザインをいじりたいのだが、それはおいおいやっていくことにして、まずはシンプル化を進めようと決めた。

 次はエントリページの減量作戦。ここもカテゴリページと同じように、テンプレートからゴソッとコードを取り除いた。もちろんサイドバーもなくしてしまう。これでエントリだけをじっくりと読むことが出来る。もともとエントリページは、クリックした時点で「よし、このエントリを読んでみよう」と思っているわけで、だったら“読みやすい”ページにしておくのがいいと思う。もちろん、これだけでは読みやすいとは言い切れず、まだまだ細かい修正が必要だろう。

 そして最後に前後のリンクをまともにしておいた。ずっと狂っていたからね。たぶん大丈夫だと思う。参考にしたのは、当然OKAMURAさん の「もっと「前後のエントリ」を 」というエントリ。iBlogの前後のエントリにマウスオーバーでタイトル名を表示してくれるようになる。すでに取り付けている人も多いので、見たことがあるだろう。これがあれば、ページをシンプル化してもリンクしてくれるので大丈夫。

 へへへ、iBlogFan にトラバするエントリが出来たぜ。あっ、ちなみにバナーはmojoが適当に作ったものなので、「オラオラ〜、こっちのがええどー」っていうカッチョいいバナーを作った人はmojoに言って下さい。あっさり取り換えます。それが不評の場合は、また次のバナーにしちゃいます(笑)


Posted at:2004年08月25日 (Wed)at 04:36 午後