コメント欄に絵文字を表示させる事ができるようになると、「smiley」だけでなく、色々なアイコンを表示させたくなります。
新たに作製したテンプレート「smiley macros」と「smileys」を書き換える事で、任意のアイコンをコメント欄に表示させる事ができるようになります。
カスタマイズ・参考
当ブログ内関連記事
コメントに絵文字
続きを読む
- 「smiley macros」を書き換える
<MTMacroDefine name="適当な定義名" string="テキストエリアに表示される名前" no_html="1">
<img src="<MTBlogURL>images/ファイル名" alt="代替テキスト" width="幅" height="高さ" border="0" />
</MTMacroDefine>
- 「smileys」を書き換える
(改行させたい所に<br>を挿入)
<a href="javascript:emoticon('テキストエリアに表示される名前')"><img src="<MTBlogURL>images/ファイル名" alt="代替テキスト" width="幅" height="高さ" border="0" class="smiley"></a>
- 「images」ディレクトリに表示させたいアイコンをUP
- 再構築
わーい、できた♪

【補足&私の失敗】
「smiley macros」と「smileys」の書き換え後、再構築でエラーが出てしまったり、テキストエリアに何も表示されなかったり……が続きました。
原因は、「smiley macros」の「string」と「smileys」の「emoticon」でした。
表情の絵文字には、なるべく似た感じの顔文字をテキストエリアに表示させようとしていたのですが、ここに「'」や「<」「>」等を使用するとエラーになっていたのです。
【参考】あゆみ::mamalog: コメントに絵文字(Plugin使用)でうまく行かない場合の注意点
他にも使用すると表示されない記号があったため、表示できる顔文字に制限がありました。
元に戻す