WordPressで使える「絵文字」プラグインのまとめ

WordPress
スポンサーリンク

企業向けにWordPressでブログを用意する際に、記事の投稿画面で「絵文字」を使えるように拡張するケースが多いので、WordPressの絵文字プラグインを探してみると、

WP Emoji2」「TypePad emoji for TinyMCE」「Emoji Emoticons」の3 つのプラグインが実践で使えそうかな〜ということで、今回は各プラグインの簡単な使い方をまとめてみました。

WP Emoji2

KtaiStyleプラグインと合わせて使う絵文字プラグインWP Emoji2です。
使える絵文字の数は252 文字で、KtaiStyle を利用してなくても絵文字だけは使えます。


WP Emoji2のインストール

https://github.com/Nully/WP-Emoji2


WP Emoji2の使い方

WP Emoji2を有効化すると、投稿画面の右側に「絵文字」が出現します。
WordPressで使える「絵文字」プラグインのまとめ

TypePad emoji for TinyMCE

TypePadの絵文字をWordPressで使えるプラグインがTypePad emoji for TinyMCEです。

こちらもWP Emoji2 同様に使える絵文字の数が252 文字で、TinyMCE Advanced プラグインを有効にしていなくても絵文字の利用が可能です。


TypePad emoji for TinyMCEのインストール

TypePad emoji for TinyMCE


TypePad emoji for TinyMCEの使い方

TypePad emoji for TinyMCEを有効化すると、投稿画面のビジュアルエディタに絵文字ボタンが追加されますので、
WordPressで使える「絵文字」プラグインのまとめ

クリックすると絵文字一覧が表示されます。
WordPressで使える「絵文字」プラグインのまとめ

Emoji Emoticons

Emoji Emoticonsに掲載されている400 種類以上の絵文字をWordPressで使えるプラグインがEmoji Emoticonsです。
WordPressで使える「絵文字」プラグインのまとめ

Emoji Emoticonsのインストール

Emoji Emoticons


Emoji Emoticonsの使い方

Emoji-Cheat-Sheet.com にある絵文字のコード(例えば:sunny:)を投稿画面の本文にペーストすると
WordPressで使える「絵文字」プラグインのまとめ

対応する絵文字画像(img タグ)に変換してくれます。
WordPressで使える「絵文字」プラグインのまとめ

Emoji Emoticonsの注意点

絵文字を2つ以上横に並べて使う時は
:sunny::cloud::snowman::ocean::hamster::hamster:
のように連続して使うと、絵文字の画像ではなく上記文字列がそのまま表示されてしまいますので、

:sunny: :cloud: :snowman: :ocean: :hamster: :hamster:
と各絵文字の間に空白を設けて使います。

コメント

タイトルとURLをコピーしました