ブログ 作成 MovableTypeブログ作成カスタマイズ

MovableTypeを新しいサーバーに入れて、カスタマイズしながら、新しいで新ブログの土台作りして、どんなカスタマイズをしてきたかを作成しながら思い出して、記録していこうと思ってます。

スタイルシートや各ページのHTMLのカスタマイズ。

MovableTypeの初期状態のスタイルシートやテンプレートって、とっても味気ない。

それで、スタイルシートをいじったり、テンプレートをいじったりするわけです。

カスタマイズしないと、とっても味気ないものになってしまうのですね。
最初にそのまま、設定画面の設定だけしてブログを書き始めてみるとわかります。

まあ、そんなにこったデザインやなんかをするつもりはないし、こったデザインをするセンスもありませんから、少し手をいれるぐらいのものなんですが。

環境設定の、テンプレート画面にテンプレートが並んでいる。

だいたいカスタマイズするのは、インデックスにあるスタイルシートと、メインページ。

それと、アーカイブにある、エントリーとカテゴリーぐらいかな？

最初は見よう見真似でカスタマイズ。色やデザインは基本的にはスタイルシートで設定。

背景全体の色を変えるのは？ヘッダーの画像を変える？
サイドバーのタイトルの看板を変えるのは？
記事の背景は？とか、いろいろあったわけですが、これはあまりに細かくて、MovableTypeの話というよりも、スタイルシート（CSS)と、HTMLの話になってくるので、それはそういうことを説明している本や人たちに譲りましょう。そういう本はいろいろいっぱい売ってます。

ライブドアとかシーサーとかアメーバとかいろんな会社の提供しているブログのデザインは、スタイルシートもHTMLも出来合いのきれいなデザインのがあるわけですけれど。

それもいいけど、自分でやって、さらに機能拡張も自分でやっていくのもおもしろい。デザインはダサいかもしれないけれど。

ところで、最初はMTの設定画面からスタイルシートやテンプレートをいじっていたのですが、自分のブログでは、ここにはこれを置いておきたいとか、こっちにはあれを貼っておきたいとか、はじめっから入っていてくれればいいのにってのがでてきました。

ブログを何個か作成するうちに。

これができるんですね。MTでは、サーバーにおいてあるファイルを最初っから、そういった変更が入ったテンプレートにしておけばいいんです。

mtが置いてあるディレクトリにdefault_templateというディレクトリがあります。主なテンプレートはここに入っています。

mt/default_template

スタイルシートは、stylesheet.tmpl
ブログのトップページ　いわゆるメインページは　main_index.tmpl
これがブログを再構築したあとにできるindex.htmlの素になる。

記事ページはエントリーというテンプレートですが　individual_entry_archive.tmpl

カテゴリーページは　category_archive.tmpl

初期状態だと、metaの設定も入っていないので、Keywordとか、descriptionは入れておかないとね。
というわけで、

ぐらいは最初っから入れておけばいい。

グーグルのサイトマップつかっている人は、同じドメインのブログなら、やっぱりグーグル指定のmeta文をここで最初っからいれておけば、いちいちブログごとに入れる作業しなくて済む。

moduleやwidgetsを使うようになる場合にも、この大元のファイルを変えておいたほうが後々楽ですね。
ブログを何個か作る人は。

さらに、テンプレートを増やしたり、インデックスと一緒につくるファイルを増やしたりする場合もどのブログでも使うんだったら、大元のmtのファイルを変えておけばいいわけです。

テンプレート置き場は、先ほどのmt/default_templateになります。

mt/lib/MT/DefaultTemplates.pmというファイルがあるのですが、ここにはどのテンプレートをインデックスやアーカイブやシステムやモジュール（custom）に置くのかを設定できるようになってます。

ここにあるってことなかなかわからなかったんです。実は。
ウィジット（Widgetの管理）のほうはすぐわかったんですけど。

{
'outfile' => 'index.html',
'name' => 'Main Index',
'type' => 'index',
'rebuild_me' => '1'
},
{
'outfile' => 'index.xml',
'name' => 'RSS 2.0 Index',
'type' => 'index',
'rebuild_me' => '1'
},
{
'outfile' => 'styles-site.css',
'name' => 'Stylesheet',
'type' => 'index',
'rebuild_me' => '1'
},
{
'name' => 'Individual Entry Archive',
'type' => 'individual',
'rebuild_me' => '0'
},

こういうのは元からありますね。indexというtypeになっているのがインデックステンプレートにあるやつです。ここがindividualならindividualにある。

モジュールを付け加えたい場合はたとえば、footerというテンプレートをつくっておいて、下記のような記述をくわえてやると、最初からモジュールのところにテンプレが入っていてくれます。

{ 'type' => 'custom',
'name' => 'footer',
},

こんな調子で、headerはどうするとか、右サイド、左サイドはどうするとか、記事上、記事下はどうするっていうテンプレを作っておけば良い。

mtのファイルで使われている英語表記を変えるときに気をつけないとならないのは英語から日本語への置き換えが行われて、実際の設定画面に表示されるときには日本語になっていること。
mt/lib/MT/L10N/ja.pm
をみるとわかります。もともとは英語のものを日本語に変換しているんです。

ここ変えると好き勝手な言葉に変えることもできるわけですけどね。