何を失敗したのかと言うと、
文字コードをこのブログに合わせないでJavaScriptのファイルを
編集したため文字化けしてしまって
投稿画面にきちんと表示されなかったのです
最初は前回のEnhancedEntryEdidingが
入っているせいで正しく動かないのか?
とそれを削除するところから始めてみました。
どうせもう使わないし。
で、EnhancedEntryEdidingで使っていた絵文字まで消してしまって
今までのエントリーで使っている絵文字が×になって
あわてて絵文字だけアップしなおしたりして
でもEnhancedEntryEdidingは関係なかったらしく
やっぱり絵文字は表示されず。
そして、絵文字が多すぎるのか?!
と数を減らしたら表示されたので
そこから1つずつ増やしていくと途中で表示されなくなり、
その次の絵文字を追加するとそれは表示される
で、表示されなかった絵文字のソースをチェックしても
間違えてないのでとりあえず名前を変更してみる・・・。
すると表示される
この段階ではホントわけわかんなくて困り果てました。
別の名前をつけるように書かれているから
別の名前にしてるんだけどダメで、また違う名前をつけると表示されたりね。
何気なく表示されている絵文字にマウスを合わせてみたら・・・
文字化けしてる?!
と、そこでようやく文字コードに気づきました
いや、本にはきちんとブログの文字コードに
合わせるように書いてあるんだけどね・・・。
今までの別のソース編集では問題なく使えていたから
あまり気にしていなかったんだけど最初から気にするべきでした
そんな感じで、失敗談終了。
壱さんのコミュニティーで質問しようか・・・
とまで思ったけど、しなくてよかった
質問しなかった理由は、どう質問してよいのかわからなかったから。
コメント記入のところを開いてしばらくPCの前で
カキ~~ンと固まってたのです(* ̄m ̄) ププッ
無事に絵文字が使えるようになったのでスタイルシートで位置を調整。
スタイルシートの中身はこんな感じに設定してみました。
(絵文字の左右にちょっぴり余白が出来て、
上下の位置は文字の下に合わせる)
margin : 0px 2px ;
vertical-align : text-bottom ;
ちなみに、ブタの絵文字は配布しませんが
それ以外の絵文字は私のやっている素材屋で
そのうち配布しようかと
って使いたい人なんているかしら