Movable Type プラグインディレクトリ

インストール方法

1. エントリーの中にダウンロードのリンクがあります。そこをクリックするとソースコードが表示されます。
2. 表示されたソースコードを「InsertIcon.pl」「mt_icon.js」というファイル名でそれぞれ保存します。
3. 保存した「InsertIcon.pl」ファイルを、Movable Typeの「plugins」ディレクトリに「InsertIcon」というディレクトリを作り、アップロードします。

「mt_icon.js」ファイルを、Movable Typeの「mt-static」ディレクトリにある「plugins」に「InsertIcon」-「js」というディレクトリを作り、アップロードします。

  [MT]
├[plugins]
│└[InsertIcon]
│  └InsertIcon.pl
└[mt-static]
  └[plugins]
    └[InsertIcon]
      └[js]
        └mt_icon.js

使い方

1. 絵文字の画像のアップロード

絵文字に使いたい画像を適宜入手し、ご自分のサーバーにアップロードします。すべての画像を同じディレクトリにアップロードします。

2. mt_icon.jsの書き換え

前述の「mt_icon.js」内で、以下の2箇所を書き換えます。書き換え後に、前述の手順にしたがってこのファイルをアップロードします。

• 1行目

画像をアップロードしたディレクトリに合わせて書き換えます。ディレクトリの後には「/」が必要です。
例えば、画像のアドレスが「http://example.com/images/○○.gif」のようになる場合は、1行目を以下のように書き換えます。

  var mt_icon_base = "http://example.com/images/";

• 2～5行目

それぞれの画像のファイル名 / 説明 / 幅 / 高さを指定します。
例えば、「smile.gif」「cry.gif」「heart.gif」の3つの画像があり、それぞれの説明を「笑う」「泣く」「ハート」にしたいとします。
また、いずれの画像も幅 / 高さが15ピクセルだとします。この場合、以下のように書き換えます。

var mt_icons = Array(
    Array("smile.gif", "笑う", 15, 15),
    Array("cry.gif", "泣く", 15, 15),
    Array("heart.gif", "ハート", 15, 15)
);

3. 絵文字の利用

上記の手順が終わると、エントリーの編集画面に絵文字が表示されます。そして、絵文字をクリックすると、絵文字に対応するimgタグが自動的に入力されます。



絵文字を入力したところ

4. スタイルシートの設定

絵文字のimgタグには「mt_icon」というクラスが割り当てられます。スタイルシートでこのクラスを定義しておけば、その定義にしたがって絵文字の画像を表示することができます。

カスタマイズ情報

特になし

その他付加情報

特になし

利用規約

特になし

トラックバック

トラックバック URL

»emoddy（絵文字プラグイン） from CSS HappyLife

MT4が出ちゃいますよーっていうこのタイミングでMT4じゃ動かないプラグインってのも何とも寂しい今日この頃ですが、絵文字が入力できるプラグインを配布するで...

• *
• 2007年06月22日 02:59
• [続きを読む]

»MovableType：エントリー画面で絵文字を入力するプラグイン from ukico.net

MovableTypeのエントリー画面で絵文字を使用できるようにするプラグインで...

• *
• 2007年08月09日 15:34
• [続きを読む]

»InsertIconプラグインを導入 from ほぼ是日刊

MT4用のプラグインが早速いろいろとでてきていますね私も、記事に手軽にアイコンを...

• *
• 2007年12月22日 16:49
• [続きを読む]