WordPress 5.3 でtwemojiを表示する✌️😊✌️

PHP更新してくださいアラートが気になりすぎて一念発起！！
WordPressその他を更新しました！

…絵文字に黒フチがついた😭😭😭（そこ）

iPhoneで見るとiOSのあの立体的なあの感じに変換されていました。

私の求めるベタっぽい表示のものは…？🤔と思い調べてみると、どうやら「twemoji」という主にTwitterで使われている絵文字だったことがわかりました。

WordPressのフォルダの中などもいろいろ見たところ、twemojiのjsとかも入っているのでうまく動いていないだけ…？

そこでtwemoji自体に目を向けたところ、TwitterやWordPressだけでなく一般的なサイトにも導入できるみたいで、GitHubが公開されていました！

twemoji.twitter.com

 

56 Users

232 Pockets

Twemoji

https://twemoji.twitter.com

Twitter’s open source emoji has you covered for all your project's emoji needs. With support for the latest Unicode emoji specification, featuring 2,685 emojis, and all for free.

GitHub

 

97 Users

407 Pockets

GitHub - twitter/twemoji: Emoji for everyone. https://twemoji.twitter.com/

https://github.com/twitter/twemoji

Emoji for everyone. https://twemoji.twitter.com/. Contribute to twitter/twemoji development by creating an account on GitHub.

この中の「index.html」のソースをみると、下の方にtwemojiを読み込むjsの記述があります。

<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?12.0.0"></script>
<script>
  // I \u2764 emoji!
  twemoji.parse(document.body);
</script>

WordPressの場合はこれをfooter.phpなどのテンプレート最後の閉じbody前に貼り付けると…！

twemojiが表示されるようになりました～！！！👏👏👏
よかった～～～！！！！🤗

こちらのサイト様も参考になると思います！

Let's EMOJI

 

4 Users

14 Pockets

Twitter絵文字ライブラリ(Twemoji)の使い方

https://lets-emoji.com/twemoji-js/

Twitter絵文字ライブラリ(Twemoji)の使い方Twitter絵文字ライブラリ(Twemoji)は、Twitter社が公開したオープンソースのライブラリでした。Twitter社でのレイオフなどの問題があり、新しいパッケージ @twe

ググっても絵文字無効化の方法がヒットして
たしかに…！ビジネス系とかは特に絵文字いらないと思うけど…！！

絵文字で感情を表すのに慣れすぎたTwitter中毒勢～～～～👏😊🎉💫♨️

ちなみに絵文字は今まで通り「Get Emoji」からコピペしたりスマホ・タブレットから入力したりできます🙆

※今後のアップデートでもしかしたら改善されるかもしれませんが、その場合は競合しちゃうことになるかも？？しれないので？？？ご注意ください🙇‍♀️