How to Add HTML in a WordPress Blog Post

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

Blog Writing: Imagine You’ve Been Blogging for the Past Five Years

Can’t think of anything to blog about?

When choosing your blog topics, realize you could be blogging about this topic for years, coming up with new ideas all the time, sometimes daily.

Two photographs of a cat looking out the window of a house, from Band of Cats site.I recently found Band of Cats, a site by an owner of 4 cats, stuffed with funny cat pictures of their own cats plus any other cats, and cat stories, they can find on the web. The first post was July 27, 2007.

While Band of Cats doesn’t publish daily, though they did through most of 2008, they continue to update their site with cat art, cat pictures of the month, holiday cat pictures and items, cat products, and more. While they publish irregularly now, that’s still a huge commitment to the subject of cats.

Think about your own subject matter and imagine you’ve been blogging about it since July 2007 (or pick another date). What would your blog have covered during the past five years?

Usually, we have to project into the future what topics we would blog about. Why not take this backwards and imagine what you would have blogged about if you had been blogging about something for the past five years.

Links and the Anchor HTML Tag

This is a tutorial from the HTML Fundamentals Class I taught at Clark College in Summer 2012. It applies to HTML and WordPress.

There are five basic forms of links on a web page.

  1. External Links
  2. Internal Links
  3. Jump Links
  4. Image/Multimedia Links
  5. Email Links

Link Basics

Links are the gateway to the web, the interconnected parts of the web that allows a web user to easily move from document to document.

A link consists of the following HTML tag structure.

<a title="Link to article title." href="http://example.com/article.html">Anchor Text</a>
  1. a: The HTML Anchor tag.
  2. title: It is required by US federal law and international law that all links have a descriptive title property. The value text must describe the destination link in a way that will inform the user of what the destination material is about and help them decide to click through. It should be no more than a few words and written in sentence form, a simple instructional form such as “Link to article on links.” This is read out loud by screen readers.
  3. href: The Hypertext Reference is the destination link. In general, it is typically an absolute link written with the full http: address such as http//example.com/article.html.
  4. Anchor Text: This is the text which the HTML Anchor tag wraps around. It is the visible element of the tag on the web page.

Continue reading

2011 Prove It Campaign: Prove Yourself on Your Blog

In January 2012, I started a year long campaign on called Prove It!

I recently learned the true definition of the word “guru.” It means to lift someone up through knowledge and wisdom. It means to teach, to impart wisdom, “to dispel the darkness of ignorance” so that those who go after you will be better for it.

Too often the label is used with arrogance. It doesn’t mean to lord over others as an expert. A true guru probably wouldn’t call themselves a guru. Others would honor them with the title.

After years of being called a guru in WordPress, blogging, and multimedia web publishing and being embarrassed by it, I realized there was more to being a guru than a line on a promotional ad. It’s time to reconsider such self-proclamations without anything to show for it. It’s time to call myself on the carpet to prove my worth, and for others to step up to the plate and prove it themselves.

Here is the article series so far which focuses on proving your personal expertise and experience to back up what you blog about. I just published the last article which includes research on what elements of a website design and content inspire trust in their readers.

Future articles will focus on specific design and content elements with recommendations on WordPress Theme and Plugins to help “prove it” on WordPress sites. I’ll be writing about how to prove it through accuracy in writing, publishing, and interaction with readers, and how to measure the proof of your success through analytics and feedback. I’ll add more articles to this post as the series continues throughout the year.

Plagiarism, Copyright, and Fair Use

copyright symbolRule Number One: Ask first, they might say yes.

If it is on the web, it isn’t free.

If it is on the web, it could be free.

Everything on the web was created by someone. It took hard work. It took time, sometimes a lot of time. Hours, days, weeks, months, possibly years.

Everything on the web is copyrighted and someone owns that copyright. It is up to them to decide what those rights are.

They might want to share what they’ve created with the world but only on their space.

They might want to share it for free for use by others and allow it to be used by others as long as credit in the form of links stays with it.

They might want to share only a small bit with a link as credit for use by others. They should tell you how much they will allow to be shared before it is considered plagiarism and copyright infringement. This is called Fair Use. If in doubt, use no more than 10% or 400 words.

They might want to give it away and not care if it is linked, credited, or changed.

It is up to the copyright holder to set the terms of the sharing, copying, and usage, but understand they don’t have to. Always look for their copyright policy, usage license, or Creative Commons license and permissions to verify the rights of the copyright holder. Anything published and shared on the web is owned and controlled with all rights and usages to the copyright holder. Treat it fairly within the rules of Copyright Fair Use.

This applies to written content, pictures, graphics, images, designs, web art, web templates, web designs, video, animation, photographs, audio, podcasts, music, illustrations, artwork, downloadable files, and any other content on the web. It’s all copyright protected. Continue reading