カテゴリ: 絵文字tips

livedoorブログ標準の絵文字ではなく、Twitter絵文字をブログ内で利用する方法になります。
ほとんどの方は必要ないかもしれません。

参考サイト:Let’s EMOJI

注意事項:スマホ用ページのヘッダーはlivedoorブログでは編集に対応していないため、標準の絵文字が表示されます。
PCとは絵文字の見え方が変わるのは仕様です。

1⃣ メインメニューの「ブログ設定」をクリック

1


2⃣ デザイン/ブログパーツ設定内の「PC」をクリック

2

3⃣ CSSの中にスタイルシートの内容を記入する

3

/* 絵文字 */
img.emoji { height: 1.3em; width: 1.3em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; }
※※ほかの項目の{}内に割り込まないように貼り付ける

4⃣保存

1⃣  「トップページ」をクリックする

2⃣ 「</head>」と書かれた行を探す

4

3⃣ 「</head>」の行の上で改行し、以下のタグを書き込む

<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?12.0.4" crossorigin="anonymous"></script>

4⃣ 下までスクロールを下ろし、「<!-- /ブログのフッター -->」と書かれた行を探す


5


5⃣ 「<!-- /ブログのフッター -->」の行の上で改行し、以下のタグを書き込む

<script>
<!--//
twemoji.parse(document.body);
//-->
 </script>
6⃣ 内容を保存

7⃣ 「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」に対して同じ作業を行う

1⃣ ブログ記事を作成する

2⃣ 絵文字を入力したい場所に絵文字の「HTML Entity」コードを貼り付ける
※どの絵文字がどのコードかは、Let’s EMOJI等の解説サイトを確認してください

6


3⃣ 記事の内容を書き終わった後、「HTMLタグ編集」ボタンをクリックする

4⃣ 置換ボタンをクリックする

5⃣ 検索文字に「amp;#」 置換文字に「#」を入力して置換ボタンをクリックする

7


6⃣ HTMLタグ編集ボタンをもう一度押してモードを切り替える
※内容の編集、追記時は標準の絵文字が表示されます

8

7⃣ 記事を保存する。(下書きでも通常の保存でも問題なし)


8⃣ プレビューもしくは記事を確認する

9



↑このページのトップヘ