How to Add HTML in a WordPress Blog Post

Featured

Most WordPress users spend their blogging life in the Visual Editor, the WYSIWYMG editor. Yes, it is the What You See is What You MIGHT Get editor.

While WordPress does what it can to make the Visual Editor emulate what your content will look like once published within your WordPress Theme, it has limits.

One of the limits is that is appears hard to publish HTML in a blog post. It isn’t. You just need to switch to the HTML or Text Editor on the Post/Page Panel.

Before you can publish code on your WordPress blog, there are some things you must know.

  1. WordPress automatically fixes poorly formed code. If you mess up a link or HTML element, WordPress doesn’t recognize it as properly formed code so it will “fix” it for you by replacing < with &lt; or change other code to make it appear as text.
  2. WordPress automatically strips out unwanted or broken code. If you are on , you are not permitted to publish JavaScript, PHP, or other code within your blog posts or elsewhere. But you can publish HTML if you have written it properly in the HTML/Text Editor.
  3. The WordPress Visual Editor expects everything within it to be publishable text or a shortcode, code that displays video and other media or features.
  4. The WordPress HTML/Text Editor expects everything within it to be HTML or something WordPress can use to generate HTML.
  5. WordPress recently changed the name of the HTML editor to Text editor in WordPress.com. This change may be in an upcoming release of WordPress.

There are 66 HTML codes permitted in WordPress posts, Pages, and widgets, codes you can use to make lists, links, blockquotes, images, headings, whatever content you wish to add to your site. Continue reading

Introduction to WordPress Class 2: What Can You Put in a WordPress Post

In Class 2 -Introduction to WordPress, we cover:

  • Getting Help with WordPress
  • Writing Content Structure and Techniques
  • WordPress Post and Page Editors
  • Writing with HTML
  • Uploading multimedia content into posts
  • Basic Tips for Blog Writing
  • Finding Content
  • Copyright

Homework Assignment

  • Edit your previously published blog posts to meet web standards for content writing written in HTML editor.
  • Write and publish 5 posts with multimedia in HTML.
  • Write and publish 3 posts with blockquotes in HTML (with citations).
  • Write and publish a list post.
  • Create a Policy Page:
    • Add a copyright policy.
    • Go to Creative Commons and find the appropriate license and add it to your Policies Page (with Creative Commons badge/image).
  • Start an article To Do List with ideas for blog posts (anywhere you want, on your blog, Google Doc, etc.). Goal: By the end of week two, you will have a minimum of 5 posts published in every category.
  • Read the Reading Section material.
  • Research and add to schedule:
    • Next WordPress Meetups in Portland (and elsewhere local)
    • Local WordCamps

Reading

The following are recommended reading assignments from the WordPress books in the 24×7 Book program. Please note the notes on book naming conventions and confusion in the class preparation post.

Watching

The following are two very similar videos highlighting the people behind WordPress and how WordPress changes lives. One was done exclusively for the first WordCamp PDX and the other was done for WordCamp Hawaii and the Hawaii Technology Week event.

Extra Credit

During the class, I’ll be offering extra credit opportunities. The first one is to volunteer to answer questions and provide support on the WordPress.com Forums.

The WordPress.com Forums are managed by employees of Automattic and WordPress Community volunteers. I’ve written an article with tips on how to provide support and participate in the WordPress forums. Read “How to Help on the WordPress Support Forums” and its supporting documents before volunteering your efforts.

Please let me know if you are participating on the forum(s). I’ll need to know your WordPress username to verify. And know in advance, WordPress.com users thank you.

Outcome

For those keeping track of overall outcomes, the goals of the second class were:

  • Learning the content management areas of WordPress.
  • Learning the difference and how to use the Visual and HTML Editors.
  • Learning how to include multimedia in a WordPress blog post.
  • Basic blog writing tips with WordPress structure and format.
  • Learning to write in HTML.
  • Overview of WordPress help and support resources.