エントリーにも絵文字

2005.07.09

エントリーにも絵文字

どうしてもエントリーにも絵文字を使いたくてチャレンジしてみました :hutuu
以前、コメント欄に絵文字でプラグインを使ってチャレンジしたのですが
どうしても出来なかったの～(・・、)
（コメント欄に絵文字は別の方法で出来ました♪）

今回はできるかな？

まずは「caramel*vanilla」さんの
MT :: luvlog : MTのコメント欄で絵文字を使えるようにする[改]を
参考にプラグインを pluginsディレクトリにUP
smiley javascript と smileys と smiley macros のテンプレート・モジュールを作成しました。
ありがとうございました！

その後、エントリーで絵文字を使えるようにするために
「やむやむ」さんの
エントリにも絵文字を使おうを参考にしました。
ありがとうございました！

（やむやむさんにお礼のコメント＆TBをしたいのですが
どうすればいいのでしょうか？
コメント欄やTB URLが見えないのは私だけみたい・・・
本当にすみません。）

アイコンは「MatsuCon」さんにお借りしました。
ありがとうございます！

以下覚書

まずは「MT-HACKS」さんから
MTMacroとMTsmileyをDLさせて頂きます。
（MT-HACKSさんにはスマイリー画像配布先へのリンクがあります。）

１：ファイルをサーバーにUP
MTMacroを解凍して出てきたファイルを以下のディレクトリにUP
・macros.pl →pluginsディレクトリ
・macros.pm →extlib内に新しくbradchoateディレクトリを作成
・postproc.pm→同上
MTsmileyを解凍して出てきたimagesフォルダごとUP
(mt.cgiと同じ階層のimagesディレクトリ)

（私はアイコンは自分で素材屋さんからお借りしてきました。
また、「mtディレクトリ」とは別に「blogディレクトリ」というのを作ってるので
そちらのにimagesディレクトリにUPしました。）

２：モジュールを作成
「新しいテンプレート・モジュールを作る」で
MTsmileyを解凍して出てきたファイルの中身をコピペ
「テンプレートの名前」→「モジュールの中身」
・smiley javascript→smiley-javascript.txt
・smiley macros→smiley-macros.txt
・smileys→smileys.txt

３：モジュールを修正
お借りしたアイコンを使うために「smiley macros」と「smileys」モジュールを修正。

■smiley macros
用意した画像分以下の記述を繰り返す。

＜MTMacroDefine name=”適当な定義名” string=”:テキストエリアに表示される名前:” no_html=”1″＞
＜img src=”＜MTBlogURL＞images/ファイル名” alt=”代替テキスト” width=”幅” height=”高さ” border=”0″ /＞
＜/MTMacroDefine＞

■smileys
用意した画像分以下の記述を繰り返します。
(必要に応じて先頭部分のスタイルも変更)

＜a href=”javascript:emoticon(‘:テキストエリアに表示される名前:’)”＞＜img src=”＜MTBlogURL＞images/ファイル名” alt=”代替テキスト” width=”幅” height=”高さ” border=”0″ class=”smiley”＞＜/a＞

＜MTBlogURL＞部分をそのままではアイコンが表示されないので
直接アイコンのURLに書き換えました。

４：エントリ編集画面でアイコンを表示・使用するために
MTのtmpl/cms/edit_entry.tmpl に smiley javascript と smileys の内容をコピペ。

１箇所、smiley javascript の　document.comments_form.text; を
document.entry_form.text; に修正します。

エントリーの内容（body）と追記（extend）の
テキストエリアの間に２列に絵文字を並べたかったので
＜TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED＞の上にコピペしました。

５：アイコンを表示させたいページへの記述
■テンプレートの先頭（1行目）

＜$MTInclude module=”smiley macros”$＞

■head部分

＜$MTInclude module=”smiley javascript”$＞

■＜$MTEntryBody$＞書き換え

＜MTMacroApply＞＜$MTEntryBody$＞＜/MTMacroApply＞

保存。再構築で終了。

～修正～
＊文章の途中にアイコン挿入したい場合はコピペで対応すること。
追記では使用できない。

（タグの＜＞は全て全角表示。）