まずは「
MT-HACKS」さんから
MTMacroとMTsmileyをDLさせて頂きます。
(MT-HACKSさんにはスマイリー画像配布先へのリンクがあります。)
1:ファイルをサーバーにUP
MTMacroを解凍して出てきたファイルを以下のディレクトリにUP
・macros.pl →pluginsディレクトリ
・macros.pm →extlib内に新しくbradchoateディレクトリを作成
・postproc.pm→同上
MTsmileyを解凍して出てきたimagesフォルダごとUP
(mt.cgiと同じ階層のimagesディレクトリ)
(私はアイコンは自分で素材屋さんからお借りしてきました。
また、「mtディレクトリ」とは別に「blogディレクトリ」というのを作ってるので
そちらのにimagesディレクトリにUPしました。)
2:モジュールを作成
「新しいテンプレート・モジュールを作る」で
MTsmileyを解凍して出てきたファイルの中身をコピペ
「テンプレートの名前」→「モジュールの中身」
・smiley javascript→smiley-javascript.txt
・smiley macros→smiley-macros.txt
・smileys→smileys.txt
3:モジュールを修正
お借りしたアイコンを使うために「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に書き換えました。
4:エントリ編集画面でアイコンを表示・使用するために
MTのtmpl/cms/edit_entry.tmpl に smiley javascript と smileys の内容を コピペ。
1箇所、smiley javascript の document.comments_form.text; を
document.entry_form.text; に修正します。
|
エントリーの内容(body) と 追記(extend) の
テキストエリアの間に 2列に絵文字を並べたかったので
<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>の上にコピペしました。
5:アイコンを表示させたいページへの記述
■テンプレートの先頭(1行目)
<$MTInclude module=”smiley macros”$>
|
■head部分
<$MTInclude module=”smiley javascript”$>
|
■<$MTEntryBody$>書き換え
<MTMacroApply><$MTEntryBody$></MTMacroApply>
|
保存。再構築で終了。
~修正~
*文章の途中にアイコン挿入したい場合はコピペで対応すること。
追記では使用できない。
(タグの<>は全て全角表示。)