MovableTypeをおしゃれにカスタマイズ♪

ブログはだいたい2カラムか3カラムでメインに最新記事が表示されていますね。
でも、私はこのデザインにこだわらなくてもいいと思ってます。
1カラムでも、タイトルの下に1カラムにしてその下を2カラムに分割とか、
自分の作りたいサイトのイメージを決めて、それから表示させたいところに表示できるように
HTMLとMTのタグを記述していけば、いわゆるブログらしくないサイトを作ることができます。

漠然とおしゃれなサイトを作ると思ってもなかなかレイアウトが浮かばないものです。
企業とかプロが作ったサイトで自分がステキ！こんな風にしたい！
と思うレイアウトを見本にするのもひとつです。

ページのレイアウトがどうなっているのかこのツールを使えばわかります。
「Table部分を表示 」を使えばテーブルが使われている部分がわかるし、
「DIV部分を表示 」を使えばDIVで囲まれているブロックがわかります。
ほかにも「DIVにclassが定義されているものだけを表示」や「DIVのid部を表示」なんかも
スタイルシートがどんなふうに指定されているかを調べるのに役立ちます。

　bookmarklet

これからこのサイトをどんどん変化させていこうと思ってますが、
実際の見本があったほうが説明しやすいので、
私がMTで運営しているサイトを見本にカスタマイズを進めて行こうと思います。
下のふたつともだいたいデザインは一緒です。

見本のサイトその１
見本のサイトその２