エントリに絵文字 - MT Smileys応用編

| コメント(16) | トラックバック(3)

長々しいタイトルになってしまいました:grin-w-sweat:
MT 3.17アップグレードに伴って、以前カスタマイズしていたものが使用できなくなっています。
まずは、以前と同じような環境でエントリできるようにしたいと思い、まずはエントリに絵文字を復活させます。

で、以前は「エントリーにも絵文字を」で描いたように、あゆみ::mamalogさん(閉鎖されました:crying:)で紹介されていた方法を取り入れていました。

もちろん、その方法をでもよかったのですが、カーソルのある場所ではなく、必ず文末に絵文字を表示するタグが挿入されてしまうので、コピペで対応しなくてはなりません。

何かいい方法はないものか:sad:

で、思いついたのが、MT Smileysを利用する方法です。
そこで、ググって
やむやむのさえらさんのエントリを参考に挑戦してみました:w-winking:

やむやむ: エントリにも絵文字を使おう

bodyにしか反映されないとのことですが、今回はがんばって、追記にも反映できないかとがんばってみました:happiest:

そして成功しました!!:w-winking:

以下、導入方法です。

:flash: MT Smileysが設置、動作していることが前提ですのであしからず!! :flash:
それから必ずバックアップを取ってから作業しましょうね:winking:

エントリ編集画面を改造

まずは、tmpl/cms/edit_entry.tmplにsmiley javascriptとsmileysの内容をコピー&ペーストします。

デフォルトのjavascriptを貼り付けると、文末にしか挿入できないので、mayu*can: コメント欄に絵文字を (追加カスタマイズ)でもご紹介しましたように、Hitorigotoさんから、コピーさせていただいたものを使用させていただきます。
これで、IEでもFirefoxでも、カーソルの位置に絵文字が挿入できます。

<script>~</script>内に、このスクリプトを2回貼り付けます。
ただし、そのままではダメなので、それぞれ下記のように変更します。

まず最初に貼り付けるスクリプト。本文用です。
document.comments_form.text; をdocument.entry_form.text; に変更します。

次に貼り付けるスクリプト。追記用です。
function emoticon1 (smiley) {のようにemoticonの直後に1を追加します。
document.comments_form.text; をdocument.entry_form.text_more;


次は、エントリ投稿画面で絵文字を表示させたい場所に、smileysの中身を貼り付けます。
ちなみに、画像のパスはフルパスで書きました。
本文用はそのまま貼り付けてOKです。

追記用の分は、下記のようにemoticonをemoticonの直後に1を追加したものに置換してから貼り付けてください。
<a href="javascript:emoticon1(以下略)

これで保存してアップロードします。


テンプレートの修正
テンプレートの修正は、コメントのときとほぼ同じです。
該当するテンプレートの1行目に<$MTInclude module="smiley macros"$>を追加します。
それから、本文部分<$MTEntryBody$>を<MTMacroApply><$MTEntryBody$></MTMacroApply>に、
追記部分<$MTEntryMore$>を<MTMacroApply><$MTEntryMore$></MTMacroApply>に変えましょう。

これで、再構築しておしまいです:w-winking:

TB MEMO http://caetla.oops.jp/cgi/mt/mt-tb.cgi/223

トラックバック(3)

みなさんがコメントをくださる時用の絵文字は ここ、あたしがエントリする時用の絵文... 続きを読む

LOVE×LOVE!?: MTにもコメントに絵文字で、stroll::blog ... 続きを読む

ブログ初心者 :初心者: なので苦労しました。 何日もかかってやっと出来ました ... 続きを読む

コメント(16)

(゜o゜) おぉ!トラックバックはちゃんとできてますね。
ホント、ありがとうございました。:sweeter: 文章の途中でも
絵文字が入れられるのは ホント嬉しいです:sweet:

>> さえらさん
こんにちは:sweeter:
先ほどはコメントエラーということでご迷惑をおかけしました。。。:crying:
本当にさえらさんに喜んでもらえてよかったです:heart:

はじめまして。
こちらのエントリーと、「コメント欄に絵文字を (追加カスタマイズ)」のエントリーを参考にさせていただきました。
これで、エントリーとコメント欄に思い通りに絵文字を表示させることができました:smiling:
どうもありがとうございました。

>> さっちんさん
はじめまして:happy:
絵文字カスタマイズお疲れさまです&そして成功おめでとうございます:sweeter:
お役に立ててよかったです。
BlogPeopleのリンクもありがとうございます!
こちらも登録させていただきました:happier:
今後ともよろしくお願いいたします ^^

こんにちは:happiest:
BlogPeopleのリンクありがとうございました
やむやむさんのとこからたどってきました
ここのアイコンかわいいですぅ:sweet:
σ(o^_^o)のところのエントリーの方のアイコンなのですが
上に浮いてしまうのです:coldsweat:
コメントの方はちゃんと下についてるのですが
原因がわからないのです:weeping:
相談に乗っていただけませんか?

>> MELLさん
はじめまして:happiest:
いえいえ、こちらこそBP登録ありがとうございます。
さて、アイコンが上に浮いてしまうとのこと。
スタイルシートでエントリー内にある画像について指定している場所に、vertical-align: middle;と書き加えてあげれば、真ん中に揃いますよ:sweet:
下にそろえたければ、middleではなくbottomでOKです。
もしわからなければ、私でよければですが引き続きご相談に乗らせていただきますので:smiling:
もちろん、メールフォームから送っていただいてもけっこうです:happy:

どうもありがとうございました:smiling:
真ん中にちゃんと出来ました
MTは初心者なので:coldsweat:
これからもどうぞよろしくお願いします
(o*。_。)oペコッ

>> MELLさん
よかった:sweeter: 今、お邪魔したらちゃんと文字とアイコンが違和感なく並んでいました!
作業、お疲れさまです:w-winking:
お役に立てたようでよかったです:lovelove:
こちらこそ、私もまだまだみなさんから教えていただく方が多い方ですが、よろしくお願い致します ^^

はじめまして:happier:
まだ最近MTの設置をしたばかりで、まだおおやけな公開ができないまま1人でチマチマとカスタマイズをしているんですが・・・
めぐりめぐって、こちらのサイトでコメントとエントリーでの絵文字のカスタマイズ方法がとってもわかりやすかったので、
順番にやっていってるのですが・・・・

コメントと追記に関してはちゃんと絵文字が使えるのですが、
エントリーのbodyの部分だけ画像はUPされるんですが、
選択してもエントリーに何もでてこない状態で困ってます。

何か私のほうでおかし設定にしているかもしれないんですが、
何が原因とかってわかりますかね?
もしよろしければお時間あるときにお返事いただけるとうれしいです。

>> ナツママさん
初めまして:happiest:
mayu*canへようこそ、管理人の繭と申します:smiling:
さて、原因ですが、カスタマイズされたテンプレートや、JavaScriptなどを拝見できれば、何か気付くところもあるかもしれません。。
もう少し情報をいただけますか?
といっても、私も素人ですので、ナツママさんのお力になれるかお約束はできかねますが:moreconfused:
コメントに書きづらければ、メールでもかまいませんので、info@mayucan.comまでお気軽にどうぞ:smiling:

繭さん、こんにちは:happiest:
早速のお返事ありがとーございます:sweet:
えーと、テンプレートなどはどこの部分ですかね?
とても長くなりそうなら、こちらでは申し訳ないので、メールで送らせていただきたいのですが、あと私のサイトから見ていただいてもいいんですが・・・

>> ナツママさん
こんにちは:smiling:
テンプレートなんですが、MT独自タグは、ソースの表示では、表示されないのです。。。
エントリー本文(Body)のみ反映されないのであれば、各テンプレート(インデックス、個別アーカイブなど、エントリーが表示されるもの全て)の<$MTEntryBody$>部分を<MTMacroApply><$MTEntryBody$></MTMacroApply>に変更されているか、確認してみるのも1つの方法かと思います。
いずれにせよ、まだ情報が少なく、これくらいしか思いつきませんでした。。
私もよくやるのですが、落ち着いてもう一度最初から手順を見直すと成功する場合もありますので、諦めずがんばってくださいね:w-winking:
応援してます:lovelove:

繭さん、こんにちは:sweet:
何度もお返事いただき:grin-w-sweat: ありがとうございます。
もう一度はじめから、頑張って設定してみたいと思います。

実はもうじき出産を控えていて、里帰りしてしますので、時間がかかってしまうかもしれませんが、頑張ってやってみますので、また報告にうかがいます。

また繭さんのサイトも色々見させていただきますね。

>> ナツママさん
こんにちは:happiest:
いえいえ、こちらこそ、力不足ですみません:grin-w-sweat:
また、落ち着かれたら、こんなところですが、また遊びにいらしてくださいね:lovelove:
元気なbabyを出産されることを祈っております:sweet:

繭さん、こんにちは:happiest: 以前こちらで、コメントさせていただいた、ナツママです:freshgreen:

去年の12月19日に無事に男の子を出産して、また頑張ってMTと格闘している毎日です。
すべてデータを消してしまったり:weeping: と試行錯誤ですが、やっと最近形になってきました。
で、以前からできないといっていた、コメントとエントリーの絵文字がな・なんと・・・できました:moreconfused:
もーうれしくってうれしくって、もちろん繭さんのサイトを参考にさせていただきました。
ありがとうございます。
なんか、どんどん楽しくなってきて、育児のブログにしようと思っていたのに、なんだか自分のサイトのカスタマに必死で何のサイトかわからない状態ですが、これからまた充実させていきたいと思ってます。
また、こちらにはちょくちょくうかがわせていただきますね

とりあえずは、ご報告まで:buds:

>> ナツママさん
こんにちは~~~!!:happiest:
ご出産おめでとうございます:3-heart:
エントリ絵文字も成功おめでとうございます:sweeter:
お役に立てたようで、私もうれしいです:happiest:
MTのカスタマイズって、やり始めると楽しくなりますよね!!
私も失敗が多くて、試行錯誤ばっかりなんですよ:grin-w-sweat:
こんな偏りサイトですが、ぜひぜひまた遊びにいらしてくださいね~~!!

このブログ記事について

このページは、繭が2005年6月11日 23:36に書いたブログ記事です。

ひとつ前のブログ記事は「LOTTE 小梅」です。

次のブログ記事は「水分1日1500ml」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。