Amoureuse

Dear Earth [懐]

記事(エントリー)に絵文字を使う

LEでブログ用絵文字アイコンが配布されたのを受けて、【つぶやき】にて使用するべくカスタマイズしてみました(^-^)

配布サイト:『小粋空間』さま

当サイトでは複数の Serene Bach を設置しており、いくつかのファイルは共用設定しています。絵文字関係のファイルも共用するために必要な変更箇所等を記載します。


1.1script要素の追加

<script type="text/javascript" src="emoji.js" charset="utf-8"></script>

これは Serene Bach を一つだけ設置している場合の設定で、[index.html]と同じ場所に[emoji.js]をアップロードするのが前提です。当サイトのように複数の Serene Bach を設置していると[index.html]も複数存在しますよね?そこで、[emoji.js]を任意の場所にアップロードし、絶対パスで指定します。

<script type="text/javascript" src="http://あなたのサイト/emoji.js" charset="utf-8"></script>

6.テンプレートの修正

<script type="text/javascript" src="{site_top}emoji.js" charset="utf-8"></script>

ここも同じように[emoji.js]を絶対パスで指定します。

<script type="text/javascript" src="http://あなたのサイト/emoji.js" charset="utf-8"></script>

絵文字を使用しないテンプレートには上記を記入しなければいいだけです(^-^)


※ちゃんと設定したのに管理画面や記事内に絵文字が表示されない!?

管理画面で『絵文字』という単語があるのみで肝心の絵文字が表示されない、記事内に[ ]で括られた文字が出ているだけで絵文字が表示されない…そういうときは上記タグ内にある文字コードの欄を変更してみましょう。小粋空間さまで配布されている[emoji.js]は utf-8 で書かれていますが、自身で絵文字を追加する際、気づかずに他の文字コード(例えば Shift_JIS や EUC_JP 等)に変更している場合があります。てべも実際、ここの部分に気づかずにすごく悩みました(^^;

<script type="text/javascript" src="http://あなたのサイト/emoji.js" charset="Shift_JIS"></script>

Shift_JIS の部分は対応する文字コードに適宜変更してください。これで無事表示されていることと思います(^-^)



Copyright © TEBE All Rights Reserved.