使えるプラグインを探して、
ブログのエディタをもう少し高機能にしたい・・・

（最初に）
MOvable Type の管理画面　[ ツール ] ＞ [ プラグイン ]
で、「プラグインを探す」をクリックして探す

リストの中に
-------------------------------------------------------------------
・TinyMCE4MT
-------------------------------------------------------------------

これを調べる、と・・・
こちらの「エムロジック」で提供されているものだが
残念ながら「有償」のようだ。
今回、コストをかけたくはないので、他を探す。

オープンソースのままで紹介されている
「TinyMCE-MTPlugin（Technology on Information）」さんの
記述を参考にさせていただき、
（ありがとうございました）

-------------------------------------------------------------------
・TinyMCE-MTPugin
-------------------------------------------------------------------

・Release 0.1.5.1 for Japanese (ZIP)　をダウンロード

2ヶ所にアップロード
・mt-static/plugins/inyMCE
・plugins/TinyMCE

管理画面　[ ツール ] ＞[ プラグイン ]で
表示される（もう、使用可能だ）、
・TinyMCE 0.1.5.1

最初、

こんな感じだったのが

こうなった。

ちょっと、高機能すぎだが・・・

-------------------------------------------------------------------
・左右カラムの内容を変更（ウィジェット）
-------------------------------------------------------------------

-------------------------------------------------------------------
・新しく　ウィジェット　を追加してみる
-------------------------------------------------------------------
　これから、サイドエリアには色々と貼ってゆきたく
　まず、私のメインブログへのリンクを
　貼っておこう

　【 手順  】
　・管理画面　[ デザイン ]　＞　[ ウィジェット ] で
　　「ウィジェットテンプレートを作成」
　・名前を　"ようこそ" とし
　　創るmetaboy へのバナーリンクをソースに入力

　・左カラム用のウィジェットセットである
　　・3カラムのサイドバー(サブ)　をGUIで編集する

　※画像は、
　　[ 新規作成 ]　＞　[ ファイルアップロード ] で
　　簡単にアップロードできる

-------------------------------------------------------------------
　・ソースを表示して、構造をおおまかに理解
-------------------------------------------------------------------
　【 手順  】
　・表示されているブログの最初の頁で、ブラウザのソース表示
　　を行う。
　・エディタでソースを整理し、divタグ以外を削除　＞　こうなる
　　（※DreamWeaver とかで読み込み、ソースフォーマットの適用
　　　　などでやれば、早い）
　　※この確認は意外と重要で、
　　　（特に他の方が作った構造を理解するには不可欠の作業だ）


さぁ、この構造を踏まえて
サイトデザインを触ろう

-------------------------------------------------------------------
　・CSSファイルの確認
-------------------------------------------------------------------

　　@import url　を利用して２つのCSSファイルを組み込まれている

(Movable Typeのインストールされたディレクトリ)mt-static/themes-base/blog.css
(Movable Typeのインストールされたディレクトリ)mt-static/support/themes/cityscape-london/cityscape-london.css
 　それぞれエディタで開いて確認してみる。
　（おっ！?と、その前に）複写して、必ずバックアップをとっておく。

　・themes-base/blog.css

　　こちらは、ベースになるもののようで、この後に
　　スタイルごとのCSSが組み込まれており、現在のスタイルのものが

　・support/themes/cityscape-london/cityscape-london.css

　　だ。こちらを編集してみる
　　（※もちろん、すぐに元に戻せるよう　複写バックアップとって）

-------------------------------------------------------------------
　・テンプレートCSSファイルの編集
-------------------------------------------------------------------
support/themes/cityscape-london/cityscape-london.css　の中で
　　今回編集したのは、

　　[ 背景画像をはずす ]
　　・白ベースにしたかったので、
　　　body {　に記述があった
　　　background: #628642 url(body.gif) repeat-y  top center;
　　　をコメントアウト

　　[ 右カラムの背景画像をはずす ]
　　・右カラムを、白ベースにしたかったので、
　　　.layout-twt #content-inner {
        background: transparent url(content-twt.gif)
        repeat-y scroll left top; }
　　　を、左カラムのみの指定で
　　　.layout-twt #content-inner #beta-inner {
        background: transparent url(content-twt.gif)
        repeat-y scroll left top; }
　　　と変更

　　[ フォントの変更 ]
　　・元々が海外版のテンプレートなので、
　　　font-family: "trebuchet ms", arial,
      "hirakakupro-w3", osaka, "ms pgothic", sans-serif;　という表示を
　　　font-family: "ＭＳ Ｐゴシック", Arial, Verdana;
　　　に変更


　カラムの幅など基本的な部分は、ベースのCSSファイルの
　編集だ。
-------------------------------------------------------------------
　・ベースCSSファイルの編集
-------------------------------------------------------------------
themes-base/blog.css
　　今回編集したのは、

　　[ カラムのサイズ調整 ]
　　・スタイルで、「３カラム（小・大・小）」を選択しているので
　　　layout-twt　が該当する
　　　左カラムが、#beta
　　　中央が　　　#alpha
　　　右カラムが　#gamma　にあたる

　その他、いくつか微調整。
　いづれも、上記２ファイル(CSSファイル）を直接編集して
　アップロード、するだけだ。

　※ただ、いつでも、スタイルを変更できるように
　　汎用的な（利用していない）記述も多く、ある程度
　　確定したら、必要な部分のみにして、ファイル名変えて
　　組み込むことを考えよう。