こんにちは～Taku(@takumuda_1093)です。
まずはじめにお知らせがあります。この度ブログのURLが新しくなりました！
以前は「taku0.com/mudablog」でしたが、「taku0.com」だけでアクセスできるようになりました。
そして「SSL化」も行い、「http」から「https」になり、安心安全にアクセスができるようになりました。

何回設定しても失敗して苦戦していたけど、とある方にお手伝いして頂いて無事に成功できたよ！
ありがとうございました！

Taku

ここからが本題になりますが、WordPressでオリジナルテーマを作っていたときに、一つ困ったことが起きていたのを思い出しました。
今回の内容は調べてもなかなか出てこなかったので、同じことで困っている方のために、対処法をご紹介します！

特殊文字「▶︎(三角形)」の表示がおかしい

まずは下の画像①を見てください。
画像①（プログラム実装前のデザイン案）

これは「ページネーション」という「ページ割」の役割を果たす機能です。
たくさんコンテンツがあるページを複数に分けたいときに使用します。

下の画像②は実際にこのブログで実装されているページネーションだけど、画像①と比べて変なところに気がつかない？

Taku

画像②（実際にプログラムで実装）

リツキ

え、どこどこ〜？

ヒントは右側かな。

Taku

リツキ

あ、三角のマークのこと？

そうそう。GIFアニメだとスピードが早くて分かりづらいけど、なんか青い四角で覆われてるよね？
これは意図して作ったわけじゃなくて、勝手にこうなったんだよ…。

Taku

リツキ

そうなんだ〜。原因は分かってるの？

かなり苦労したけど、なんとか解決法を見つけたから、これから紹介していくよ！

Taku

原因はEmoji機能にあった！

「WordPress　特殊文字　表示　おかしい」などと調べても全くヒットしませんでした。

同じように困っている人はいないのかな…？？

Taku

「▶︎」自体がそういう仕様なのかと使うのを諦めかけたとき、「Emoji」という言葉が目に入りました。

もしかして「▶︎」はemji（絵文字）なのか？

Taku

そう思ってさらに詳しく調べてみると、やはり「Emoji」が悪さをしていました。

Emojiとは

「Emoji」とは名前の通り、絵文字を自動変換して表示してくれるWordPressの機能です。
「▶︎」や「❤︎」など一部の特殊文字を絵文字として自動変換します。
この「▶︎」に関しては、おそらく「再生マーク」として絵文字扱いにされてしまうのだと思います。

ちなみに以下の絵文字が使用できるようです。（使用している端末によって異なります。）

やっぱ絵文字可愛いわ〜😚

Taku

リツキ

え…絵文字とか古くない…？今時の若者は使わないよ…

そうなの❗️❓TwitterとLINEで大量に使うけど😅

Taku

リツキ

え、おじs…いやなんでもない…笑

おい今「おじさん」って言おうとしただろ❗️❗️😡

Taku

リツキ

だって絵文字多用する文章は「おじさん構文」って言うんだよ笑笑
一つ使うくらいならセーフだけどね〜笑

そうなのか〜。じゃあ使用頻度減らすか〜。可愛いのに😭

Taku

Emoji機能は必要ない？

そんな絵文字ですが、ほとんどのブログで使用している記事は見たことがありません。
要するに、このEmojiの自動変換機能はあまり必要ないということになります。

このブログでも今後絵文字を使用する気はないな…

Taku

記事内に絵文字をよく使う人は別ですが、使用しない人にとってはデザイン的にも邪魔な機能なので、ササッと解除してしまいましょう。

じゃあこれからこの自動変換の対処法を書いていくよ！

Taku

Emoji機能の対処法は？

このEmojiの自動変換機能を解除するには「functions.php」の最下部に以下のコードを記述していきます。
注意点ですが、「functions.php」を書き換えるとエラーが発生することがあります。
細かい編集だとしても、必ずバックアップをとってから修正しましょう。

functions.phpの編集を一つでも失敗すると画面が真っ白なエラーになるから気をつけて！！
バックアップなしに触ると取り返しのつかないことになるから！！

Taku

リツキ

そんなにヤバいんだ〜。

やばいよ…何度サイトが表示されなくなったことか…（実はめんどくさがってバックアップをとらないタイプの人←）

Taku

Emojiを解除する記述

remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
}
add_action( 'init', 'disable_emoji' );

以上のコードを記述すると、特殊文字の自動変換が完全に解除されます。

リツキ

うわ〜。なんか難しそう〜。ぷろぐらむ？とか全然分かんないや笑

自分もphpは専門外だから得意じゃないけど、とりあえず上のコードを書けば対処できるよ！

Taku

そして無事に▶︎（三角形）の表示が元に戻りました。

リツキ

おぉ！元に戻ったね〜！良かったじゃ〜ん！

ほんとな！ページネーションのデザインを作り直すことも考えていたから解決して良かった！

Taku

まとめ

今回は「▶︎（特殊文字）」の表示がおかしいときの対処法をご紹介しました。
Emojiは一般的にあまり使われない機能なので、特殊文字を使わなくても、一応解除しておく価値はあるかもしれません。
もし、同じ状況で困っている方がいて、お役に立てたら非常に嬉しいです！
最後まで読んでいただきありがとうございました！