Go Daddy $7.49.com domains


How to add HTML into a WordPress post


Emails for Small Business with Constant Contact

If you have tried adding straight HTML in your posts, you may have noticed that WordPress either deletes your code or it alters the look of your theme.

This tutorial will show you how I add HTML to my own posts.

addhtml

First, to add HTML to your post, you need to encode your HTML.

To do this, I use http://centricle.com/tools/html-entities/

Paste the HTML you would like to use in your post into the box:

addhtml1

Now click on “Encode”

Highlight and copy this code.

Head on over to your post in WordPress, click to view the post in HTML view:

addhtml2

Locate where you would like the HTML code to appear in the post. Before pasting the special encoded HTML, click on the “code” button.

addhtml3

Paste your HTML after <code>

addhtml4

Now click on the “/code” button:

addhtml5

This will place </code> after the HTML you pasted into the post.

That is it, the HTML will now appear in your post unaltered.

You can switch back to “Visual” view to continue editing your post.

  • Share/Bookmark

Related tutorials that might interest you:

    How to add a post in WordPress 2.6
    How to add an author box after my post in WordPress
    How to widgetize your WordPress theme
    Displaying recent posts as thumbnails in sidebar
    Learn WordPress – Easy 3 hour orientation

Comments are closed.