How to add HTML into a WordPress post
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.

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:

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:

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

Paste your HTML after <code>

Now click on the “/code” button:

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.
Related tutorials that might interest you:


