「ブログ記事編集画面」と「コメント」で絵文字を使えるようにするプラグイン

InsertIcon

Movabletypeに絵文字の入力できないか調べていたら、プラグインでありました。InsertIconをダウンロードして、早速設定を開始しました。

エントリー画面の設定

1.本体のダウンロード
下記URLよりダウンロードします。
http://www.h-fj.com/blog/archives/2007/08/10-105920.php

2.絵文字のダウンロード
http://download.torworld.com/

3.解凍およびインストール
ファイルを解凍すると以下のフォルダができますので、そのままMTの同じディレクトリへCOPYします。画像はimagesへCOPYします。

• plugins
  • InsertIcon
    • lib
      • InsertIcon
        • L10N
• mt-static
  • plugins
    • InsertIcon
      • images
      • js

4.InsertIcon.jsの書き換え

var mt_icons = [
    [ "ファイル名", "説明", 幅, 高さ ],
    [ "ファイル名", "説明", 幅, 高さ ]
];

上記が囲まれている部分をダウンロードした画像データに修正します。

var mt_icons = [
    [ "0.gif", "笑い", 17, 17 ],
    [ "1.gif", "泣き", 17, 17 ],
    [ "2.gif", "怒り", 17, 17 ]
];

※最後に「,」はつけません

5.再構築
ブログ入力画面を確認すると、リッチテキスト画面に追加されています。

コメントでimgタグを使えるようにする

コメント画面

1.ブログ設定変更
「設定」→「ブログの設定」を選択。左端にある「コメント」を選択して、「HTMLを許可」のチェックをオン→、「HTMLタグを制限」を「カスタム設定」にします。そしてカスタム設定値を下記のように入力します。

a href,b,i,br/,p,strong,em,ul,ol,li,blockquote,pre,img src class width height alt

※太文字部分が追加箇所です。

2.再構築
変更を保存をクリックして、再構築します。 コメント画面に絵文字が表示されるようになりました。やったね。