記事（エントリー）に絵文字を使う for Serene Bach
Serene Bach の記事（エントリー）およびコメント欄に絵文字を入力できるようにするカスタマイズです。
これは「公開テンプレートのコメントに絵文字を使う for SereneBach」のテクニックを記事部分に適用させたものです。
記事に絵文字を入力するカスタマイズは stroll::blog さんの「sb絵文字入力支援スクリプト」がポピュラーですが、「ブラウザに依存しないで入力する方法はないですか？」という質問を頂いたので、本エントリーにて紹介致します。
設定方法は当サイトで公開しているテンプレートを例にしていますが、一部修正すれば他のテンプレートでも利用可能です。
なお「公開テンプレートのコメントに絵文字を使う for SereneBach」と設定内容が若干異なるため、記事とコメントの両方に絵文字と併用したい場合は、本エントリーのカスタマイズを行ってください（本記事はコメントの絵文字にも対応しています）。
１．記事投稿画面の修正
Serene Bach をインストールしている配下にある、
lib/resource/ja/entry.html
をダウンロードして、任意のエディタで開き、１．１～１．３項の修正を行ないます。
修正する自信のない方は、下記のリンクから修正済の entry.zip（または entry.lzh） をダウンロードして解凍し、２項に進んでください。なお、EUC-JP 版とUTF-8 版でダウンロードするファイルが異なりますのでご注意ください。
このファイルは 2.05R をもとに修正したものです（2.09R2.12R まで確認済）。Serene Bach バージョンアップには対応できていないかもしれませんので予めご了承ください。
１．１ script 要素の追加
ファイルの一番先頭に下記を追加します。
<script type="text/javascript" src="emoji.js" charset="utf-8"></script>１．２ 「本文」への絵文字一覧表示スクリプトの追加
「本文」のテキストエリア上部へ絵文字一覧を表示するタグを追加します。
<div class="entry_tool">
<!-- BEGIN sb_entry_extool_body -->
<a href="#" onclick="return addHtmlTag('entry_body','{sb_entry_extool_elem}','{sb_entry_extool_opt}');"><img src="{sb_site_template}tool/{sb_entry_extool_img}.gif" width="30" height="20" alt="{sb_entry_extool_alt}" title="{sb_entry_extool_alt}" /></a>
<!-- END sb_entry_extool_body -->
</div>
<dl><dt style="display:inline;">絵文字</dt><dd style="margin-left: 5.5em;">
<script type="text/javascript">
writeCustmizeEmojiTagList('document.mainform.entry_body');
</script>
</dd></dl>
<textarea name="entry_body" id="entry_body" rows="{sb_entry_body_rows}" cols="40" class="text">{sb_entry_body}</textarea>１．３ 「続き」への絵文字一覧表示スクリプトの追加
「続き」部分も絵文字を使いたい場合は、「続き」のテキストエリア上部へ絵文字一覧を表示するタグを追加します。
<div class="entry_tool">
<!-- BEGIN sb_entry_extool_more -->
<a href="#" onclick="return addHtmlTag('entry_more','{sb_entry_extool_elem}','{sb_entry_extool_opt}');"><img src="{sb_site_template}tool/{sb_entry_extool_img}.gif" width="30" height="20" alt="{sb_entry_extool_alt}" title="{sb_entry_extool_alt}" /></a>
<!-- END sb_entry_extool_more -->
</div>
<dl><dt style="display:inline;">絵文字</dt><dd style="margin-left: 8.1em;">
<script type="text/javascript">
writeCustmizeEmojiTagList('document.mainform.entry_more');
</script>
</dd></dl>
<textarea name="entry_more" id="entry_more" rows="15" cols="40" class="text">{sb_entry_more}</textarea>２．ファイルのアップロード
修正した entry.html を元のディレクトリにアップロードします。
３．スクリプトのダウンロード
下記のリンクより emoji.js をダウンロードしてください。
この emoji.js は「公開テンプレートのコメントに絵文字を使う for SereneBach」で配布しているものと若干異なります。
「公開テンプレートのコメントに絵文字を使う for SereneBach」で配布している emoji.js をお使いの場合は、下記の修正を行ってください。上記のリンクよりダウンロードしてお使いになる場合は、そのまま４項へ進んでください。
３．１ 絵文字一覧表示部分（赤色を削除し、青色を追加）
function writeCustmizeEmojiTagList(textarea) {
// コメントを入力するテキストエリアを指定
var textarea = 'document.mainform.entry_body';
// ***************** 設定ここまで *****************３．２ 絵文字表示部分（赤色を削除し、青色を追加）
// コメントにカスタマイズ絵文字入力機能：画像変換
function changeCustmizeEmojiTag(commentAreaIdName, commentAreaTag, commentBodyClassName) {
// （１）コメント全体のタグの id 属性
var commentAreaIdName = 'comments';
// （２）コメント全体のタグ名
var commentAreaTag = 'div';
// （３）各コメントの class 属性
var commentBodyClassName = 'comment';
// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
var objComArea;
var classComArea;
var objComBody = new Array();４．スクリプトに絵文字URLの追加
emoji.js を任意のエディタで開き、ご自身のお好きな絵文字を下記の青色のように挿入してください。
// コメントにカスタマイズ絵文字入力機能：画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
list[list.length] = new Array('00a', 'http://yourhost/images/pp_00a.gif');
list[list.length] = new Array('01a', 'http://yourhost/images/pp_01a.gif');
list[list.length] = new Array('02a', 'http://yourhost/images/pp_02a.gif');
：
return list;
}ちなみに、冒頭のスクリーンショットに表示させている画像は下記のサイトよりお借りしました。ありがとうございました。
.:. PEPPER .:. FREE GRAPHICS FOR WEB SITE
注：この emoji.js のファイルの文字コードは UTF-8 です。EUC-JP 版の Serene Bach をお使いでも、ファイルの文字コードは UTF-8 のままお使いください。
５．スクリプトのアップロード
修正した emoji.js を、index.html と同じディレクトリにアップロードします。
６．テンプレートの修正
</head> の直前に下記のタグを追加します。
<script type="text/javascript" src="{site_top}emoji.js" charset="utf-8"></script>そして記事関連ブロック終了の直前に、記事に表示された、絵文字に対応する記号を実際の絵文字に変換するためのスクリプト（青色部分）を追加します。
<!-- BEGIN entry -->
<h2 id="entry{entry_id}" class="date">{entry_date}</h2>
<div class="entry">
<h3 class="entry-header">●<a href="{entry_permalink}">{entry_title}</a></h3>
<div class="entry-content">
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
</div>
<div class="entry-footer">
Posted by {user_name} at {entry_time} | Category: {category_name} | {comment_num} | {trackback_num}
</div>
</div>
{trackback_auto_discovery}
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('content', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('content', 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>
<!-- END entry -->赤色部分はご利用のテンプレートによって異なります、それぞれの意味は下記の通りです。
- content：中央カラム全体を括っている div 要素の id 属性（一例として "main" という設定のテンプレートが結構あるようですが、ご利用のテンプレートをよくご確認ください）
- div：記事またはコメント本文全体を括っているタグ
- entry_body / entry_more：記事またはコメント本文全体を括っているタグの class 属性
要するに画像を変換する場所を絞り込んでいる訳です。この部分でつまづく場合が多いようですが、ご利用のテンプレートおよび本エントリーのコメント欄等で不具合をよくご確認の上、どうしても分からない場合のみご質問ください。
changeCustmizeEmojiTag の起動は、「本文「用と「続き」用の2行があります。「続き」に絵文字を使わない場合は
changeCustmizeEmojiTag('content', 'div', 'entry_more'); // 続きに絵文字を表示するを削除してください。
記事に絵文字を表示するカスタマイズは以上です。
- 管理画面の新規記事および記事編集画面に絵文字が表示されること
- 絵文字をクリックすると、テキストエリアに絵文字に対応した値が設定されること
- 記事を公開すると、ブログの記事部分に絵文字が表示されること
を確認してください。
コメントにも絵文字を利用する場合は次項のカスタマイズを行ってください。
７．コメント部分にも絵文字を利用する場合
まずコメントの form 属性に name 属性を追加してください。
<form name="comform" action="{site_cgi}" method="post">
<div class="comments-open" id="comments-open">
<h2 class="comments-open-header">Comment form</h2>
<div class="comments-open-content">
<div id="comments-open-data">次に、テンプレートのコメント部分に絵文字を表示するためのタグを追加します。
<dl>
<dt><label for="name" id="labelname">name:</label></dt>
<dd><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" size="20" /></dd>
<dt><label for="email" id="labelemail">email:</label></dt>
<dd><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" size="30" /></dd>
<dt><label for="url" id="labelurl">url:</label></dt>
<dd><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" size="30" /></dd>
<dt><label id="cookie_label" for="set_cookie">cookie:</label></dt>
<dd><input type="checkbox" tabindex="4" name="set_cookie" value="1" id="set_cookie" /></dd>
<dt>icons:</dt><dd style="margin-left: 5.5em;">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList('document.comform.description');
// -->
</script>
</dd>
<dt><label for="description" id="labeldescription">comments:</label></dt>
<dd><textarea tabindex="5" id="description" name="description" rows="8" cols="45"></textarea></dd>
</dl>最後にコメント関連ブロック終了の直前に青色のタグを追加します。
</form>
</div>
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->「公開テンプレートのコメントに絵文字を使う for SereneBach」のカスタマイズを行っている場合は設定内容が微妙に異なるので、以前の設定は一旦削除した方がいいかもしれません。
８．CSS 設定
絵文字とテキストがきれいに並ばない場合は、下記のCSSを追加してください。
.emoji{
vertical-align: middle;
}必要に応じて margin / padding プロパティも加えてください。
2007.01.09 追記
６項の説明を追加しました。
2007.01.25 追記
EUC-JP 版に対応しました。
2007.03.10 追記
挿入される絵文字の img タグに class 属性を付与しました。それに伴い８項を追加しました。
2007.03.20 追記
green lettuce さんより頂いたコメントより、適用可能バージョンを 2.12R に修正しました。
- 公開テンプレートのコメントに絵文字を使う for SereneBach
≫ 記事（エントリー）に絵文字を使う for Serene Bach from 戯言
とりあえず前回の日記の続報(笑)Zaurus SL-C860復活(笑)添付CDですが問い合わせしましたら返事きたぽ[ニコッ]↓の最寄のサービスステーション... [続きを読む]
≫ 記事（エントリー）に絵文字を使う from Simple Style
[ハート]記事（エントリー）に絵文字を使う以前は、stroll::blogさんのsb絵文字入力支援スクリプトを使わせていただいていたのですが今回、小粋空... [続きを読む]
≫ 記事に絵文字＆星空作成パーツ from Selbstgesprach ?徒然日記?
久々にBlogを弄ってみました[閃き] [続きを読む]
≫ from Nox Noctis
ここ1，2週間家中に風邪が蔓延してましたが。2，3日前から私にも風邪が回ってきまして。昨日まで死んでました[寝るぽ]それでもカスタマしてたデスが。(寝てろ... [続きを読む]
≫ 絵文字の設定！ from :: go with the light ::
以前から設定しようとして挫折していたんですが小粋空間様の「記事（エントリー）に絵文字を使う for Serene Bach」「公開テンプレートのコメント... [続きを読む]
≫ リニューアルしました from Fishing Team げんちゃん's
正月休みを利用してブログの模様替えをしました以前使っていたデザインも気に入ってたんですがサイドバーがとっても長くなってしまって３カラムにしたかったんですい... [続きを読む]
≫ 記事とコメントに絵文字を使う for Serene Bach from Caramel Latte
元々Nucleusを使うようになったのは絵文字がプラグインで簡単に使える事と再構築の手間が無い事からだったのですが、Serene Bachに戻ってみると絵... [続きを読む]
≫ 何とか出来た(´Д｀) =3 ﾊｩｰ from Ж Wonderful Everyday Ж
記事（エントリー）に絵文字を使うstroll::blogさんのsb絵文字入力支援スクリプトを使わせていただいていたのですが小粋空間さんで公開された記事（エ... [続きを読む]
≫ 絵文字のスクリプトを変更。 from Yuna's Tedious Talk
以前strollさんの所から配布されていた「sb絵文字入力支援スクリプト」。最近なぜか使えないのです。Jsファイルがサーバー上にないのか…、こっちの設定が... [続きを読む]
≫ エントリーに絵文字を使う。 from *kirara
以前使わせてもらってたstroll::blog様の絵文字入力支援スクリプトが急に使えなくなったぁ[26]（お知らせ済み）最初は、キャッシュが原因？って思っ... [続きを読む]
≫ ドレドレ(．．) from イ ヌ ブ ロ グ
できたかな？[じー]できたみたい????[キャン]小粋空間: 記事（エントリー）に絵文字を使う for Serene Bach私の場合、changeCus... [続きを読む]
≫ 絵文字入力のカスタマイズ from Rosily* style
可愛いなぁと思いつつ、腰を上げることができずにいた『記事（エントリー）に絵文字を入力できるようにする』カスタマイズ。小粋空間様: 記事（エントリー）に絵文... [続きを読む]
≫ 絵文字設定。 from Blog*Days
以前使っていたstroll::blog様の絵文字入力支援スクリプトが急に使えなくなり、何度かやり直したけど変化なし。絵文字が使えなくてがっかりしていたとこ... [続きを読む]
≫ エントリー（およびコメント）に絵文字を from 唐獅子ボタン
絵文字って柄でもないのだけれど[pp_10a.]面白そうなので入れてみました[pp_04a]例によって「小粋空間」さんにお世話になってます。そしてまたまた... [続きを読む]
≫ 記事に絵文字を使う from あれもこれも
いつも使っていた某サイトの絵文字が使えなくなって、毎度お世話になっている小粋空間さんで発見[10]あー良かった・・・[45] [続きを読む]
≫ 覚え書き・・・・ from xxxデリ嬢的ロバ耳のアナxxx
とりあえず私が使わせてもらったプラグイン[キラ]?UnderDone(あんでるどん)サマ?[電球]うにゅうにゅ Read More?sb開発研究所サマ?[... [続きを読む]
≫ コメントに絵文字を使う for SereneBach（MT編？ from Pure Kei
小粋空間様で紹介されている 記事（エントリー）に絵文字を使う for Seren... [続きを読む]
≫ 絵文字が… from Blog*Stroll
今まで使っていた【stroll::blog】さんの絵文字入力支援スクリプトが使えなくなってしまったので、記事（エントリー）に絵文字を使う for Sere... [続きを読む]
≫ 改めて絵文字使えるぅ?☆ from
今までの絵文字が使えなくなったので小粋空間サンで紹介されている“記事（エントリー）に絵文字を使う for Serene Bach”を改めて設定しました。... [続きを読む]
≫ エントリーに絵文字 from Happy* Clover**
エントリーに絵文字を入れました。今回もお世話になりました[キラキラ]http://www.koikikukan.com/archives/2006/12/... [続きを読む]
≫ エントリー＆コメントに絵文字を使う for SereneBach from [ blOg:..:dimple ]
「小粋空間」様の「コメントに絵文字を使う for SereneBach」をさっそく挑戦！！しかーし！！導入に悪戦苦闘しております(^ω^;)絵文字は表示さ... [続きを読む]
≫ 記事（エントリー）に絵文字 from *day after day...*
前からやってみようと思っていた，記事（エントリー）およびコメント欄に絵文字を入力できるようにするカスタマイズを，今日やってみました... [続きを読む]
≫ 絵文字 from *-- Pretty Heart-blog --*
［小粋空間］さんの所に記事（エントリー）に絵文字を使うfor Serene Bachとゆうのが載っていたので早速トライしてみた[40]JSファイルをＤＬし... [続きを読む]
≫ 絵文字の不具合 from おひさまのご機嫌
先々週あたりからsb向け絵文字投稿スクリプトが動かなくなっていたようで。あちこちで対策を聞き込んできてトライしてるんだけど、撃沈。もうちょっといじってみる... [続きを読む]
≫ 本文テスト from Yuzuiro
テスト[d202]うまくいくみたいだ[d005]小粋空間 さんで紹介されている「記事に絵文字を使う」実践させていただきました。最初はどうなることやら・・・... [続きを読む]
≫ いろいろイジる(・ω・ ) from Yuzuiro
テスト[d202]うまくいくみたいだ[d005]小粋空間 さんで紹介されている「記事に絵文字を使う」実践させていただきました。最初はどうなることやら・・・... [続きを読む]
yujiro様
公開ありがとうございますm(__)m
Serene Bach Ver2.08Dで問題なく動作できました♪
あとトラックバックさせてもらいましたm(__)m
(使って見たかったので（笑）)
＞kenさん
こんばんは。
ご連絡＆トラックバックありがとうございます。
うまくできたようで良かったです。
トラックバックはどしどし使ってやってください。
ではでは！
Yujiroさん、こんにちわ！
記事に絵文字･･･ちょっと感動しちゃいました。
早速導入！いい感じになりました。(*・∀・)ノ.:.:*ｱﾘｶﾞﾄｩ♪
TBもさせてください！
＞どら♀どらさん
こんにちは。
ご利用＆ご連絡＆トラックバックありがとうございます。
うまくできたようで良かったです。
ではでは！
こちらで質問すべきことを“コメント欄に絵文字"の記事に書いてしまいました。
あちらこちら、読ませていただいていたものですから（ぺこり）
申し訳ありません。
もう一度書かせていただきます。
テンプレートをお借りして新しいブログを作成中です。
本文とコメントに絵文字を導入しようと努力しておりますが、
5回やり直しても絵文字がきちんと表示されません。
SereneBach本体のアップからやり直しても駄目でした。
どうあがいても、ばってんの四角が出てしまい、認識されていないようです。
新規エントリページ、コメント欄、共にです。
何か素人が陥りやすい落とし穴などありましたら、
お教えいただければ幸いです。
宜しくお願いいたします。
＞グラツィアさん
こんばんは。
ご利用ありがとうございます。
拝見させて頂いたところ、emoji.js に設定された画像のURLが誤っているようです（コピーしてブラウザで実行されればお分かりになると思います）。
また同じ箇所でもうひとつ typo がありますので、それも修正すれば全て正常に表示されると思います。
それではよろしくお願い致します。
自分でも恥ずかしくなるようなミスでした(泣)
設定の方ばかりに気を取られ、肝心のURLが間違っていたなんて！！！
お手数をおかけして申し訳ありませんでした（深々と一礼！）
ただ今、他のカスタマイズもいろいろと利用させていただき、準備中ですので、
全て終わりましたらTBさせていただこうと思っております。
本当にありがとうございました。
＞グラツィアさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは！
こんばんは。
何度やってみても新記事投稿で絵文字をクリックしても表示されるのは
emoji.jsで設定した数字だけで
絵文字が上手く表示されません・・。
何かアドバイスよろしくお願いします。
＞rikkyさん
こんばんは。
ご利用ありがとうございます。
説明不足でしたが、編集画面に表示されるのはemoji.js に設定した数字で問題ありません。
記事を公開してブラウザで閲覧する時にスクリプトを使って絵文字に変換します。
そもそも編集画面であるテキストエリアに画像を表示することはできませんので、このような仕組みになっています。
質問の解釈が間違ってましたら再度ご連絡ください。
それではよろしくお願い致します。
yujiroさん、私の説明不足です。。。
新規記事作成画面では絵文字は出ていて
クリックすると設定した絵文字の名前が出ますよね？
ここで下書きで保存してブラウザで確認しても
絵文字に絵文字に変換されていないのです。
ちなみに、保存して公開でもやってみましたが
絵文字になりませんでした。。。
もう一度アドバイスお願いしますm(_ _"m)
＞rikkyさん
こんばんは。
ご質問の内容理解いたしました。すいません。
６項の、
changeCustmizeEmojiTag('content', 'div', 'entry_body');
changeCustmizeEmojiTag('content', 'div', 'entry_more');の "content" を "main" に書き換えてみてください（2ヶ所）。
これで表示されない場合、絵文字の名前が表示された状態でサイトを拝見させていただかないと解析困難です。
それではよろしくお願い致します。
Yujiroさん、初めまして＾＾
いつも利用させて頂いてます。
記事に絵文字！素敵だと思い早速導入しようと1日かかってようやく反映されましたが、
前日の記事の絵文字が変換されず、コメントを開くと変換されるのですが、何が間違ってるのか；；
カラーピッカーとの併用が悪いのでしょうか・・・
お時間ある時で結構ですので、アドバイスして頂けたら嬉しいです
宜しくお願いいたしますﾍﾟｺﾘ(o_ _)ｏ))
Yujiroさん、初めまして。
利用させて頂き、TBさせて頂きました。
文字コードの変換等で一度失敗してしまいましたがなんとか上手くいきました。
ありがとうございます(^^)
ひとつアドバイスを頂きたいのですが、絵文字が入った部分にだけLINE-HEIGHTが効かなくなってしまいます。
IE以外では効いているという事なので、IEのバグとして諦めるしかないのでしょうか？
お時間がある時で構いませんのでお手数ですがご指南宜しくお願いします。
こちらこそ説明文がめちゃくちゃでごめんなさい＞＜
"content" を "main" に書き換えたところ、ちゃんと絵文字が出ました！！
これはテンプレートによって書き換えなければいけないって事なんでしょうか？
それと何度やっても駄目だったので上の修正済の entry.zipをそのままアップして使ったところ
文字化けもしました＞＜
けど無事設置できて良かったです。
＞かすぴぃさん
こんばんは。
ご質問の件につきまして、すいませんがひとつ上のコメント[12]と同じ修正を行ってください。
それではよろしくお願い致します。
＞よーこさん
こんばんは。
ご質問の件ですが、IEのCSSバグのようですので、下記のような設定を追加してみてください。
div.entry_body img,
div.entry_more img {
_padding: 2px 0;
}アンダースコアハックを利用しているので IE にのみこの設定が適用されます。
それではよろしくお願い致します。
＞rikkyさん
こんばんは。
ご連絡ありがとうございました。
このご質問については説明不足でしたので遅ればせながら記事に追記させて頂きました。
ではでは！
Yujiroさん、こんばんは！
お忙しい中、早々の返答ありがとうございました
事後報告になりましたが、ＴＢもさせて頂きました。
今後もお世話になるかと思いますが、宜しくお願い致しますﾍﾟｺﾘ(o_ _)ｏ))
Yujiroさん、こんにちわ(^^)
早速のご返答ありがとうございました！
教えて頂いたCSSを追加して、微調整したら出来ました。
ただそのままだと絵文字だけが動く様でしたので、vertical-align:middle;で画像の固定だけしてみました。
他ブラウザでも大丈夫な様です(^^)
絵文字がずっと入れたかったので嬉しいです。
ありがとうございました、これからも頑張られて下さいね！
＞かすぴぃさん
ご連絡ありがとうございました。
こちらこそ今後ともよろしくお願い致します。
ではでは！
＞よーこさん
こんばんは。
vertical-align 忘れてました。すいません。
とりあえず解消されたようで良かったです。
ではでは！
何度トライしても500errorになってしまって
トラックバックが送れません(泣)。
もしかしたら、ひとつのエントリにいくつもの
トラックバックをしているせいでしょうか＾＾；
いろいろな技を使わせていただきまして、
本当にありがとうございます（ひたすら感謝）！
これからも、お世話になることと思いますが、
どうぞよろしくお願いいたします（ぺこり）。
＞グラツィアさん
こんにちは。
トラックバック正常処理できずにすいません（原因不明です…）。
色々ご利用くださりありがとうございます。
こちらこそ今後ともよろしくお願い致します。
こんばんわ
rikkyさんと同じように絵文字が反映されません。
"content" を "main" に書き換えてみましたがだめでした。
しかし、本文では反応していなかったのですが、
コメント部分では絵文字が反応されます
私のテンプレートはblog TK*Plus1さんのLeaf of Pumila Ver1.02
です。
アドバイスをください。
わかりました。
私のテンプレートの場合
contentの部分がcontainerに変更でした。
他の方の参考になれば・・・
＞garanceriaさん
こんばんは。
ご連絡ありがとうございました。
記述が良くなかったようですいません。main はあくまで一例です（本文は少し修正しました）。
自己解決されたようでよかったです。
ではでは！
こんばんは。
これまでの絵文字が使えなくなってしまって、
こちらを教えていただき早速やってみました。
無事、完了！
と思っていたのですが、ブログ記事に、
ネスケではちゃんと絵文字が表示されるのに、
ＩＥでは表示されません。
お忙しい中恐れ入りますが、ご指導いただければと思っております。
よろしくお願いします。
＞玲香さん
こんにちは。
ご返事遅くなってすいません。
emoj.js の文字コードが script 要素に指定した文字コードと異なっているのが正常に表示されない原因のようです。
script 要素を下記の通り修正してみてください。
<script type="text/javascript" src="http://8p8p.sakura.ne.jp/sb/emoji.js" charset="shift_jis"></script>それではよろしくお願い致します。
Yujiroさん、こんばんは！
テンプレを変更しましたら、コメントの方に絵文字が表示されなくなってしまいました・・・orz
エントリの方はcontentの部分をcontainerに変更するとこまで何とか自力で出来たのですが、
コメントの方も、何か変更しなければいけないのでしょうか；；
度々で申し訳ありませんが、お時間ある時で結構ですので、アドバイスして頂けたら嬉しいです
宜しくお願いいたしますﾍﾟｺﾘ(o_ _)ｏ))
stroll::blogサンのを見て絵文字を使用していましたが、急に表示ができなくなってしまい困り果ててるところ、こちらを知り、お借りすることができました。
大変助かりました♪
本当にありがとうございました。
Yujiroさん、こんばんは！
何とか自力で解決出来ました＾?＾
"comments" も"container" にしたら表示されるようになりました。
自分でも恥ずかしくなるようなミスでした；；
お手数をおかけして申し訳ありませんでした
今後もお世話になるかと思いますが、宜しくお願い致しますﾍﾟｺﾘ(o_ _)ｏ))
初めまして。今までのものが使えなくなって困っていたのですが、こちらを知ってさっそく利用させていただいてます。ありがとうございます。
絵文字は反映されるようになって設置には成功したと思うのですが、記事投稿の管理画面が文字化けしてしまいます。
コメントを拝見し他にも文字化けした方がいらっしゃいましたが、解決方法が書かれていなかったもので、お聞きします。既出でしたら申し訳ございません。
よろしくお願いいたします。
yujiroさん、こんばんは。
お忙しい中、早速のご指導ありがとうございます。
その通りにやってみたところ、IEでもちゃんと表示されました。
本当にありがとうございました。
＞瑞稀さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようでよかったです。
ではでは！
＞かすぴぃさん
こんばんは。
ご質問の件、自己解決されたようで良かったです。
こちらこそ今後ともよろしくお願い致します。
＞ayacchiさん
こんばんは。
ご質問の件ですが、１項に EUC-JP版のファイルを置きましたので、お手数ですが再度ダウンロードして動作をご確認ください。
それではよろしくお願い致します。
＞玲香さん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
おかげさまで直りました。
こんなに素早く対応していただけて大感謝です。
ありがとうございました。
＞ayacchiさん
ご連絡ありがとうございます。
無事に直ったようで良かったです。
ではでは！
始めまして。
blog TKpulsさんのテンプレートを使っています。
上記の通り絵文字の設定をしました。
しかし、全く反映されず、
新規記事の所は、絵文字という文字のみ
コメントのところは、icons:だけの表示になってします。
全くの初心者ではむりなのでしょうか？
＞ちゅらさん
はじめまして。
ご質問の件、自己解決されたようでよかったです。
ではでは！
初めまして。ＳｅｒｅｎｅＢａｃｈ２．０５Ｒを使用していて、
絵文字を使いたく、こちらの記事を拝見しました。
それで、前述のgaranceriaさんやｒｉｋｋｙさんと同じく、記事の編集画面で、絵文字が表示され、
それをクリックして、編集画面上では「[01]」と表示されているのですが、記事をアップすると、絵文字に変換されなくて、悩んでおります。
どこをどうなおしたら、うまくいくか、いろいろ試したのですが、さっぱりでした・・・。
お暇なときでかまいませんので、ご指導ください。
よろしくお願いします。
こんばんは。
私も今まで使っていた絵文字が突然使えなくなってしまい、
解決方法が無く、こちらを利用させていただこうと
設定させていただきました。
が、新規投稿画面では「絵文字」と出るだけで
絵文字が出ません。×印でも無く空欄です。
何度も見直し、コメントやTBされてるエントリーも
拝見しましたが解決方法がわかりません。
アドバイスよろしくお願いいたします。
＞松吉さん
こんにちは。
ご質問の件ですが、変換されない状態になっているページのURLをお知らせください。
それではよろしくお願い致します。
＞yumiさん
こんにちは。
ご質問の件ですが、サイトを拝見させて頂きました。次の2点を修正してください。
１．HTMLテンプレートに追加した、下記の部分
<!--
changeCustmizeEmojiTag('main', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('main, 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>
の、2つめの changeCustmizeEmojiTag の右側のカッコ内に記述している「main」のすぐ後ろの「'」が抜けてますので追加してください。
２．上の「main」という文字（2箇所）を「entry_area」に変更してください。
記事の方はこれで表示されると思います。
投稿画面の不具合についてはこちらから拝見できないので、まずは「JavaScript エラーを解消する」をご覧になり、投稿画面でエラーがありましたら、その内容をご連絡ください。
それではよろしくお願い致します。
はじめまして。
スクリプトを使わせていただき、問題なく動作はしているのですが、
"6.テンプレートの修正"部分にあります、trackback_auto_discoveryの後に挿入するスクリプトにより、
エントリーの文章(や続きの文章)の最後に、1行分くらいの空白の行が出来てしまいます。
そのスクリプトを取ってみると、その空白はなくまります。
見た目上の問題で、下に出来てしまう余白のバランスをとるために、上の余白もpaddingでとっていますが、
スクリプトを入れても、空白が出来ない方法はないでしょうか?
＞松吉さん
こんにちは。
URLご連絡ありがとうございました（URLはURL欄に入力したもので分かりますがこちらの見落としでした、すいません）。
正常に表示させるには、６項のスクリプトを下記のように修正してください。
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('contents', 'div', 'entry_body flex_width'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('contents', 'div', 'entry_more flex_width'); // 続きに絵文字を表示する
// -->
</script>それではよろしくお願い致します。
＞ponkoさん
こんにちは。
ご質問の件ですが、６項のスクリプトをテンプレートの一番下（body 終了タグの前とか）に移動すれば解消すると思います。大丈夫と思いますが、新たな不具合が発生するようでしたらご連絡ください。
それではよろしくお願い致します。
yujiroさんこんばんは。
ご返答ありがとうございました。
無事、エントリー＆コメントに絵文字が使えるようになりました。
もうひとつお聞きしたいのですが、コメントの絵文字は
コメント入力するすぐ上に表示するようにしたんですが、
絵文字の表示具合がバランス悪いので、（2段で表示しています）
上下の絵文字が同じ幅ぐらいに揃って表示したいのです。
<dd style="margin-left: 5.5em;">
これをmargin-top、margin-bottomなどにしたり
<dd style="margin: 0;">にして試してみたりしましたがうまくいきません。
今はcommentの文字のすぐ下に入れているので<dt>icons:</dt>
<dd style="margin-left: 5.5em;">
は削除しています。どうかよろしくお願いします。
yujiroさんこんばんは。
お返事ありがとうございました。
お教え頂いたとおり、/BODY直前においてみたのですが、絵文字の画像ではなく[123]という文字の表示になってしまいました。(一応空白の行は削除されましたが)
BODYの直後でも同じ状況でした。
絵文字画像は---BEGIN entry---以降にスクリプトを置かないと反映されされず、場所を変えながらいろいろ試してみましたが、やっぱりスクリプトの置く場所を変えても、空白の1行が出来てしまいました。
他に解決方法はないでしょうか?
似たような疑問を持たれた方がいらっしゃらないので、cssなどが影響しているのでしょうか??
お手数ですが、また解決方法をお教えください。よろしくお願いいたします。
＞yumiさん
こんばんは。
ご質問の件ですが、下記でいかがでしょうか。
<label for="description" id="labeldescription">comment</label>
<div style="width:370px">
<script type="text/javascript">
<!--
writeCustmizeEmojiTagList('document.comform.description');
// -->
</script>
</div>それではよろしくお願い致します。
＞ponkoさん
こんばんは。
スクリプトを /body の前だけに配置しても動作することは確認しておりますので、他に不具合があるかもしれません。URL をご連絡頂ければ適切なアドバイスができると思います。
それではよろしくお願い致します。
yujiroさんおはようございます。
ご返答ありがとうございました。
marginにばかり気を取られ、横幅指定する事を
思いもしませんでした。
すっきり揃って絵文字表示できました。
色々とお世話になり、ありがとうございました。
これからもどうぞよろしくお願いいたします。
yujiroさん、こんにちは。
何度もあつかましくアドバイスいただきました
本当にすみません。
絵文字がすっきり表示でき、喜んでいましたが、
絵文字スクリプトを入れることでブログのサイドバーの
New Entries とRecent Comments のリンクを押して
記事に飛ぶとサイドバーの横幅が極端に狭くなりエントリー下に落ちてしまいます。
その他のサイドバー項目ではそのような状態にはなりません。
こちらでお聞きしていいものかと思いましたが
絵文字も使いたいし、テンプレートの崩れも
気になる次第で・・・。
何か解決方法ありませんでしょうか？
本当にすみません。
yujiroさま
さっそくのお返事ありがとうございます。
さきほど、修正したら、表示されました！
ありがとうございました。うれしいです＾＾。
それで、自力で、コメント部分にも表示させて（７項）みようとやってみたのですが、こちらはだめでした・・・。
こちらのアドバイスもいただけたら、
幸いです。お手数おかけして申し訳ありませんが、
よろしくおねがいします。
＞yujiroさんこんにちは。
ぜひ実際にブログを見ていただきたいのですが、出来ましたらURLを公表したくないのです。
わがまま言ってすみません＞＜
ここでの書き込みではなく、何か別の方法でお教えできればいいのですが...
メールアドレスが非公開となっているのであれば、メルアドにURLを入れて送信してもよろしいでしょうか?
＞yumiさん
こんばんは。
ご質問の件ですが、[45]で回答したタグの一番最後のタグは </div> ですが、</dd> になっているのが原因のようです。
それではよろしくお願い致します。
＞松吉さん
こんばんは。
ご質問の件ですが、emoji.js の文字コードが Shift_JIS になってしまっており、emoji.js を読み込む script タグの charset 属性を utf-8 で指定しているので、IE で正常に認識できないのが原因のようです。
ということで、script タグの charset 属性を "shift_jis" に変更してください。
なお文字コードの変更については「ファイルの文字コードを簡単に変更する方法」が参考になれば幸いです。
それではよろしくお願い致します。
＞ponko さん
こんばんは。
当サイトの「プロフィール」にメールフォームへのリンクがありますので、メールにて URL をご連絡ください。
それではよろしくお願い致します。
yujiroさんこんばんは。
最後のタグ変えました。
問題無事解決できました。ありがとうございます。
＞yumiさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
ではでは！
yujiroさんおはようございます。
お教えいただいたとおり、/body直前にスクリプトを置いて、絵文字は表示されました。
が、[・・・]が絵文字に変わるのと同時に、やはり最後の行に空白の1行が出来てしまいました。
2月2日の最後のエントリで、その状態を確認できます。(上左右はcssでスペースをとっています)
お手数ですが、もう一度ご確認頂けますでしょうか。
よろしくお願い致します。
yujiroさん、こんにちは。
こちらのエントリーを参考に私も挑戦してみたのですが、記事投稿画面に絵文字は表示されるのですが、クリックするとスクリプトエラーが出てうまくいきません。
firefoxのエラーコンソールで確認したところ
emoji.js
の１５２行目が表示されるのですが、そこをどうしたらよいのかわかりません。
もし解決方法がありましたら、教えていただけますでしょうか？よろしくお願いします。
＞ponkoさん
こんにちは。
分かりました。空の entry_more タグを処理しているのが原因のようです。
emoji.js の153行目辺りを下記のように修正してください。
修正前
for (var i = 0; i < objComBody.length; i++) {
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
修正後
for (var i = 0; i < objComBody.length; i++) {
if(objComBody[i].innerHTML){
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
}それではよろしくお願い致します。
＞まりもさん
こんにちは。
ご質問の件ですが、エラーコンソールに表示されているメッセージも併せてお知らせください。
それではよろしくお願い致します。
yujiroさん、こんにちは。
早速修正しましたら、空白行が解消されました!!
すばやい対応をしていただき感謝しております。
この度はどうもありがとうございました＾＾
こんにちは、たびたびすいません。
エラーコンソールには
obj has no properties
http://cocolatte.biz/emoji.js
行：152
と書いております。
それではよろしくお願いします。
＞ponkoさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
＞まりもさん
こんにちは。
事象は分かりましたが、設定状況が分からないのでコメントのやりとりでは解決できそうにありません。
もしよろしければ、ご利用のレンタルサーバ、および Serene Bach のログイン・パスワードをメールにてお知らせください（プロフィールのページにメールフォームがあります）。
それではよろしくお願い致します。
さきほどメールさせていただきました。
よろしくお願いします。
＞まりもさん
こんにちは。
拝見させていただきました。
このエントリーで配布している emoji.js を使われていないのが原因のようです。
３項にある emoji.js をダウンロードして、画像の設定をやり直し、現在ご利用になっている emoji.js と差し替えてください。
あと、entry.html をカスタマイズされているようですが、「サムネイル」部分の dt タグが閉じていないようですので併せて修正しておくと良いでしょう（この問題には影響ないようです）。
それではよろしくお願い致します。
yujiroさん、こんにちは。
お返事ありがとうございました。
さきほどemoji.jsを設定しなおしたところ、きちんと表示されるようになりました。
初歩的なミスだったようでお恥ずかしい限りです・・entry.htmlのほうも直しておこうと思います。
これで安心してＳＢが使えそうです、大変ありがとうございました。
＞まりもさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
お返事ありがとうございました。
テンプレートへ挿入しスクリプトタグが
「shift-jis」になっていたのを「utf-8」に変更して、かつ、個別テンプレートも同様の修正をし、
emoji.jsファイルの文字コードを「utf-8」に保存しなおして、アップロードしました。
修正方法はもしかして、まちがっているのでしょうか？
yujiroさんのアドバイスを正確に理解できていないようで、本当に申し訳ありません。
＞松吉さん
こんばんは。
コメント部分の絵文字のカスタマイズは正常に動作しているようです（コメント投稿していないのでテキストエリアへの表示までしか確認できておりませんが）。
何かまだ不具合があるようでしたら事象をご連絡ください（[63]で頂いたコメントは修正内容の確認、という主旨と理解しています）。
それではよろしくお願い致します。
お返事ありがとうございます。[63]のコメントも
ご理解いただけてうれしいです。
それと、お詫びなのですが、言葉が足りずに
すみませんでした。
コメント投稿後、絵文字が表示されていないので、
７項の設定をどこか間違えているのではと思い、
＜/form＞
＜/div＞
＜script type="text/javascript"＞
＜!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// --＞
＜/script＞
＜!-- END comment_area --＞
の部分を
＜/form＞
＜/div＞
＜script type="text/javascript"＞
＜!--
changeCustmizeEmojiTag('comments', 'div' ,'comment flex_width');
// --＞
＜/script＞
＜!-- END comment_area --＞
と修正してみたのですが、絵文字が
[01]の表示のままです。
何度もお手数おかけしてもうしわけありませんが、
よろしくおねがいします。
（ここで、ためしに自分で投稿してみました）
＞松吉さん
こんばんは。
ご質問の件ですが、
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment flex_width');
// -->
</script>を
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'dl' ,'comment_body flex_width');
// -->
</script>に修正してください。
それではよろしくお願い致します。
お返事ありがとうございました。
きちんと絵文字が表示されました。
。゜゜(´□｀。)°゜。ワーン!!すごくうれしいです。
本当にありがとうございました。
＞松吉さん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
はじめまして。
今回、初めてこの絵文字のスクリプトを利用させていただこうとしています。
設定は一通り完了したのですが、記事投稿画面で絵文字が反映されません。
「絵文字」という文字だけが表示されて絵文字も、「×」も何もなく空欄になってしまっています。
上記のコメントを参考にしてJavascriptのエラーを見てみました所、
ライン:203
文字:1
エラー:オブジェクトを指定してください
コード:0
URL:http://2kids.littlestsr.jp/sb/admin.cgi?_mode=new
となっています。
ライン:137でも同じエラーが出ているようです。
私の力ではここまでしかわかりませんでした･･･
お忙しい中 申し訳ないですが、どう直したらいいのか教えていただけないでしょうか。
よろしくお願いします。
＞purityさん
こんにちは。
事象は分かりましたが、設定状況が分からないのでコメントのやりとりでは解決できそうにありません。
もしよろしければ、ご利用のレンタルサーバ、および Serene Bach のログイン・パスワードをメールにてお知らせください（プロフィールのページにメールフォームがあります）。
それではよろしくお願い致します。
＞purityさん
こんにちは。
（他の方の参考として）発生している事象をまとめると、記事投稿画面の絵文字が
IE6：画像も何も表示されない
Firefox：正常に表示・動作
とう状態です。
教えて頂いたログイン・パスワードで管理画面を拝見させて頂いたところ、emoji.js の文字コードが utf-8 から Shift_JIS に変わってしまっているのが原因ではないかと思います（４項の赤字部分）。
ということで、entry.html に埋め込んだ script タグ（１．１項）の charset 属性を "shift_jis" に変更するか、あるいは emoji.js の文字コードを UTF-8 にしてください。文字コードの変更については「ファイルの文字コードを簡単に変更する方法」が参考になれば幸いです。
それではよろしくお願い致します。
お返事ありがとうございました。
entry.htmlのタグの方の文字コードを変更したところ、無事に表示されるようになりました。
本当にありがとうごさいました！！
初めまして、こんにちは。
絵文字が使えるということで早速利用させていただいたのですが、記事の文字入力は出来るのですがコメントで絵文字を使うと絵文字ではなく数字（emoji.jsで決めた数字）が表示されて絵文字が出ない状況です。
記事に表示できたのも奇跡だと思っているので、もうお手上げです。
どこをどうしたらよいのか教えていただけると嬉しいです。
よろしくお願いいたします。
＞purityさん
こんにちは。
ご連絡ありがとうございました。
ではでは！
＞若菜さん
こんにちは。
ご質問の件ですが、７項の一番下のリストを下記のように修正した形で設定してください。
修正前
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>修正後
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', 'div' ,'comment');
// -->
</script>はじめまして。
絵文字が使えるということで、さっそくこちらのスクリプトを使わせていただきました。
が、管理画面では絵文字が表示されて記入も出来るのですが、確認画面では登録した数字となって表示されます。
上記のコメントにもあったように、
「comments」→「container」に変更してみたのですが、変わりません。
何が原因なのでしょうか？
よろしくお願いします。
＞みーしゃんさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、emoji.js の中に記述している日本語が文字化けしているのが原因のようです。
emoji.js の中にある日本語のコメントを行ごと削除するか、もう一度 emoji.js をダウンロードして修正後、文字化けしないようにファイルを保存してください。
それではよろしくお願い致します。
早速のお返事ありがとうございました。
emoji.js を再ダウンロードしたら、きちんと表示されました。
お手数をおかけしました。
ありがとうございました。
はじめまして。
こちらのスクリプトを使わせていただこうと頑張って設置しようと思っています。
それが、新規記事投稿画面では絵文字がちゃんと表示されているのに、実際記事を投稿してみると表示されないのです(数字の表示になってしまいます)。
上記のコメントを参考にして、contentをmainに変更してみました。
絵文字URLも確認したところ、ちゃんと表示されます。
何が原因なのでしょうか・・？
どうぞよろしくお願いします。
＞みーしゃんさん
こんにちは。
ご連絡ありがとうございました。
絵文字は表示されるようになりましたでしょうか。
まだ不具合あるようでしたら遠慮なくご連絡ください。
ではでは！
＞nya-さん
こんにちは。
ご質問の件ですが、HTMLテンプレートに６項の一番最初のリスト
<script type="text/javascript" src="{site_top}emoji.js" charset="utf-8"></script>が設定されていないようです。
それではよろしくお願い致します。
yujiro様。
早々のお返事ありがとうございます！
大事な部分が抜けてたんですねぇ?・・
お蔭様で無事に表示されました！
本当にありがとうございました。
＞nya-さん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
ではでは！
こんばんは。
いつも何故か“二重投稿”になってしまい、なかなかお礼が出来ずスミマセンでした。
無事絵文字も表示されるようになり、とても嬉しく思っています。
同じ方のテンプレートなら、同じ風にすれば設定できるかもしれないのですが、他の方のテンプレートに変えるときっと設置できないと思うので、また質問に上がらせていただくと思いますが、宜しくお願いいたします。
あと、こんな素敵なスクリプト、どうもありがとうございました。
＞若菜さん
こんばんは。
ご連絡ありがとうございました。
ちなみにこの設定であれば、他のテンプレートでもそのまま使える可能性大ですが、動作しなくなりましたら、またその節はご連絡ください。
ではでは！
はじめまして。
このサイトでSerene Bachで絵文字が使える事を知って、
さっそく頑張ってみたのですが、記事には絵文字がつくものの、
コメントの方では［・・・］の状態になってしまいます。
何が原因なのかさっぱりなんです・・・。
良ければ教えていただけますか？
＞ワカさん
はじめまして。
ご質問の件ですが、７項の最後のリストにある
changeCustmizeEmojiTag('comments', 'div' ,'comment');を
changeCustmizeEmojiTag('', 'dt' ,'comment');に変更してください。これで表示されると思います。
以上です。
それではよろしくお願い致します。
yujiro さん、ありがとうございます！！
バッチリ表示されました♪
他のも色々と使わせていただきますね?。
＞ワカさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されたようでよかったです。
ではでは！
初めまして。私はLivedoorを使ってるのですが、こちらのカスタムは使えますでしょうか？
Stollさんのブログでの支援が難しいようで、辿ってきました。
『一部修正すれば』というのはどこのことでしょうか？
ブックマークレットのことなどよく知らない初心者なのでわからない所が沢山あって･･･
ちなみに私はLivedoorの旧テンプレを使っています。
どうぞ宜しくお願い致します。
連続投稿すみません。
可能であれば、JUGEMのほうも教えてください。
色々と我侭言ってしまい、すみませんが宜しくお願い致します。
＞浅葱さん
こんにちは。
ご返事遅くなってすいません。
ご質問の件ですが、「他のテンプレート」は「当サイト以外で配布している Serene Bach のテンプレート」という意味でして、他のブログサービスを指しているものではありません。
また、Livedoor等のブログサービスでは、ユーザが管理画面を編集できないため、本カスタマイズは残念ながら適用できないと思われます。
ご期待に添えず申し訳ございません。
yujiroさん
こんにちは。お返事有難うございます。
ブログサービスのことではなかったのですね(^^;;
ご丁寧に有難うございました。
今回は残念でしたが、また便利そうなカスタマイズを見つけたら
お世話になると思いますので、その時は宜しくお願いします。
ありがとうございました。
いつもカスタマイズでお世話になってます。
今回こちらの"記事とコメントに絵文字表示する方法"を見てカスタマイズしたのですが、、、
エントリー部分は問題なく表示されるものの、コメント部分だと絵文字でなく
[01]等の自分で設定した数字が表示されてしまいます。
何度か上記の方へのアドバイス等を見て色々と変更してみたのですが、
未だに表示はされず頭を抱え込んでいる次第です。
そこで、もし良ければアドバイスを頂けたら‥と思って書き込みました。
お忙しいところ失礼とは思いますが、どうぞ宜しくお願い致します。
＞浅葱さん
こんにちは。
ご連絡ありがとうございます。
また何かございましたらご連絡ください。
こちらこそどうぞよろしくお願い致します。
＞shizukaさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、
changeCustmizeEmojiTag('', '' ,'comment_body');を
changeCustmizeEmojiTag('', '' ,'comment');
に変更してください。これで表示されると思います。
それではよろしくお願い致します。
お忙しい中、親切に回答して頂き有り難う御座います。
さっそく変更してみたところ、無事に絵文字が表示されるようになりました。
カスタマイズは難しければ難しいほど、上手に出来なかったり
イライラしたりもするけれど出来たときの感動が大きいですね。
今度は自分の力で解決できるよう、勉強を続けていきたいと思います。
有り難う御座いました♪
＞shizukaさん
こんにちは。
ご連絡ありがとうございました。
無事に表示されるようになって良かったです。
たしかに「産みの苦しみ」みたいなところがありますね。
BlogPeople登録もありがとうございました。
ではでは！
以前にもお世話になりました、まりもです。
新しいテンプレに変えたところ、またしても表示されなくなってしまいました。
自分でいろいろやってみたのですが、どうしてもわかりません。
またお力を貸していただけると幸いです。
コメント部分には絵文字が表示されているのですが、本文とコメント部分が数字で表示されてしまいます。
どうしたらよいのかわからずに困っています。
毎度毎度申し訳ございませんが、よろしくお願いします。
＞まりもさん
こんにちは。
ご質問の件ですが、下記のように修正してください。該当箇所の変更前（または削除）を赤、変更後を青で示しています。
変更前
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('entry', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('entry', 'div', 'entry_more'); // 続きに絵文字を表示する
// -->
</script>
：
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', '' ,'comment');
// -->
</script>変更後
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', 'div', 'entry_body'); // 本文に絵文字を表示する
changeCustmizeEmojiTag('', 'div', 'entry_sequel'); // 続きに絵文字を表示する
// -->
</script>
：
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('', '' ,'comment_body');
// -->
</script>それではよろしくお願い致します。
yujiroさん、こんにちは。
今回も無事に表示ができました。
自分ではてんてこまいだったので、また一つ知識が増えたような気分です。
お忙しい中、お時間を割いていただき、本当にありがとうございました。
＞まりもさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されたようでよかったです。
ではでは！
初めまして、green lettuceと申します。
いつも御世話になっております。
エントリーに絵文字を導入させて頂いております。
この度Serene Bach2.12Rにバージョンアップしました。
2.12Rにもしっかり対応しておりますのでご報告まで。
有難う御座いました。
今後共よろしくお願い致します。
いつもお世話になってます。
以前、こちらでコメントの部分を教えていただいた者です。
もう一つの方でも前と同じでコメント部分に絵文字が出ません・・。
私はいったい何を間違えているのでしょうか？
yujiroさん、何度も同じことを聞いて申し訳ないのですが・・・・・・
お助けください・・・。
こんにちは。
以前"空白の1行"の件でお世話になりましたponkoです。
現在使用している絵文字を別の絵文字に変更したいと思っています。
旧絵文字画像と新絵文字画像を入れ替えることなく、
旧絵文字はそのまま表示しつつ、
新絵文字を新たに使いはじめるのに、何か良い方法はないでしょうか?
新絵文字画像を今までのものに追加することも考えましたが、
画像が増える分、表示が重くなってしまったり、スペースをとってしまうので、
使いづらくなるかなと思いました。
設置方法等の質問ではなくすみません。
何か良い方法がありましたらアドバイスください。
よろしくお願いします。
＞green lettuceさん
はじめまして。
コメントありがとうございました。
正常に動作しているようで良かったです。
「2.12RでOK」ということで本文の適用可能バージョンを修正させて頂きました。
情報ありがとうございました。
＞ワカさん
こんにちは。
拝見させて頂いたところ、設定自体は問題ないようです。ただ、コメント欄に絵文字を表示する "[06]" 等のマークが入っていないようですので、再度ご確認ください。
それではよろしくお願い致します。
yujiroさん、こんにちは。
以前は、お忙しい中アドバイスを頂きお世話になりました。
それで、今更なのですが、またアドバイスを頂きたく書き込みさせて頂きます。
コメント欄、絵文字は表示されていますが、コメントを入力中に表示されてる絵文字をクリックしても、コメント欄に反映されません。今は絵文字一覧を使えないのに見せてるだけ状態になっています。
前回同様に、簡単な修正で済むものじゃないかと自分なりに試してみたり、こちらのコメントのやりとりもチェックして、それぞれ試してみましたがうまくいきませんでした。
アドバイス、よろしくお願いします。
yujiroさん、はじめまして。
絵文字プラグイン導入にチャレンジしています。
記事の方は表示されるのですが、コメントの方は画像名が出てしまいます。
上記のアドバイスなどを参考にしたのですが、どうしても上手くいきません。
どこをどうしていいのかさっぱりわからなくなってしまって・・・アドバイス御願い致します。
yujiroさん、こんにちは。
なんとかコメントにも絵文字表示されるようになりました。
ただ、コメントしようとするとページエラーが出るようです。
何か記述間違いがあるのでしょうか。
通常ページ閲覧する分にはエラーは出ないのですが、コメントをクリックすると表示はされていますが左下にページでエラーが発生しましたと出ます。
何か抜けているのか多いのか探しても分からず･･･
アドバイス頂けませんでしょうか。
よろしくお願い致します。
＞玲香さん
こんばんは。
ご返事が大変遅くなり申し訳ありません（原因が分からず数日悩んでました…）。
で、対処方法ですが、テンプレートにある検索フォームの name 属性名 "comform"（赤色）を "searchform" 等に変更してください。
<div class="sidetitle">
Search this site
</div>
<div class="side">
<form name="comform" method="get" action="http://8p8p.sakura.ne.jp/sb/sb.cgi">
：
</form>
</div>"comform" ではコメント投稿フォームの name 属性と重複するため、正常に処理できなくなるようです。
それではよろしくお願い致します。
＞hiroさん
こんばんは。
ご返事が大変遅くなり申し訳ありません。
不具合はまだ発生しておりますでしょうか。コメント投稿しなければ発生しないようであれば私からテストコメントしてもよろしいでしょうか。
状況ご連絡頂ければ幸いです。
それではよろしくお願い致します。
こんばんは。
コメント残して頂きありがとうございました。
どうやら他のscriptを入れるとエラーが出てしまうようで解決出来なかったので、エラーの原因になるものを削除してしまいました。
現状ではエラーは出ていないようです。
お世話になります。ありがとうございました。
＞hiroさん
こんばんは。
ご連絡ありがとうございました。
私がコメントした時もエラーは発生しませんでした。
削除したスクリプトを復活させること等がありましたらまたご連絡ください。
ではでは！
yujiroさん、こんばんは。
わざわざ、コメントでご連絡いただきありがとうございました。
早速、教えて頂いたように変更しました。
無事、クリックしたアイコンがコメント欄に反映し、ちゃんと表示されました。
お忙しいのに、本当にありがとうございました。
(再度質問します)
こんにちは。
以前"空白の1行"の件でお世話になりましたponkoです。
現在使用している絵文字を別の絵文字に変更したいと思っています。
旧絵文字画像と新絵文字画像を入れ替えることなく、
旧絵文字はそのまま表示しつつ、
新絵文字を新たに使いはじめるのに、何か良い方法はないでしょうか?
新絵文字画像を今までのものに追加することも考えましたが、
画像が増える分、表示が重くなってしまったり、スペースをとってしまうので、
使いづらくなるかなと思いました。
設置方法等の質問ではなくすみません。
何か良い方法がありましたらアドバイスください。
よろしくお願いします。
＞玲香さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは！
＞ponkoさん
こんばんは。
＃前回頂いたコメントは私の投稿とすれ違ってしまったようで気がついておりませんでした。申し訳ありません。
ご質問の件は「これまでに表示していた画像はエントリー編集画面やコメントフォーム欄の表示から削除し、かつ過去のエントリー本文やコメント欄で使用した画像はこれまで通り表示させたい」ということでよろしいでしょうか。
案ベースですいませんが、絵文字をフォームに表示する関数（writeCustmizeEmojiTagList）と、エントリーやコメント欄に絵文字を表示する関数（changeCustmizeEmojiTag）は独立しているので、emoji.js の画像リストにはとりあえず新旧全ての画像を列挙し、前者の関数で新しい画像のみを読み込むように実装すればうまくできるのではないかと思います。
例えば getCommentEmojiList にパラメータをひとつ設けて、writeCustmizeEmojiTagListから起動する場合はパラメータに"0"、changeCustmizeEmojiTagから起動する場合はパラメータに"1"を与えます。これでどちらの関数から起動されたか分かるので、writeCustmizeEmojiTagListから起動された場合は新画像分のリストのみ生成、changeCustmizeEmojiTagから起動された場合は新旧全てのリストを生成・返却します。
それではよろしくお願い致します。
yujiroさん、こんにちは。
お返事ありがとうございました。
せっかくアドバイスいただいたのですが、
私、Javascriptについては何にもわからないため、
自身で試すことができませんでした。
お忙しい中、すみませんでした。
もし機会がありましたら、この件について、
また改めてご説明いただけるとありがたいです。
はじめまして
みなさまが質問されてることと同じ内容で恐縮なのですが・・・・・
ｺﾒﾝﾄを投稿した際の絵文字が表示されません
みまさまの質問とyujiroさんの回答を何度も何度も読み返していろんな想定で試して見たのですが、ご回答されている記述変更はすべてだめでした
changeCustmizeEmojiTag('comments', 'div' ,'comment');
この部分の変更だとは思うのですが、私のﾃﾝﾌﾟﾚｰﾄの場合、どのように変更すれば表示されるようになるでしょうか・・・・・
お忙しい中、同じような質問でほんとうに申し訳ないのですが、ご伝授ください
よろしくおねがいします
＞ponkoさん
こんにちは。
大変失礼いたしました。
それでは改めてソースコードを考えて、エントリーしたいと思います。
すいませんが少々お時間ください。
＞みこちさん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、下記のようにしてみてください。
changeCustmizeEmojiTag('comments', 'dl' ,'comment_body');うまくできなかった場合、すいませんが再度ご連絡頂けますでしょうか。
それではよろしくお願い致します。
yujiroさん、早速のご指南、ありがとうございます
最初教えていただいたとおりやってもできなかったのですが、もう一度丁寧に慎重にやり直してみたら、教えていただいたタグで表示されました
まじで感激です・・・・・
今日、半日タグとにらめっこした苦労が報われた思いです
ほんとうにお忙しいところをありがとうございました
これからもますますのご活躍を期待しております^^
＞みこちさん
こんばんは。
コメントがないので確認できてませんが、回答のタグでうまくできましたでしょうか。
もし不具合が残るようでしたら遠慮なくおっしゃってください（たまに回答ミスがありますので）。
ではでは！
yujiroさん、こんばんは。
先日はお世話になりました。
テンプレートを変えたら、コメントが書き込めなくなってしまったようなので、またご教授いただけますでしょうか？
コメントを書き込んでも、書き込む前のコメント画面になるばかりで書き込めない状況です。
絵文字どころではない感じで・・・。
絵文字導入の後に、カラーピッカーと文字リサイズのカスタマイズをしたのでそれかなと思って削除したのですが、変りません。
どこに原因があるのかもし分かるようでしたら、教えていただけますでしょうか？
＞若菜さん
こんばんは。
ご質問の件ですが、下記の記事にしたがってテンプレートを修正してみてください。これでコメントできないようであれば配布テンプレートをカスタマイズ前の状態（と先の修正を加える）でお試しください。
Serene Bach を最新版にアップグレードされてもいいかもしれません。
それではよろしくお願い致します。
＞若菜さん
こんばんは。
ご質問の件ですが、下記の記事にしたがってテンプレートを修正してみてください。これでコメントできないようであれば配布テンプレートをカスタマイズ前の状態（と先の修正を加える）でお試しください。
Serene Bach を最新版にアップグレードされてもいいかもしれません。
それではよろしくお願い致します。
こんばんわ！
絵文字を無事表示することができていたのですが、IEで確認したら絵文字が表示さてていなく、エラーを確認したら、どうも絵文字のスプリクトのほうで文字化けのエラーが出ていることが分かったのですが、修正したらFirefoxでも表示されなくなってしまいました。emoji.jsの方も確認し、文字コードも確認したところ間違ってはいないと思うのですが…
IEでblogを表示すると、デザインも違うのでIEとFirefoxではCSSなどの設定も違うのでしょうか？スプリクトを入れているせいなのか、さっぱり分からなくなってしまって…お忙しいと思いますが、ご伝授していただけないでしょうか＞＜
よろしくお願いします。
＞chiさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、何ヶ所か修正する必要があります。
まず、IE で絵文字が表示されない原因は、タイトル下のナビゲーションバー部分の HTML（約40行ほど）が誤っているのが原因です。
例えば、ul の子要素として書けるのは li ですが、div が記述されています。また、div と li が入れ子になっていない箇所もあります。
このような部分をきちんと書き直せば表示されるようになります。
目視で分からない場合は下記のツールを利用してチェックしてください。
またタグの親または子に何のタグが書けるかは、「XHTML タグ一覧表示ツール」をご利用ください。
また、IE のエラーは絵文字スクリプトとは関係ないところが影響しています。ページ最後の方にある、
<script type="text/javascript" src="http://www.webdimple.com/script.js"></script>を
<script type="text/javascript" src="http://www.webdimple.com/script.js" charset="euc-jp"></script>に修正すれば解消されます。
IE と Firefox では CSS の解釈に差分がありますが、HTML を直せばある程度同じ表示になるかもしれません。今回の修正で IE と Firefox でレイアウトが異なる場合はテンプレート配布元にご相談ください。
それではよろしくお願い致します。
yujiroさん、お返事ありがとうございます！
IEでの絵文字、表示されました！！デザインもちゃんと表示することができました！ありがとうございます”！！！原因は絵文字のほうではなかったみたいですみません。
IEのエラーなのですが、スクリプトの表示も修正してみたのですが、 charset="euc-jp"の所は自分のエンコード（UTF-8）にしたほうが良いですか？どちらもやってみたのですが、まだエラーが出るので教えてもらったAnother HTML-lint gatewayで確認したところ、ものすごい量のエラーがでたのですが、あれはすべて修正するべきなのでしょうか？
ステータスバー？に出るエラーがどのエラーなのか分からずで…直せるところは直してみました。ここで聞くことじゃないことは分かっているのですが＞＜ こういう事はどこでしつもんすれば良いのでしょうか？
＞chiさん
こんばんは。
ご質問の件ですが、エラーは
<script type="text/javascript" src="http://www.webdimple.com/script.js" charset="euc-jp"></script>ではなく、他の箇所で発生しています。
script 要素の charset 属性は「読み込むファイルの文字コード」を指定するものですので、ブログの文字コードを設定するのは誤りです。
また現在発生しているエラーはリアルタイムカウンタ（マークアップが誤っていた箇所に埋め込んでいるスクリプト）で発生しています。
スクリプト自体がよくないようですので、下記の内容をコピーして丸ごと入れ替えてください。
<!-- POWERED BY RTOC REAL-TIME ONLINE COUNTER HTTP://WWW.J-FX.WS/RTOC/ -->
<script type="text/javascript">
<!--
function callServer(url) {
new Ajax.Request(url, {
method: 'get',
onComplete: updatePage
});
}
function updatePage(req) {
$("rtoc").innerHTML = req.responseText;
setTimeout("callServer('http://www.webdimple.com/plugin/resource/rtoc.php')",2500);
}
callServer("http://www.webdimple.com/plugin/resource/rtoc.php");
// -->
</script>また、このスクリプトを起動するには prototype.js が必要になりますので、
http://www.prototypejs.org/download
より prototype.js をダウンロードし、サーバにアップロードして head 終了タグの前に
<script type="text/javascript" src="http://www.webdimple.com/prototype.js"></script>を追加してください。
これでエラーは解消すると思いますが、配布スクリプト（http://www.webdimple.com/plugin/resource/rtoc.php）の動作のご質問にはお答え致しかねますので、予めご容赦ください。
Another HTML-lint gateway のエラーについては、得点の高いものから順に修正していくと良いでしょう。2点や1点のものは後回しで良いですが、ゆっくりでも構わないので100点に近づけることをお勧めします。
修正のメリットは、エラーが少ないほど多くのブラウザできれいに表示されるようになります。
それではよろしくお願い致します。
続けてコメントしてしまって申し訳ないです…。
blogを色々確認していたらコメントを投稿した時の絵文字が表示されていなく、
みなさまのコメントの方も見て修正してみたのですが、やはりコメントが
表示されません。firefoxもIEも表示されていませんでした。
writeCustmizeEmojiTagList('document.comform.description');
ここの書き換えもするのでしょうか？
＞chiさん
こんばんは。
ご質問の件ですが、
changeCustmizeEmojiTag('comments', 'div' ,'comment');を
changeCustmizeEmojiTag('comments', 'dd' ,'');に変更してみてください。
それではよろしくお願い致します。
yujiro様、お忙しい中、本当にありがとうございました！
IEでのエラーも無くなり、絵文字もちゃんと表示できるようになりました！！
教えて頂いたHTMLのチェックの方も少しずつ直していきたいと思います。
隅から隅までご親切にありがとうございました！本当に感謝しています！
こんばんは。
お礼が遅くなってしまってすみませんでした。
バージョンをアップしても解決しなかったため、とりあえず全てのテンプレートを外してみました。
また一から絵文字入力のスクリプトを入れていたら、今まで出来ていた絵文字が使えなくなるかもしれないのですが・・・またその時は宜しくお願いいたします。
＞chiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
＞若菜さん
こんにちは。
ご連絡ありがとうございました。
また何かありましたらご連絡ください。
それではよろしくお願い致します。
いつもお世話になってます。
2.14Dでの6番までのカスタマイズは成功していましたが，絵文字に変換できません。FTPで設定した画像の数字が出るだけです。
一番最後の項目の「entry_body / entry_more：記事またはコメント本文全体を括っているタグの class 属性」が自分の使っているテンプレートでは，<div class="textBody">一つしかなくその中に{entry_description}と{entry_sequel}が入っている状態です。（他にタグはなし）このままでは正常に動かずスクリプトの部分にも何を入れたらいいか・・・。たぶんココが引っかかってるんじゃないかと思います。
あと，コメントの部分にも絵文字を表示させたいのですが
<form class="post" method="post" achtion="{site_cgi}" id="commetosForm">
↓
<form name="comform" method="post" action="{site_cgi}" id="commentsForm">
としたのですが，これでいいのでしょうか。
次の2つ（青字のタグ）も入れたのですがブラウザ（Firefox）で見るとスクリプトエラーになって絵文字が表示されません。
writeCustmizeEmojiTagList('document.comform.description');
changeCustmizeEmojiTag('comments', 'div' ,'comment');
は，テンプレートに合わせてどこをどういじればいいのかわかりません。
テンプレートは，sbvicunaを使っています。
よろしくお願いします。
＞kanaさん
こんにちは。
ご質問の件ですが、本文と追記が <div class="textBody"> に含まれるのであれば
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('main', 'div', 'textBody');
// -->
</script>で大丈夫です。
コメントに表示されない不具合ですが、まず /head の前に emoji.js を読み込む script 要素を追加してください（これでフォームに表示されます）。
それから
changeCustmizeEmojiTag('comments', 'div' ,'comment');は
changeCustmizeEmojiTag('comments', 'dd' ,'');に変更してください。多分これでコメントにも反映されると思います。
それではよろしくお願い致します。
お返事ありがとうございます。
無事すべて表示する事ができました。2.14Dでも正常に動作しています。
また何かありましたらよろしくお願いします。
＞kanaさん
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
いつもお世話になっています。
今回こちらの
記事（エントリー）に絵文字を使う for Serene Bach
をやってみたのですが、コメントに絵文字が使用できません。
お手数をおかけしますが、教えていただけませんか？
お願いします。
＞ワカさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、「コメントに入力した絵文字が投稿後、コメント欄に反映されない（テキストで表示？）」ということでよろしいでしょうか？
であれば、コメントに絵文字を投稿した状態のページをひとつ作って、再度ご連絡頂けますでしょうか。拝見させて頂いた状態では不具合が確認できません。
それではよろしくお願い致します。
yujiro様、言葉が足らなくてすみません。
質問については、その通りです。
コメントに絵文字を使って投稿してみましたので、
よろしくお願いします。
・・・何度も申し訳ありません・・・
なんどもすみません。
ついで・・というか、アーカイブのところのツリー化だけが上手くできないのですが、
どこが悪いのでしょうか？
教えていただけるとたすかります・・・。
＞ワカさん
こんにちは。
絵文字が表示されない件は
changeCustmizeEmojiTag('comments', 'div' ,'comment');を
changeCustmizeEmojiTag('entry_area', 'dd' ,'');に変更してみてください。
アーカイブツリーは
generateNormalTree("archivelist");を
generateTreeForTreeStructure("archivelist");に変更してください。
それではよろしくお願い致します。
yujiro様・・・・できました。
尊敬します・・・。本気で。
どうもありがとうございました！！
＞ワカさん
こんにちは。
うまくできたようで良かったです。
ではでは！
こんばんは。
いつもお世話になっています。
先日Serene Bachのバージョンを2.17Rにしたところ、エントリーページの絵文字が表示されなくなりました。
コメント画面の絵文字は表示されています。
また、今までの記事の絵文字も表示されています。
何故なのでしょうか？
また、どうしたら元通り表示されるようになりますでしょうか？
お忙しいとは思いますが、宜しくお願いいたします。
＞若菜さん
こんばんは。
ご質問の件につきまして、サイトを拝見させて頂いたところ表示されているようですが、解消されましたでしょうか？
不具合が続いているようでしたらご連絡お待ちしております（すいませんが不具合がある状態でサイトを拝見させてください）。
それではよろしくお願い致します。
こんばんは。
すみません、表現が間違っていたようです。
絵文字が出ないのは、新規記事作成の画面です。
新しく記事を書くときに、絵文字が出ない状態なのです。
数字のみで[01]と書き込むと、アップした記事には絵文字が出るようです。
新規記事作成の画面のみに絵文字が出ないようなのですが、どうすればいいのでしょうか？
＞若菜さん
こんばんは。
ご返事遅くなりすいません。
確認ですが、2.17Rにバージョンアップされた後、本エントリーの１項および２項の手順は再度実施されましたでしょうか（バージョンアップで以前の変更が上書きされてしまうため）。
それではよろしくお願い致します。
ありがとうございましたー。
全く忘れておりました。
次回からバージョンアップの際には気をつけます。
こんにちは。今回こちらの記事を参考にさせていただきました。
現在SBのバージョンは2.17Rとなっていますが、
こちらで予め用意された「entry.html」が問題なく使用できましたので報告いたします。
また質問なのですが、現在エントリの記事の行間を指定しているのですが、
絵文字を挿入すると、その行が上に詰まってしまいます。
非常に初歩的なことをお聞きするようで申し訳ございませんが、
解決法がありましたら教えていただけますと幸いです。
お忙しいところ申し訳ございません。
大変申し訳ございません、自己解決いたしました。
＞しんくさん
こんにちは。
ご連絡遅くなり申し訳ありません。
ご質問の件、自己解決されたようで良かったです。
ではでは！
こんにちは、
先日テンプレートをblog TK*Plus1 さんの縞々に変更して
Serene Bach 2.17Rにバージョンアップしましたが
上の記事を参考にして色々いじってみたのですが、
何度やってもコメントの絵文字が表示されません。
アドバイスをください。
お願いします。
＞garanceriaさん
こんにちは。
ご質問の件ですが、まず、テンプレートに設定されている
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能：画像変換
function changeCustmizeEmojiTag() {
// （１）コメント全体のタグの id 属性
var commentAreaIdName = 'comment';
// （２）コメント全体のタグ名
var commentAreaTag = 'div';
// （３）各コメントの class 属性
var commentBodyClassName = 'comment';
// ***************** 設定ここまで *****************
var list = getCommentEmojiList();
var att = getCustmizeEmojiAttribute();
var objComArea;
var classComArea;
var objComBody = new Array();
if (commentAreaIdName != '') {
objComArea = document.getElementById(commentAreaIdName);
if (!objComArea || !objComArea.innerHTML) return;
classComArea = objComArea.getElementsByTagName(commentAreaTag);
} else {
classComArea = document.getElementsByTagName('*');
}
for (var i = 0; i < classComArea.length; i++) {
if (classComArea[i].className == commentBodyClassName) objComBody[objComBody.length] = classComArea[i];
}
for (var i = 0; i < objComBody.length; i++) {
objComBody[i].innerHTML = getStringCustmizeEmojiTag(list, objComBody[i].innerHTML, att);
}
}
function getStringCustmizeEmojiTag(list, s, att) {
for (var i = 0; i < list.length; i++) {
s = s.split('[' + list[i][0] + ']').join('<img src="' + list[i][1] + '"' + att + ' alt="' + list[i][0] + '" />');
}
return s;
}
changeCustmizeEmojiTag('', 'div' ,'comment');
// -->
</script>を削除してください（本カスタマイズにはこのような設定はありませんので、過去の設定が残っていたのでしょうか）。
それから、その少し下にある、
changeCustmizeEmojiTag();を
changeCustmizeEmojiTag('', 'div', 'comment');に変更してください。これで絵文字が表示されると思います。
それではよろしくお願い致します。
早々のアドバイスありがとうございます。
本当です。
どうして、過去の設定があったのか
私にも不明です。
数日間・・・わからずに夜も眠れない日があったので
これで今夜はぐっすり眠れます。
お騒がせいたしました。
そしてありがとうございました。
＞garanceriaさん
こんばんは。
ご連絡ございました。
無事に表示されたようでよかったです。
ではでは！
質問させてください。
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->
この部分なのですが、
comments：全体を括っている div 要素の id 属性
div'：コメント本文全体を括っているタグ
comment：コメント本文全体を括っているタグの class 属性
ということで良いんですよね？
コメント部分の絵文字は表示されたものの…クリックしても反応が無いので
試行錯誤しているのですが、意味をちゃんと分かった方がこれからの為になると
思いまして…。宜しくお願いいたします。
すみません！肝心なところが空白になってしまいました＞＜
<script type="text/javascript">
<!--
changeCustmizeEmojiTag('comments', 'div' ,'comment');
// -->
</script>
<!-- END comment_area -->
この部分です！
＞chiさん
こんにちは。
ご質問の件ですが、コメントに適用する際の設定の各パラメータの意味は、
- 1つめ：コメント全体を括っている id 属性（多分、div 要素でなくても良い）
- 2つめ：ひとつのコメントを括っている要素（div 等）
- 3つめ：「2つめ」の要素に与えられている class 属性
となります。1つめのパラメータは該当するものがない場合は、空白にします。
結論を申し上げますと、
：
changeCustmizeEmojiTag('', 'dl' ,'comment_body');
：で動作するようになりますので、どのように対応しているかご確認ください。
また、コメントフォームに絵文字用のテキストを表示させる設定が誤っているようですので、form 要素に青色の name 属性を追加してください。
<form action="http://www.halapeco.com/sb.cgi" name="comment_form" method="post">それではよろしくお願い致します。
: December 7, 2007 12:48 PM分かりやすく説明してくださり、ありがとうございます！
違う意味でとらえてしまっていたので質問してよかったです。
それ以前に詳しく書いてくださってるのにもかかわらず すいません(泣)
しかも間違いまでご指摘くださって助かりました！
ありがとうございました！！
yujiroさん、こんにちは。
以前、メールで質問させていただいたmieです。
先日、テンプレートを変更し、絵文字を設置したのですが、
サイドバーが下に落ちてしまい、また、カレンダーが小さくなってしまいました。
どうしても分からないので、アドバイスをお願いします。
yujiroさん、こんにちは。
今日、悪戦苦闘しながらがんばった結果、サイドバーが戻りました。
いろいろとご迷惑をおかけしまして、また、コメントに書いてしまい、申し訳ありませんでした。
これからもよろしくお願いします。
＞chiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
＞ｍｉｅさん
こんにちは。
ご質問の件、自己解決されたようですね。
お疲れ様でした。
また何かございましたらご連絡ください。
: December 10, 2007 1:55 PMyujiroさん、初めまして。ともと申します。
こちらのスクリプトを使わせていただくのは２度目です。
ありがとうございます。
実はテンプレートを変えたところ、どうやってもコメント欄に絵文字として表示されなくなってしまいました。
エントリー記事と投稿画面には画像が表示されています。
「<changeCustmizeEmojiTag('comments', 'div' ,'comment');>」
の辺りでつまずいてると思い、いろいろ試したのですが・・・。
URLに仮で調整してるSBのアドレスを入れました。
お忙しいところ恐縮ですが、どこがおかしいのか教えていただけると助かります。
お騒がせいたしました。
思考錯誤の中で、偶然直すことが出来たようです。
失礼いたしました。。。
＞ともさん
こんにちは。
ご質問の件、自己解決されたようで良かったです。
ご連絡ありがとうございました。
ではでは！
: December 17, 2007 1:52 PMはじめまして。
「記事（エントリー）に絵文字を使う」のエントリー他いくつか参考にさせていただいたので、トラバでバラバラと個別に送信するのも何かと思ったのでコメントで残させてください。
何箇所か悪戦苦闘しつつも何度か記事を読み返しながら無事全て表示する事ができました。
ありがとうございますm(_゛_)m
それと、BPリンク登録をさせていただきましたのでこれからどうぞ宜しくお願いします♪
＞Azumiさん
はじめまして。
ご利用＆ご連絡ありがとうございます。
BPリンクもありがとうございました。
こちらからも別途リンクさせて頂きます。
こちらこそ今後ともよろしくお願いいたします。
: December 28, 2007 1:26 PMこんばんわ
blog TK*Plus1 さんのテンプレートを使用しています。
上の記事を参考にして色々いじってみたのですが、
何度やってもコメントに絵文字が表示されません。
アドバイスをください。
お願いします。
＞ゆみかんさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、
changeCustmizeEmojiTag('comment', 'dd' ,'');を
changeCustmizeEmojiTag('', 'dd' ,'');にすれば表示されます。
表示されなかった原因は、changeCustmizeEmojiTagの、最初のcommentという指定は、id属性から探すのですが、ブログに「id="comment"」と書かれたタグがないため、何も表示されませんでした。「class="comment"」はありますが、これは検索の対象になりません。
この部分を空にしておけば、すべてのタグを対象に検索してくれます。
それではよろしくお願い致します。
: March 11, 2008 1:57 AMyujiroさんアドバイスありがとうございました。
changeCustmizeEmojiTag('', 'dd' ,'');に直したのですが
やはり絵文字が表示されません。
またページでエラーが発生しましたと出ます。
どこが悪いのかさっぱりわからず・・・
すいません。
再度アドバイスお願いします。
＞ゆみかんさん
こんばんは。
先ほど下のURLを拝見したところ、正常に表示されているようです。
http://prettyheart.chu.jp/bloggg/log/eid348.html
コメント本文に表示されていないようであればブラウザのキャッシュをクリアしてみてください。
なお、テキストエリアには絵文字に対応する記号しか表示されませんので、その点は誤解なきようお願い致します。
: March 12, 2008 2:41 AMブラウザのキャッシュをクリアをしてみたんですが
やはりコメントのとこには[001]などと数字で表示されてしまいます。
記事のとこにはちゃんと絵文字が表示されるのですが
コメントには絵文字の名前？の数字で表示されるのです。
何回もすいません・・・
すいません。
できました。
changeCustmizeEmojiTag('', 'div' ,'comment');
に変えたら表示されました。
お忙しい中、本当にありがとございました。
＞ゆみかんさん
こんばんは。
ご連絡ありがとうござました。
なにはともあれ無事に表示されて良かったです。
ではでは！
: March 13, 2008 11:25 PMSerene Bach 2.12Rを使っています。
記事投稿画面の修正で、
UTF-8版
をDLし、アップロードすると、
新規記事作成画面が文字化けしてしまいます。
何か初歩的な間違いをしているのでしょうか？
試しにこちらのUTF-8版をアップロードする前の最初の自分の
entry.html
これをダウンロードし、書き足しをしてアップロードしてみましたが、
やはり文字化けします。
サイトにパスをかけているのでこちらにURLを書けないのですが、
もし可能性として何かわかることがありましたらアドバイスお願いします。
ちなみに、記事は普通にアップ出来、絵文字も表示されます。
ただ新規作成画面の中の「タイトル」「カテゴリー」その他「新規作成画面」の文字も、みな文字化けしてしまうのです。
りんさん
参考程度までに・・・
entry.htmlの保存する文字コードとSerene Bachの文字コードが違っているので文字化けしてると推測します。
文字コードを調べてみては如何でしょうか？
kenさん
ありがとうございます。
どこだったかを見た時に「UTF-8」と書いてあったので、こちらだとばかり思い込んでいました。
どこを見れば文字コードがわかるのでしょうか‥‥。
ｓｂの頃からずっと使っていて色々とやってきたわりには、
こんなことがわからない自分に恥ずかしいです。
無事に設置出来ました。
ありがとうございました。
りんさん
>無事に設置出来ました。
無事に設置できてよかったです＾＾
>どこを見れば文字コードがわかるのでしょうか‥‥。
例外もありますが、Blog等の文字コード見るときは、ブラウザで表示させ、
表示→エンコードで吐かれている文字コードが確認できますね。
ダウンロードしたファイルなどの場合は、Win標準のメモ帳では確認できないので
フリーのテキストエディターを使えば文字コード確認ができます。
有名なのが？サクラエディターとかかな？
私はUnEditorというタブ型エディター使ってますよ。
#同じ作者さんのソフトで非タブ型でNoEditorというのもあります。
#UnEditor/NoEditorはファイルを開くと下に文字コードを表示してくれますので便利です。
って解答で大丈夫でしょうかね？
>他の人へ
補足ありましたらフォローお願いします(。 ^。^)( 。-.-)( _ _)ペコ
kenさん
ありがとうございます。
表示→エンコードでわかりました。
意味もわかっていませんでした(^^;)
SBの本体（最初にDLした物）に２種類あるのかと思っていたら違ったんですね（恥）
とても丁寧な解説、本当にありがとうございました。
yujiro様
お久しぶりです。
またまたお騒がせしますが、教えてください。
テンプレートを変更しましたら、コメント欄の絵文字をクリックしても何も
反応しなくなってしまいました。
よいアドバイスをよろしくお願いします。
いつもすみません。
yujiro様
何度もすみません。
再構築しましたら、絵文字が機能するようになりました。
本当にお騒がせしてすみませんでした。
＞ｍｉｅさん
こんにちは。
ご連絡ありがとうございました。
ご質問の件、自己解決されたようで良かったです。
ではでは！
: July 14, 2008 1:34 PMはじめまして！yujiroさん！
この度、絵文字をどうしてもﾌﾞﾛｸﾞにと思い辿り着いたのがyujiroさんのサイトでした
blog*citronさんのテンプレートを使用させてもらっています。
エントリーにはなんとか反映させる事が出来たのですが、
どう頑張っても公開テンプレートに反映出来ません。
お忙しい中申し訳ありませんが、ご指導お願いできますか？
ヨロシクお願いします。
＞miyabiさん
こんにちは。
ご質問の件ですが、公開テンプレートの状態で拝見させて頂ければ幸いです。
それではよろしくお願い致します。
: September 10, 2008 9:10 AMyujiroさん！こんにちは！
早速お返事ありがとうございます。
では、メールします。宜しくお願いいたします。
メールはダメなんですね・・・
どの程度、どこら辺をココに書けばいいですか？
すみません・・・
初歩的な事で。
＞miyabiさん
こんにちは。
具体的には、下記の作業を行ってください。
①公開テンプレートに入れ替えてカスタマイズを行い、再構築（問題が発生した状態の再現）
②問題が発生している任意のページを、FTPツールで別の名前（hoge.html など何でも）に変更
③元のテンプレートに戻して再構築（これで通常の運用に支障はきたしません）
④コメントで、問題が発生しているページ（=ファイル名を変更したページ）のURLをお知らせください。
ご不明な点がありましたらご連絡ください。
それではよろしくお願い致します。
: September 11, 2008 10:25 AMyujiroさん！
こんにちは！何が起きたのか？？コメントに絵文字がありました。
ごめんなさいお騒がせして・・・。
ちょっとズレちゃってますが・・・
４日間悩んで、ココまで来れて良かったです。
また今・・・画像をポラ風でハテナ状態です（笑）
＞miyabiさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは！
: September 12, 2008 9:40 AMyujiroさま＞
初めまして。数年前からこの絵文字スクリプト（for Serene Bach)を使わせていただいております。
最近ではニコニコ動画も外部ブログから貼り付けられる用になったので先日トライしてみたのですが、できませんでした。
(普通のHTMLページにべた書きするとニコニコ動画は読み込めます。）
色々と調べてみた結果、この絵文字スクリプトとの競合を起こしているのではないかというところまではたどり着きました。
emoji.js内の一番最後の方にあります、
// コメントにカスタマイズ絵文字入力機能：画像変換
function changeCustmizeEmojiTag(commentAreaIdName, commentAreaTag, commentBodyClassName) {
・
・
・
｝
function getStringCustmizeEmojiTag(list, s, att) {
・
・
・
｝
この記述をコメントアウトするとニコニコ動画が表示されました。
ニコニコ動画を貼り付けるスクリプトのほうをいじることができればいいのですが、
スクリプト自体はニコニコのサーバーにあるのでやはりこのemoji.jsファイルをなんとか
アレンジできないかと悩み中です。
innerHTMLでの変換、もしくはHTML内のID属性の指定？といったところをなんとかすれば両方使えるのではと思っていますが…。
どちらかをあきらめるという選択肢もありますが、できれば両方使いたく、悩んだあげく思い切ってyujiroさんに質問した次第です。
若干趣旨がズレてるかもしれませんが、もしよいアイデアがございましたらお教えいただきたく…。
ご多忙の中大変恐縮ですが、よろしくお願い申し上げます。
