エントリーに絵文字 ２
2006年2月 7日(火) AM 6:14
エントリーに絵文字を変更してみました。
前回のEnhancedEntryEdidingは設置は簡単でよかったけど
改行すると勝手に＜P＞タグでくくられてしまって
１行空いてしまうのがすごく嫌だったので。
何か方法があるのかもしれないけど、説明を見に行こうと思っても
英語のサイトで説明自体どこにあるのかもわからず
いつもお世話になっている 藤本 壱 様（Blogはコチラ）の
【ブログ簡単パワーアップMovableTypeスーパーカスタマイズテクニック】
『エントリーに絵文字を入れられるようにする』
を参考にさせていただきました。
今、改行を変換するで書いてますが快適快適
と言うわけで、今回のメモは失敗談のみ。
やり方は本を買ってくださいませ。
ちなみに今回も絵文字は自作してみました
何を失敗したのかと言うと、
文字コードをこのブログに合わせないでJavaScriptのファイルを
編集したため文字化けしてしまって
投稿画面にきちんと表示されなかったのです
最初は前回のEnhancedEntryEdidingが
入っているせいで正しく動かないのか？
とそれを削除するところから始めてみました。
どうせもう使わないし。
で、EnhancedEntryEdidingで使っていた絵文字まで消してしまって
今までのエントリーで使っている絵文字が×になって
あわてて絵文字だけアップしなおしたりして
でもEnhancedEntryEdidingは関係なかったらしく
やっぱり絵文字は表示されず。
そして、絵文字が多すぎるのか？！
と数を減らしたら表示されたので
そこから１つずつ増やしていくと途中で表示されなくなり、
その次の絵文字を追加するとそれは表示される
で、表示されなかった絵文字のソースをチェックしても
間違えてないのでとりあえず名前を変更してみる・・・。
すると表示される
この段階ではホントわけわかんなくて困り果てました。
別の名前をつけるように書かれているから
別の名前にしてるんだけどダメで、また違う名前をつけると表示されたりね。
何気なく表示されている絵文字にマウスを合わせてみたら・・・
文字化けしてる？！
と、そこでようやく文字コードに気づきました
いや、本にはきちんとブログの文字コードに
合わせるように書いてあるんだけどね・・・。
今までの別のソース編集では問題なく使えていたから
あまり気にしていなかったんだけど最初から気にするべきでした
そんな感じで、失敗談終了。
壱さんのコミュニティーで質問しようか・・・
とまで思ったけど、しなくてよかった
質問しなかった理由は、どう質問してよいのかわからなかったから。
コメント記入のところを開いてしばらくPCの前で
カキ～～ンと固まってたのです(*￣m￣) ププッ
無事に絵文字が使えるようになったのでスタイルシートで位置を調整。
スタイルシートの中身はこんな感じに設定してみました。
（絵文字の左右にちょっぴり余白が出来て、
上下の位置は文字の下に合わせる）
margin : 0px 2px ;
vertical-align : text-bottom ;
ちなみに、ブタの絵文字は配布しませんが
それ以外の絵文字は私のやっている素材屋で
そのうち配布しようかと
って使いたい人なんているかしら
::Comment Form::