Movable Type 5 で背景を変更する方法

Movable Type 5 でブログ外側の背景部分を変更してみました。その手順を書いてみます。

1.背景画像を用意
まずは背景になる画像を用意します。自作するか、フリー素材を利用しましょう。

フリー素材紹介サイト
Photoshop Vip » Pattern
http://photoshopvip.net/archives/category/download/download-pattern

ちなみにここの背景はコレを使っています。

サイズ：50ｘ50pixel

2.画像をアップロード
用意した画像（仮に bg.gif とします）を、FTPソフトでサーバーにアップロードします。
場所は自分でわかればどこでもいいですが Movable Type をインストールしたディレクトリ配下に、画像置き場のフォルダを作り、その中にアップロードするといいでしょう。

例.
/ドメイン名/public_html/mt（MTをインストールしたフォルダ名）/images（任意の名前）
この中にアップロードします。

3.スタイルシートの変更
テンプレートのスタイルシートを変更して、変更を反映させます。
スタイルシートを開き、元々ある記述の下に以下の記述を追加します。

body {
background-image: url(/mt（MTをインストールしたフォルダ名）/images（任意の名前）/bg.gif（画像ファイル名）);
}

#container-inner {width: 940px;margin-right: auto;margin-left: auto;}

上は先ほどアップロードした画像をどこから読み込むか、
下はサイトの幅（任意）と背景画像の繰り返し配置を指定をする記述内容です。