何気なく利用している「Yahoo! Japan」ですが、テンプレートやスタイルシート（css）の面からデザイン見本として眺めてみると洗練された新たな方向性に驚きを感じさせてくれます。

Yahoo! Japan（以後Yahoo略）のトップページは、インターネットの歴史みたいなもので、htmlで書かれた初期のサイトから最新のCMSで作られる現在のサイト（予想です）まで少しずつ変化を遂げてきました。
最新のトップページに変わったのは２００８年の１月だったでしょうか（それ以前からテスト利用はされていましたけど）。
ログインやメールリンクの位置が変わって使いづらさを感じていましたが、今ではすっかり馴染んでいます。

そのYahooのトップページのレイアウトを改めて眺めると、一般的なスタイルを超越したデザインセンスに感動を覚えます。
今でこそ３カラムで中・右を大きく取ったサイトやブログが増えていますが、テストを開始した１年半前なら３カラムであってもホームページ的なデザインが多く見受けられた時期です。
特にYahooの場合は中央のカラムもウィジェット化されていることがポイントでしょう。
広告収入が主となるポータルサイトでは、広告バナーの挿入位置が重要であり、状況に応じた変更の必要性から現在のスタイルになったのと思われますが、１年半も前に実装していたと考えたなら驚きを隠せません。

空き時間と土日を利用してyahoo風のテンプレートを作成してみました。
参考 http://platinumcolor.net/mtos/ya_custom/
＊無料テンプレートとして配布したいと考えていますので少々お待ちください。

配布テンプレート用にカスタマイズしながらいろいろ考察してみたのですが、Yahooのトップページと現在主流のデザインで大きく異なる点はトップヘッダー部分に配置されたリンク用のアイコンです。
ロゴマークの左右に配置された６個のアイコン型リンクですが、同様のデザインを用いた海外のYahooでは利用されていません。
日本オリジナルなのでしょうか。
デザイン的にどうなのかや、手本にしたいかどうかはともかく、利用者視点で見れば使いやすい配置です。

その他のデザインは一般的と言えますが、過去のデザインと考えれば先進的かつ素晴らしい発想です。
もちろん、メインのカラムをウィジェット化する必要性はあまりないものの、商用ホームページやアフィリエイトをされている方は利便性の良さを実感するでしょう。
デザインと言うより熟れに近いのですが、Yahooのテンプレートにアフィリエイトバナーを貼っても違和感がありません。
どんなジャンルでも、どんなに派手でも、ごく自然な感じがします・・。
ウィジェットブロックとして仕切られていれば、アフィリエイトバーナー特有の目障りさが軽減されるのでしょうか。
ゴチャゴチャと貼り付けた方がyahooぽくなることに驚きました。

カスタマイズ視点でYahooを見れば、メインカラムのタブ切り替えが困難でした。
配布用に作成しているテンプレートはMovableTypeOSを用いていますが、MovableTypeにはカテゴリIDで一覧表示させるタグが無いことと、再読み込み無しで表示を切り替えるにはJavaを使う必要があることなど、一般利用では高性能なMTも高機能な業務用CMSと比べればかなり劣っています。
WordPressならカテゴリ表示がIDですし、phpなので、もっと近い動きができたかもしれませんね。
熟れてる分だけMTの方が使いやすいもので・・。

まとめとしては、一流企業のデザイナーは流石だなと感じたひとときでした。
物まねデザインでカスタマイズすることに批判的な方もいらっしゃると思いますが、自分には無いセンスを学ぶためにも良い学習方法だと思っています。
言うなれば模写でしょうか。
当スタジオとしてもポータルサイトの作成代行を行っていきたいと考えているため、代表格でもあるYahooは最上の手本です。
またまだ未完成ですがYahoo風テンプレートにカスタマイズして学べた事も数多くあるでしょう。
利用者として使っていると何も感じないサイトも、カスタマイズの手本にしてみると新たな発見があるかもしれません。

WordPressを初めて扱ったときは衝撃をうけたほど素晴らしいソフトウェアでした。
先進的で操作性も良く高機能と、まさに言うこと無しです。

ただ、無料ブログサービスを利用している方が、いきなりWordPressでサイトを作成しようとしても、壁のように立ちはだかる難易度かもしれませんね。
サーバーへのインストールや設定は、ほぼ自動で行われるので恐れることはありませんが、それぞれの機能を理解しながら少しずつ覚えていくしかないでしょう。
スタイルシート（CSS）やテーマ・ウィジェットの選択と操作法はMovableTypeと同じなので戸惑うこともありません。
極端に言えばlivedoorブログとたいして変わりありません。
しかし、WordPressにしてもMovableTypeにしても、テーマ選択の関係でスタイルシート（CSS）から実際に利用するスタイルシートを呼び出すようになっていたり、共通スタイルの記載されたスタイルシートとは別に個別の設定が記載されスタイルシートがあったりと、やや複雑になっています。

当スタジオのホームページである「Platinum color 涼優彩色」では、WordPressとテーマに「wp.Vicuna Ext」を利用させて頂いてます。
WordPressはともかくwp.Vicuna Extは、少し熟れてから利用した方が良いかもしれません・・。
最初はどこに何のスタイルが記載されているか解らずに苦労した覚えがあります。
もちろん、wp.Vicunaのサイトに親切丁寧詳しい解説がなされているので目を通せば十分解るのですが、初めてWordPressに触れる方がチャレンジするにはハードな道だと思います。

しかし、ハードな道のりも楽しみながら歩けば楽しい散歩です。
私はMovableTypeの３．３からWordPressを触って、複雑に分かれたスタイルシートに悩みつつもどうにか対応できましたから。
それでも２日間くらいは、MovableTypeに戻りたいと嘆きつつカスタマイズ作業を進めたことを覚えています。

カスタマイズの基本はWordPressもMovableTypeも、他の無料ブログサービスも同じで、HTML（PHP）の要素とスタイルシートを眺めながら数値を調整したり追加したりして目的のイメージに近づけます。
WordPressと無料ブログサービスの違いは、表現の幅が広がることと広告が入らないことくらいですから。
・・メンテで止まるとか、知らない間に改良（改悪）されて使い辛くならないことも。

無料ブログサービスも安定してるし、「無料」ですし、スタイルシート（CSS）に対応しているならカスタマイズできるのでオススメですが、新しいことにチャレンジしたくなったならWordPressでブログやビジネスホームページを作成してみてください。
もちろん手に負えなくなったなら、当スタジオへのご依頼をお待ちしています。

livedoorのブログは、自由度の高いカスタマイズと大容量のデータ領域、高い負荷にも耐える転送能力が魅力のブログサービスです。
いろいろあって悪い印象を持っている方もいるかもしれませんが、話題性でブログの価値を高めたlivedoorだけに、秘めた能力は国内トップクラス。
再構築を必要とする仕様や全体的な使い勝手に古さを感じさせるものの、ブログカスタマイズ性の高さは老舗故の恩恵かもしれません。

例えば、fc2ブログのようにhtmlが一つのブログは、トップ画面もカテゴリ画面も一つのhtmlから出力します。
＊タグで制御することはできます。
livedoorは、トップページ・カテゴリページ・個別ページ・月刊アーカイブと、それぞれ別のhtmlが用意されているため、ページ内容によってカスタマイズするには好都合です。
もちろん、htmlが多い分だけ手間は掛かりますが、表現の幅が広がるため商用ホームページに利用するならlivedoorの方がお奨めと言えます。

また、livedoorのブログカスタマイズは「Movable Type」や「WordPress」などのCMSを使ったブログへとステップアップするための予習としてもお奨めです。
livedoorのブログは、Ver３．ＸのMovable Typeとソックリ・・。
４．ＸやMTOSになって若干仕様が変わったもののlivedoorブログでカスタマイズを学べば、十分に対応できるレベルへと成長できます。
ブログカスタマイズを本格的に学ぶなら、まずはlivedoorのブログにチャレンジしてみてください。

livedoorのブログのカスタマイズは、「カスタマイズ/管理」の「デザインのカスタマイズ」から行います。
＊新管理画面ならば「ブログの設定」－「デザイン」の「カスタマイズ」です。
「スタイルシート（CSS）」が全体のデザインを制御して、トップページや個別機次ページなどのhtmlが表示内容を決めています。
目的の記述を探し、変更を加え、「プレビュー」にて確認してください。

プレビューに関してはfc2の方が使いやすく、正しい表示で確認することができます。
livedoorのブログのプレビューは簡易確認用であり、再構築しないと確認できないため、カスタマイズ効率は落ちますね。
ただ、Movable Typeはもっと手間が掛かると思えば、苦になりませんよ。

まとめ：livedoorのブログはカスタマイズの練習に最適なブログサービス。
少しずつ学んでいずれはMovable TypeやWordPressにチャレンジ。
もちろん、高い能力を持つ無料ブログとして使い続けてもＯＫな優等生ブログービスです。

fc2ブログは、「カスタマイズのしやすさ」と「サブドメインの標準利用」、「豊富なサーバ」が魅力のブログサービス。
中でもブログカスタマイズを行う立場から見れば、作業効率の良いブログとして高評価です。

fc2ブログは、再構築無しでカスタマイズ結果が反映されるため、少し弄って表示で確かめ、修正して再確認と作業がとてもスムーズに進められます。
初めてカスタマイズにチャレンジされる方でも、恐れることなくスタイルシート（CSS）を弄る事ができるのでお奨めなブログサービスと言えるでしょう。

カスタマイズ初心者は、迂闊にスタイルシートを変更して、元に戻せなくなるのが怖いと思っている方も多いと思います。
FC2ブログなら「プレビュー」して確かめ、表示が壊れてなければ保存して完了と、安全にカスタマイズ作業を進めていくことができるので安心。
それでも不安が残るなら、あらかじめHTMLとスタイルシートをメモ帳で保存しておけば良いでしょう。
もしもの時にはテンプレートをダウンロードし直すこともできますからさらに安心ですね。

FC2のカスタマイズは「環境設定」の「テンプレートの設定 」から行います。
新たな表示項目の追加や表示を消すなら「HTML」を編集します。
ブログの色合いや、サイズの変更等は「スタイルシート」を編集します。
最初はどこを弄れば良いのか見当も付きませんが、多くのテンプレートにはコメント（/* ○○○○○ */）で大まかな役割が記載されていますので、落ち着いて目を通して行けば何となくですが判るようになるでしょう。

FC2ブログに限ったことではありませんが、ブラウザに表示されたHTMLやスタイルシートを読むのではなく、エディターなどにコピーしたうえでカスタマイズ（検索・編集）を行う方が効率は上がります。
特に初めて見るスタイルシートの場合は、どこに何が書かれているのか解らないためエディターを使うようにしましょう。

まとめ：FC2ブログのカスタマイズは恐れずにチャレンジすることが大切。
安全に作業ができるのでカスタマイズ初心者の方にもお奨めなブログです。