you're reading:
Html & inline css codes, Special characters, Symbols

Special characters, symbols, and html entities

http://wpbtips.wordpress.com/

For unusual characters or symbols that you cannot type directly (either because they aren’t available on your keyboard or because you don’t know which key combination produces them), you may find the “Insert custom character” button useful: visual post or page editor, second row of edit buttons, omega icon (if you only see one row, click rightmost button). Clicking this button opens up a palette with numerous characters such as letters with accents and other marks, some mathematical symbols including Greek letters, etc. (see Support doc).

Alternatively, or for additional symbols, you can paste code snippets called html entities (see my previous post for a few examples). Those must be pasted in the html post or page editor; they also work in text widgets as well as in title boxes. You can find lists of symbols and corresponding html entities in various webpages, for instance here or here. For an apparently exhaustive list, see “Html entity index” under Links 1 in my sidebar.

In the html editor and in text widgets (but not in title boxes) you can also change the color and/or the size of the symbols by enclosing the html entities in appropriate tags, as shown in this post. For example:

Code Result
☆
<span style=”color:#ffaa00;”>☆</span>
<span style=”color:#ffaa00;font-size:140%;”>☆</span>

And that should be all. Unfortunately, many users use Explorer… In Explorer, many of those symbols won’t render correctly, or won’t render at all, if you only paste the html entity for them; you need to specify the special font that will make the creature understand:

<span style=”font-family:Arial Unicode MS;”>HTML ENTITY HERE</span>

If you can check things in Explorer, paste the entity alone, examine the result, add the font-family command if needed. If you can’t check, better err on the safe side and add it anyway.

(And if you’re using Explorer as your main browser, better download and start using a decent one, namely Firefox or Safari.)

http://wpbtips.wordpress.com/

Related post: Calling Attention to Yourself, by fellow forum volunteer Tess.

Please don’t paste code in comments – see comment guidelines.
About these ads

Discussion

12 thoughts on “Special characters, symbols, and html entities

  1. You might update this since you changed the theme you use:

    For an apparently exhaustive list, see “Html entity index” under Links 2 in my left sidebar.

    Posted by Tess | August 7, 2011, 20:56
  2. Oh boy, there must be lots of such stuff – hopefully most of them in the comments… Thanks!

    Posted by Panos | August 7, 2011, 23:03
  3. don’t worry, probably people will figure it out.
    let you know though if I come across mo’

    Posted by Tess | August 8, 2011, 04:56
  4. In the meantime I found and corrected nine more instances (in posts – won’t bother about comments). Fortunately I keep a backup of everything in Text Edit files, so it was easy to find them.

    Posted by Panos | August 8, 2011, 05:34
  5. Thanks so much for this and all your other tips. I am slowly and painfully getting to grips with The Morning After and this guide is a life saver

    Posted by ucanewsblogs | September 28, 2011, 07:37
  6. You’re welcome – but you probably posted your comment under the wrong post! (Unless you mean that something from this post proved of use to you.)

    Posted by Panos | September 28, 2011, 09:36
  7. sir panos, thanks for this post. I am learning a lot from your tips and tutorials. :)

    Posted by dherbman | October 4, 2011, 20:36
  8. You’re welcome. I learned a lot too from the wp.com forum when I was a beginner, and I’m sort of paying back!

    Posted by Panos | October 5, 2011, 01:02
  9. Thank you so much! I’ve been looking for little gold stars and here they are :)

    Posted by a displaced alaskan | October 19, 2011, 13:56
  10. You’re welcome! Of course you can change the color if you wish – palettes and color codes here:
    http://www.december.com/html/spec/color.html

    Posted by Panos | October 19, 2011, 17:09
  11. rho symbol for density in physics? please…

    Posted by thekoist | December 9, 2011, 10:56
  12. My post includes two links to webpages with “lists of symbols and corresponding html entities”. Greek letters here:
    http://www.danshort.com/HTMLentities/index.php?w=greek

    Posted by Panos | December 9, 2011, 11:08

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 2,415,144 views
  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: