Why does my post look funky?

All of a sudden, you see your post and the previous posts all are in a different font, or your sidebar doesn’t appear in the right place. Did you just break WordPress? Probably not.

What you most likely did was put code in your post that WordPress either doesn’t recognize or doesn’t like.  That’s because WordPress likes you to do the writing, and leave the formatting up to it. Here is some info on Validation from the WordPress Codex:

Validating a Website « WordPress Codex
Validation errors aren’t limited to your template files. They can also happen inside of a post. When you are writing a post and using HTML, WordPress might not recognize the HTML and convert it to a character entity, or you may have entered it wrong. If you have a page with a lot of HTML coding, validate it to make sure you have it all correct. And occasionally check random posts to make sure everything is still okay from time to time as part of your general housekeeping.

So, if you are trying to write about php code- WordPress will strip it out- thinking you are trying to run code where you shouldn’t. People who write about code, use a plugin to make code quotable.

The main problem is copying and pasting either from other sites, or from Microsoft Word. These pastes can contain all kinds of tags and formating that WordPress has no use for, or doesn’t understand, or conflicts with the Cascading Style Sheets (CSS) built into your theme.

If you look to the right of your ? (help) icon in the toolbar- you will see the “Advanced Toolbar” button that will give you access to a whole bunch of formatting (and unformatting options). It’s here where you can underline text, add colors, use different heading tags- or remove formatting or clean up messy code.

So, if you see something looking wonky on your wordpress site, try the eraser tool- and remove formatting, before the panic, and try reformatting using only the tools that WordPress offers. If you are still finding errors- look in code view- and see if there are more than a few things that say MsoNormal, or Table or div or span in your code. Most of those are indicative of formatting problems.

Continue reading →