Search The Hostwinds Guides Knowledge Base

How to add HTML to your WordPress page

Sometimes, you want to add in custom code into your WordPress site. You may want to code a hyperlink by hand, or adjust text size, for example. Well, you’ve come to the right place.

 

Here’s a list of HTML tags allowed by WordPress:

address, a, abbr, acronym, area, article, aside, b, big, blockquote, br, caption, cite, class, code, col, del, details, dd, div, dl, dt, em, figure, figcaption, footer, font, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, img, ins, kbd, li, map, ol, p, pre, q, s, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var

 

WordPress does not allow javascript or other embeds due to the vulnerabilities they introduce (see https://en.support.wordpress.com/code/ for more details)

 

Steps to Create a Post, and code HTML into it:

 

    • Here, you can create a new post, or edit a previous one. We’re going to be creating a new post.
       

 

    • Once the new post window is up, you’re going to click the “Text” tab above the WYSIWYG editor on the right.
       
    •  

 

    • Here, you can edit raw HTML for the post, using any of the tags mentioned above. Lets try it now. I’m going to put a hyperlink linking to hostwinds.com
       

 

    • Alright, lets click that preview button and see how it looks
       

 

  • It worked! That’s all the content I need to add to this post, so now I want to publish it live. Lets head back to the post editor and click publish.
     

Thats it! Welcome to the wide world of HTML.