WordPressの投稿やページに特殊文字を追加したいですか？
商標の™、登録商標の®、通貨、著作権記号の©など、一般的な特殊文字を追加するのは、一般的なキーボードにはないため、少し難しいかもしれません。
カテゴリー：WordPressの投稿に特殊文字を簡単に追加する方法をご紹介します。
なぜWordPressの投稿に特殊文字を追加するのか？
WordPressサイトのブログ投稿に特殊文字を追加することで、コンテンツを視覚的にアピールすることができます。
また、重要なポイントに読者の注意を引くことで、コンテンツを読みやすくすることもできる。
例えば、ブログ投稿で会社名を使用する場合、その次の投稿に商標文字を追加すれば、読者にあなたのビジネスを強調することができます。
さらに、見出しやメタ説明に特殊文字を使用することで、ユーザーにとってより興味深く魅力的なコンテンツになり、サイトのSEOを向上させることができます。ひいては、クリック率の向上にもつながります。
それでは、WordPressの投稿に特殊文字を簡単に追加する方法を見ていきましょう。以下のクイックリンクから、使いたい方法にジャンプできます：
方法1：WordPressブロックエディターを使って特殊文字を追加する
ブロックエディターでHTMLエンティティを使って特殊文字を追加する簡単な方法をお探しなら、この方法がおすすめだ。
ブログ投稿をすると、WordPressは自動的にHTMLでフォーマットします。これは、ほとんどすべてのサイトで使用されているマークアップ言語です。
HTMLにはHTMLエンティティのリストが付属しています。これらは、文字や記号、矢印などを表示するために使用できる特別なコードです。
また、通常のキーボードレイアウトにはない特殊文字をHTMLに追加する権限がありません。
例えば、商標™記号を追加したい場合は、HTMLエンティティコード™を使用して表示することができます。
同様に、コピーライト©のシンボルを追加したい場合は、投稿に©コードを使用することができます。
カスタムHTMLブロックを使った特殊文字の追加
特殊文字を追加するには、まず新規または既存のWordPress投稿をブロックエディターで開く必要があります。
そこで画面左上のブロック追加「＋」ボタンをクリックし、ブロックメニューを開く。
ここから、カスタムHTMLブロックを探して投稿に追加します。次に、特殊文字のHTMLエンティティコードをブロックタイプに入力します。
各HTMLエンティティ・コードがアンパサンド記号で始まり、セミコロンで終わっていることに気づくだろう。
完了したら、「更新」または「公開」ボタンをクリックして変更を保存します。
これで、投稿にアクセスしてWordPressブログに表示される特殊文字を確認することができます。
ラテン文字、数学記号、通貨、科学計測記号など、さまざまな特殊文字がHTMLエンティティとして利用できます。
完全なリファレンスガイドについては、W3.orgのHTML文字実体参照表をチェックするとよいでしょう。
コードエディターを使って特殊文字を追加する
コードエディターに切り替えることで、WordPressの投稿に特殊文字を追加することもできます。
ブロックエディターのこの設定により、ユーザーは異なるブロックの基礎となるHTML、CSS、またはJavaScriptコードを表示および編集することができます。これにより、HTMLエンティティを簡単に追加できます。
まず、新規または既存のWordPress投稿をブロックエディターで開きます。
画面右上にある3つの点のメニューをクリックすると、ドロップダウンメニューが表示されます。ここから「コードエディター」オプションをクリックする。
これでコードエディターが開き、テキストの間にHTMLエンティティを簡単に追加できる。
例えば、商品名や会社名の横にトレードマークの特殊文字を追加したい場合、コードエディターに切り替えれば簡単にできます。
完了したら、「更新」または「公開する」ボタンをクリックして変更を保存できます。
これで、WordPressサイトにアクセスして投稿の特殊文字を確認できる。
方法2：プラグインを使って特殊文字を追加する
定期的に特殊文字を追加する必要がある場合は、HTML実体参照表を毎回チェックするのではなく、プラグインを使用した方がよいかもしれません。
まず、Insert Special Charactersプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化した後、投稿またはページをブロックエディターで開き、特殊文字を追加します。
そこで段落ブロックを選択し、上部にあるブロックツールバーのオメガアイコンをクリックすると、特殊文字を表示するポップアップが現れます。
ここから、追加したい特殊文字を見つけ、それをクリックしてエディターに挿入するだけです。
完了したら、忘れずに「更新」または「公開」ボタンをクリックして変更を保存してください。
方法3：クラシックWordPressエディターを使って特殊文字を追加する
WordPressの古いクラシックエディターを使用している場合は、この方法を使用してブログ投稿中に特殊文字を追加することができます。
クラシックエディターには特殊文字機能がビルトインされていることを覚えておいてください。
まず、エディターで新規または既存の投稿を開く必要があります。次に、キッチンシンクのボタンをクリックします。
これで2行目の設定オプションが表示されるので、そこで「特殊文字」ボタンをクリックする。
クリックすると、よく使われる特殊文字がポップアップ・ウィンドウで表示される。
通貨記号、数学記号、著作権記号、登録記号、商標記号などがある。
この方法は、古い投稿エディターをWYSIWYGモードで使用している場合にのみ機能することを忘れないでください。
テキスト・エディター・モードで使用している場合は、ビジュアル・エディターに切り替えるか、前述のHTMLエンティティを使用する必要があります。
ここから、使いたい記号や文字をクリックするだけで、投稿に追加されます。
最後に、「更新」または「公開」ボタンをクリックして変更を保存することをお忘れなく。
ボーナス：WordPressブログ投稿に絵文字を追加する
特殊文字とは別に、WordPressブログの投稿に絵文字を追加することもできます。
Emojisは、感情やその他の表現を表現するためにテキストと一緒に使用できる小さな画像アイコンです。
これらのアイコンをサイトに挿入することで、コンテンツに彩りと個性を加え、エンゲージメントを高め、投稿を読みやすくすることができます。
WordPressのブロックエディター(Gutenberg)では、キーボードのWindows +. (ピリオド)のショートカットキーを押すことで、簡単に絵文字を追加することができます。
そうすると、画面にポップアップが表示され、そこからブログ投稿用の絵文字を選ぶことができる。ただし、この方法はWindowsコンピューターを使用している場合にのみ機能することに留意してください。
Macユーザーの場合、絵文字プロンプトを開くには、Command + Control + Spaceキーを同時に押す必要があります。
詳しい手順については、WordPressブログに絵文字を簡単に追加する方法のチュートリアルをご覧ください。
WordPressの投稿やページに特殊文字を追加する方法について、この投稿がお役に立てれば幸いです。WordPress サイトの色をカスタマイズする方法についての初心者向けガイドや、専門家が選ぶブログ用の最高の無料 WordPress テーマもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
Thank you for the table of special characters, or for the link. I saved it to my favorites for personal use. Just a few weeks ago, I was looking for a special copyright symbol like this.
Roderick Young says
This worked great for me, but at first, I clicked on the dropdown in the block editor, and didn’t see the Omega sign or “Special Characters”. The Omega was actually added to the toolbar just to the left of the Bold and Italic, right out in the open.
WPBeginner Support says
Thanks for sharing where it moved for you
管理者
Gina Leggio says
Actually, I kept playing around with your advice and it finally worked somehow. Thanks.
WPBeginner Support says
Glad our recommendations were helpful
管理者
Gina Leggio says
It didn’t seem to work for me. When I preview my page, it still shows ©. I tried highlighting it and then pushing the “keyboard input” button. What am I doing wrong?
WPBeginner Support says
You would want to ensure you are adding it as HTML and not in a paragraph block for the most common reason.
管理者
Gina Leggio says
Thanks for your response. That worked, but when I open a preview in a new tab, it didn’t show the symbol; it only showed ©. Please advise.
WPBeginner Support says
If that is the case, you would want to check with the support for your specific theme to ensure a setting in your theme is not overriding how it should work.
Jur Jurr says
Hey! Can i just copy the symbol from somewhere and past it on my website?
WPBeginner Support says
You can certainly try that but that is not guaranteed to work every time.
管理者
amir ebadi says
Thank you for this awesome article
WPBeginner Support says
You’re welcome, glad you liked our article
管理者
shafique says
nice to read this such great article. nicely written. very good information. Thank you
keep it up.
WPBeginner Support says
Thank you, glad you liked our content
管理者
Ms. Anika Tyrone says
This symbol which I’m seeking is: in a square box, in the square box is a almost complete circle, with a tiny line attached to the right side of the almost complete circle. This is found in the WordPress.com where the heading: “Subscription Management” and have 5 sites. The last one on the list is called DF Blog and prior to these words is a symbol as mentioned above. Now the others have a choice of weekly, /immediate “under delivery frequency”, but for DF Blog it’s blank and not given the chance to state my choice. Could you possibly help me in this matter? Monday, July 31, 2017 @ 1:18 pm. Waiting patiently for your response. Thank you for taking the time to read this email.
Mark Gandy says
I never have an issue adding the TM within a post, it’s the Blog and Post titles where they will not show up. Any suggestions?
Marissa says
So simple! Thank you for having this free, handy tool available for people like me…starting a professional site, learning step by step.
Bella says
How can you bring up special characters on the WordPress app?
JMunce says
Could you please do a tutorial on added a special Characters?
I can code unicode to my blog, but not everyone can view these. I can on my pc, but on my phone I don’t see them, for example.
It would be great to know how to display them to all site users.
Thanks, Justin
WPBeginner Staff says
Either the font or OS you are using does not support the rupee character.
Anchit Shethia says
I have already mailed to WP team to update support for Rupee character. What is the probability of it being updated?
alasdairpage says
On a Mac it’s easy, press ctrl+cmd+space for emoticons and special characters (scroll right for the special character options).
On Windows it isn’t easy, but it is possible using the Character Map tool. I’ve never used Windows 8 but in Windows 7 and below it’s usually in Start, Programs, Accessories, System Tools. Use it to copy/paste characters into any application.
Anchit Shethia says
Almost all special characters can be added in WP post but I want to add the official symbol of Rupee on my blog How can I add it? Even if I copy the symbol from Wikipedia and paste it, it won’t render. Help?