[wordpress]タイトルに < > (タグ括弧)を使おうとしたら記事が表示化けした話

先日、こんな記事を上げたのですが、タイトルに <Object> という文字が入っています。

実はこの記事、作成した直後はこんな表示化けを起こしておりました。

文字の圧倒的存在感! 全てがタイトルなのかと思うような表示サイズ。
なお、タイトルにあった <Object> が綺麗さっぱり消えています。

どうやら文字としてではなく、HTML タグとして判断&処理された結果、表示化けを起こしてしまっているようです。

ちょっとこのへん知識不足ですが、Wordpress の設定や、バージョンによっては問題ないのかもしれませんね。
私の WordPress のバージョンは 5.4.5 でした。

特殊記号を文字として表示したい場合…

タイトルに <>(特殊記号)を使いたい場合、そのまま入力するのではなく、&XX; といった文字列で記述する必要があるようです。XX に入る文字は表示したい文字によって決まっています。

表示したい文字文字列表記
<&lt;
>&gt;
&quot;
&&amp;
¥&yen;

「文字列ではなく文法」として処理された結果、表示がおかしくなることはタイトルだけに限らないかもしれません。
そんな時、こういう裏の表記があるということを覚えておいてください。

その他にも多数の表記法があります。
HTML Named Character Reference

よろしければ Twitter をフォローしてもらえると嬉しいです!

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA