WordPressにアットマークなどの特殊文字を掲載する方法

WordPressに@マーク(アットマーク)などの特殊文字を記載しようとすると、文字化けが起こってしまい、うまく表示されない場合があります。

たとえば、先日アップした記事は、以下のように、アットマークを付けた部分が、『email protected』と表示されてしまい、うまく内容が反映されませんでした。

image

そこで、今回は、特殊記号をWordPressに表示したい場合の対処法をご案内させていただきます。

特殊な文字を表示したい場合は、特殊文字用の文字列を記載しましょう

特殊文字をWEBに掲載したい時は、特殊文字用の記号を掲載してあげる必要があります。
以下に、よく使う特殊文字変換用の記号をご紹介しておきますので、必要に応じて使うようにしましょう。

特殊文字の記号一覧

記号名

表示例

特殊文字変換用
文字列1

特殊文字変換用
文字列2

アットマーク

@

@

ダブル クォート

"

"

アンド

&

&

&

スラッシュ

/

⁄

/

小なり

<

&lt;

&#60;

大なり

>

&gt;

&#62;

左アングルクォート

«

&laquo;

&#171;

右アングルクォート

»

&raquo;

&#187;

¥

&yen;

&#165;

コピーライト

©

&copy;

&#169;

登録商標

®

&reg;

&#174;

実際にアットマークを表示してみました

上記の表の通り、あっとまーくは、『&#64;』と表記すればいいので、WordPressの投稿画面で記載してみました。

image

そして、公開画面を見てみると、

image

今度はうまく表示されました。

ということで、もし、WordPressの表示が変になってしまった場合は、特殊文字を使っていないかを確認してみてくださいね。

以上、ご参考まで。

本サイトをご覧いただきまして、誠にありがとうございます。このサイトでご紹介させていただきました内容が、少しでもお役に立てれば幸いです。

また、以下のソーシャルメディアをフォローしていただければ、最新のWEBマーケティング情報をご取得いただけますので、もし宜しければフォローをお願いします。今後も、読者様の役立つ情報配信ができるように運営させていただきます。





WEBマーケティングに関する解説動画はこちら

本サイトのYoutubeチャンネルはこちら



【スポンサードリンク】

WEBマーケティングを、もっと学びたい方へ

~WEBマーケティング初心者の方に最適なEBOOKをご提供しております~(全212ページ)


無料EBOOKレポート

EBOOKを読まれた方のご感想(一部)



  • 無料であるにもかかわらず、とても丁寧で、わかりやすく書いてあり、大変参考になりました。ありがとうございました。(IwasakiYuki 様)

  • 結論としては非常に満足度の高い内容でした。なぜならば、かなり親切に書いてあるからです。それが分かりやすさに繋がり、メモしながら一気に読めました。(久保太功磨 様)

  • サイト構築やライティングについて具体的に分かりやすくご説明いただき、慣れておられる文章に加えて、画面キャプチャをはじめ多くの画像を利用いただいたところも大変見やすいものとなっておりました(K.N様 男性)

  • 無料でこれだけの情報量に圧倒されました。これをもとにプランを立てていこうと思います。(I.K様 男性)

無料レポートを取得する

ご意見・ご質問などございましたら、お気軽にご記載ください。(※また、お名前は仮名でも大丈夫です。また、大変恐縮ですが、コメントは、管理人にて確認後に公開させていただきます。)