MovableTypeの体裁を色々変更 - 今どきのホームページの作り方

今日はこのサイトの見た目とHTMLソースの一部変更をしました。見た目はスタイルシート、ソースはテンプレートの中身を一部書き換えることで行いました。

スタイルシートの変更は都度スタイルシートをアップロードしていると時間がかかるので、ホームページ作成ソフトDreamWeaverにトップページのHTMLファイル（index.html）とスタイルシートをダウンロードしてPC上で修正していきました。

それでもdivが何段にも重なり、idやclassといったものが山ほどあるのでかなりの時間を要しました。

MovableType4.2のカスタマイズを行う上でidやclassがどこを囲っているのかなどが懇切丁寧に書いてある「基本からしっかりわかるMovableType4.2カスタマイズブック」という本があります。カスタマイズするときに辞書代わりに置いておくと大変助かります。

HTMLソースの変更はweb上で行いました。多くの変更はしていないので、こちらは1時間程度で終わりました。まあ、お呪いのような変更ですので詳細は割愛します。ただ、HTML5に対応...しているかわかりませんが、HTMLファイルの最初のほうの宣言文は全頁それ用に変更しています。HTML5対応といっても、文字コード（UTF-8）と言語（jaつまり日本語）だけ書いておけばよいので従来よりわかりやすくなっています。

あとはタイトルバックをオリジナルに変更して、タイトルの文字列がh1タグだったものを最上段に移動して、タイトルのロゴを作ってHOMEボタンの代わりにさせました。

まだバランスが悪い部分も多々あるため、もう少し改良する予定です。改良した各テンプレートは新たにMTOSのサイトを作るときに、ほぼそのまま使えるため、ここで時間を割いておくことが意外と大切です。また全頁で同じ体裁になるようにするためにも、しっかりと修正します。

今日は日差しも強く、夏らしい雲が出ていました。