れいれいBLOG

いまさらだけど、Movable Typeのドキュメントを読んだりしています。

Movable Type4　ドキュメント

MTOSをインスト後、サイドバーが表示されない件についての記事。

http://www.movabletype.jp/documentation/versionup/mt4_to_mt41.html

最初、メインしかなくてアレ？？ってかんじだったんだけど、ウィジェットセットを作成しなきゃだったんですね。ウィジェットセットの編集はドラッグアンドドロップで簡単にできちゃいます

ウィジェットのHTMLの変更は、各ウィジェットの編集をクリックで。ウィジェットのスタイルを変更したいときは、CSSを編集する。CSSの場所は以下。

./mt-static/themes/minimalist-red/screen.css

MTOSで絵文字欲しくてぐぐっていて、「MT4.1／MTOS専用版」プラグインというのを発見しました。
Movable Typeでプラグインは、はじめてだからドキドキ☆

- 参考URL -
エントリーとコメントで絵文字を使えるようにするプラグイン
http://www.h-fj.com/blog/archives/2008/01/07-163227.php

1. ↑から、InsertIcon_1_21.zipをDLして解凍する。

2. 絵文字画像を用意。

　　　素材はsweetsサマのau風アイコンから12種をお借りしました。


ファイル名をそれぞれemoji01〜emoji12にリネームして、imagesフォルダの中に入れておき、これを1で解凍してできたInsertIcon_1_21フォルダ内の「mt-static」→「plugins」→「InsertIcon」フォルダにコピー。

3. 「mt-static」→「plugins」→「InsertIcon」→「js」フォルダにある「InsertIcon.js」というファイルを書き換えて、絵文字の画像のファイル名等を指定する。

var mt_icons = [
[ "emoji01.gif", "すまいる", 11, 11 ],
[ "emoji02.gif", "はーと1", 11, 11 ],
[ "emoji03.gif", "はーと2", 11, 11 ],
[ "emoji04.gif", "汗；", 11, 11 ],
[ "emoji05.gif", "ぴーす", 11, 11 ],
[ "emoji06.gif", "ぐー", 11, 11 ],
[ "emoji07.gif", "☆", 11, 11 ],
[ "emoji08.gif", "でーもん", 11, 11 ],
[ "emoji09.gif", "ひよこ", 11, 11 ],
[ "emoji10.gif", "ねこ", 11, 11 ],
[ "emoji11.gif", "さくらんぼ", 11, 11 ],
[ "emoji12.gif", "よつば", 11, 11 ]
];

4. 「plugins」と「mt-static」の2つのフォルダを、MTOS（Movable Type）のインストール先ディレクトリにアップロードする。

5. エントリーで絵文字が使えるようになりました




6. 次にコメントでも絵文字を使えるようにするために、「ConvertIconMacro」というプラグインをインストールします。
これは絵文字のコードをimgタグに変換するためのものです。

http://www.h-fj.com/blog/archives/2007/08/12-101540.phpから
ConvertIconMacro_1_10.zipをDLして解凍する。

7. 解凍してできた「ConvertIconMacro」というフォルダの中の「ConvertIconMacro.pl」というファイルを以下のように書き換えて保存しておく。

my @mt_icons = (
　　[ "emoji01.gif", "すまいる", 11, 11 ],
　　[ "emoji02.gif", "はーと1", 11, 11 ],
　　[ "emoji03.gif", "はーと2", 11, 11 ],
　　[ "emoji04.gif", "汗；", 11, 11 ],
　　[ "emoji05.gif", "ぴーす", 11, 11 ],
　　[ "emoji06.gif", "ぐー", 11, 11 ],
　　[ "emoji07.gif", "☆", 11, 11 ],
　　[ "emoji08.gif", "でーもん", 11, 11 ],
　　[ "emoji09.gif", "ひよこ", 11, 11 ],
　　[ "emoji10.gif", "ねこ", 11, 11 ],
　　[ "emoji11.gif", "さくらんぼ", 11, 11 ],
　　[ "emoji12.gif", "よつば", 11, 11 ]
);

8. 「ConvertIconMacro」フォルダを、MTOS（Movable Type）の「plugins」ディレクトリの中にアップロードする。

9. 次に、コメント入力フォームに、絵文字を入力する機能を追加します。

デザイン→テンプレート→テンプレートモジュール→コメント入力フォームをクリックして、textareaタグの箇所を探します。
textareaの終了タグであるの後に、以下を追加します。

<br />
<MTInsertIconListJS mode="macro">

↓ こんなかんじ。

<div id="comments-open-text">

<label for="comment-text">コメント <MTIfAllowCommentHTML>(スタイル用のHTMLタグを使うことができます)</MTIfAllowCommentHTML></label>
<textarea id="comment-text" name="text" rows="15" cols="50">
<MTIf name="comment_preview_template">
<$MTCommentBody autolink="0" sanitize="0" convert_breaks="0" encode_html="1"$>
</MTIf>
</textarea><br />
<MTInsertIconListJS mode="macro">
</div>

10. コメント一覧部分の書き換えをします。

デザイン→テンプレート→テンプレートモジュール→コメント詳細をクリックして
MTCommentBodyタグを<MTConvertIconMacro>と</MTConvertIconMacro>のタグで囲みます。

</div>
<div class="comment-content">
<MTConvertIconMacro><$MTCommentBody$></MTConvertIconMacro>
</div>
<div class="comment-footer">

11. 再構築をします。
各記事のコメント入力欄で、絵文字が入力できるようになりました