Inserting Special Characters And Symbols Into WordPress Pages & Posts

Symbols like © ® ™ and special characters often need to be inserted into content.

In this tutorial, you are going to learn how to add custom symbols and characters to your posts and pages.

Tip

For more information about using the WordPress editor go here: Using The WP Content Editor

Inserting Special Symbols And Characters Into WP Pages & Posts

If you want to add special characters and symbols to your content (like © ® ™ etc), open up a new or existing Post or Page, then make sure you are using the WordPress Visual Editor and click on the Insert Character button …

Special Character button - WP Editor

(WordPress Editor – Special Character button)

Select the character you would like to use from the Special character pop-up window to insert it into your post (or page) …

Special characters

(Special character table)

These symbols are called HTML character entities or extended characters. They are generated by typing or adding a combination of characters into your web page that the browser then interprets as special symbols.

Some examples of commonly-used HTML characters are shown below:

Add Custom Character Into WordPress

Notes:

  • When you click on the Select custom character symbol in the Visual Editor, WordPress places the character entity code for you into your content. If you’re working in Text Editor mode, you can also add a character entity by just typing in the code directly (or using the plugin shown in the tutorial below).
  • See further below for references useful information about HTML characters and symbols.

Useful Plugins For Adding Symbols And Characters To Content In WordPress

HTML Special Characters Helper

This plugin for WordPress is free that can be very useful if you frequently use the WordPress Text editor and would like to add special characters to your posts …

HTML Special Characters Helper plugin

(HTML Special Characters Helper – plugin for WordPress)

You can download the plugin here, or search for the plugin by name (i.e. “HTML Special Characters Helper”) to install the plugin directly from inside the dashboard …

Add HTML Special Characters Helper - plugin for WordPress

(Add HTML Special Characters Helper)

After the plugin has been installed and activated, an HTML Special Characters widget will be added to your Add/Edit Post and Add/Edit Page screens …

HTML Special Characters

(HTML Special Characters Helper)

To view more symbols, click on the See more link …

HTML Special Characters - See more link

(HTML Special Characters – See more link)

The entire list of special characters is displayed with characters categorized into different sections …

HTML Special Characters - Complete list of characters

(HTML Special Characters – Entire list)

Hover over any item to reveal the HTML code for the special character and its name …

Hover over any character to view codes

(Hover your mouse over an item to display HTML entity encoding)

If you are using the Text editor, this plugin is handy because it allows you to insert a special character without having to keep switching back to Visual Editor mode. Just click on any symbol in the widget and the character encoding will be added to the text …

Character encoding added to post in Text editor

(Character encoding added to post in Text editor)

When used inside the visual editor mode the special character itself is added to the text …

Character added to post in Visual editor

(Character added to post in Visual editor)

Also, note that the Visual Content editor has its own special characters popup helper, which is accessible via the toolbar menu. If you only plan to use the Visual Editor, then this plugin is redundant. as it would be redundant.

HTML Entities Button

HTML Entities Button is another free plugin that you may want to consider installing on your site if you do any work in Text mode and want the ability to add special characters without having to keep switching over to Visual editor tab …

HTML Entities Button - plugin

(HTML Entities Button – plugin for WordPress)

You can download the plugin from the WordPress plugin directory, or search for the plugin by name to install it directly from your WordPress dashboard …

Adding HTML Entities Button - WordPress plugin

(Add HTML Entities Button plugin)

After the plugin has been installed and activated, you will see a row of new buttons displaying in the Text editor toolbar menu in your Add/Edit Post and Add/Edit Page screens …

HTML Entities Button Menu Items - Text Editor

(HTML Entities Button Menu Functionality)

This plugin allows you to convert special characters to HTML entities …

Convert special characters to HTML entities functionality

(Convert special characters to HTML entities)

Or vice-versa …

Convert HTML entities to special characters

(Convert HTML entities to special characters functionality)

Add HTML entities while you work in Text editor mode …

HTML entities item

(Add HTML entities)

Add emoticons to your text …

Insert Emoticons item

(Add Emoticons functionality)

Add WP Emojis to your content …

Emoji item

(WP Emoji button)

This plugin includes a library of icons …

Emoticons

(Emoticons – HTML Entities Button WordPress plugin)

Info

Note: For even more emoticons, you could install a plugin like WP Emoji One. WP Emoji One lets you add more than 1,100 emoticons to your post content …

WP Emoji One

(WP Emoji One plugin)

Another thing you can use the HTML Entities Button plugin for, is to add links to your most recent posts …

Insert links to recent posts button

(Insert links to recent posts item)

Learn how to add internal links to your content using the default internal linking tool here: Adding HTML Links Into Your WordPress Content

Additional Resources:

Click on the links below for additional resources about HTML characters and symbols:

Inserting Custom Characters Into WP Posts And Pages

Congratulations! Now you know how to insert custom characters and symbols into your WP posts.