記事（エントリー）に絵文字を使う 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 に修正しました。
- sb で記事（エントリー）とコメントに絵文字を使う
- 公開テンプレートのコメントに絵文字を使う 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 Love & Cute Blog
今までの絵文字が使えなくなったので小粋空間サンで紹介されている“記事（エントリー）に絵文字を使う 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を公表したくないのです。
わがまま言ってすみません>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です。
現在使用している絵文字を別の絵文字に変更したいと思っています。
旧絵文字画像と新絵文字画像を入れ替えることなく、
旧絵文字はそのまま表示しつつ、
新絵文字を新たに使いはじめるのに、何か良い方法はないでしょうか?
新絵文字画像を今までのものに追加することも考えましたが、
画像が増える分、表示が重くなってしまったり、スペースをとってしまうので、
使いづらくなるかなと思いました。
設置方法等の質問ではなくすみません。
何か良い方法がありましたらアドバイスください。
よろしくお願いします。
＞玲香さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良か