General
Guide

Content Basics

1 Module 1 Lesson     

About this course

Content Basics Description

Start Course

Course Structure

Wordpress Formatting

Wordpress Formatting Description

WordPress Formatting: Fundamentals

WordPress formatting fundamentals

To master any craft, you must first understand the fundamentals.

Even if you don’t become a master, getting good at the fundamentals will put you leaps and bounds above the average blog.

How?

Formatting adds white space, which makes pages more scannable. Content is easier to consume if it’s in small groups, with important points called out.

 
There are a few ways to format WordPress blog posts:
  • Short paragraphs (no longer than 3-4 lines)
  • Subheads every 300 words or so
  • Bullet lists and numbered lists
  • Bolding and italics
  • Quotes or called out text
  • Internal links – linking to other content on your site

In addition to these formatting fundamentals, you should also add strong and relevant imagery.

I don’t mean stock photos – I’m talking about high-quality pictures that add value, like charts, graphs, screenshots, or high-resolution images. More on imagery later.

Pro Tip: When building your blog and trying to format WordPress blog posts, don’t forget to ensure everything looks great on mobile as well. Google is penalizing non-mobile-friendly sites. Even if you do get found, people will leave if it looks ugly or doesn’t function well on their phone.

Now, let’s break these fundamentals down!



Now you know what the fundamentals are, but that doesn’t mean you can just go into a post and start formatting like a master. In this section, I’ll break down each of the fundamentals in further detail. Let’s dive in:

#1: Break up large paragraphs

Let me give you an example of a huge paragraph.

If I just keep writing, I can easily keep my thoughts going and have a lot to say. Sure, it takes up less space – but, long paragraphs give the eyes a break or make it easy to scan. Instead, it tends to look almost… intimidating. Who wants to read a wall of text? Have you ever seen one and went the other way? It makes it look like the writer is rambling on or writing a book. This isn’t a book. We’re writing for the web! That means small paragraphs. Each paragraph should contain one idea, then move onto another paragraph for the next idea.

If you even read that paragraph, I’ll be amazed. For one, I rambled on. For two, it’s ugly.

Instead, break up your paragraphs! Let’s try breaking up the long one above:

If I just keep writing, I can easily keep my thoughts going and have a lot to say. Sure, it takes up less space, but…

Long paragraphs don’t give the eyes a break or make the content easy to scan.

Who wants to ready a wall of text? Have you ever seen one and went the other way?

Long paragraphs make it look like the writer is rambling on or writing a book.

This isn’t a book. We’re writing for the web! That means small paragraphs; each containing a single idea, before moving onto another paragraph for the next idea.

Which one did you prefer reading? Which one did you take more away from? Now you understand the difference a little formatting makes!

Go through your posts and ensure your paragraphs are no longer than 3-4 lines at most.

#2: Add subheads every 300 words

Use WordPress subheads to format your blog posts

Subheads help the reader skim your article and get to the section that most relates to their needs as quickly as possible.

Additionally, 300 words is just a ballpark figure. You can go above or under that; it’s merely a number to shoot for to keep things looking nice.

For example, instead of placing a new subhead after 300 words, you could add an image or a block quote to break up the sections.

When writing your subheads, you can go one of two ways:

  1. Call out key information, detailing exactly what the section will be about
  2. Use copywriting tactics to entice your readers to read the section

The first method is practical, useful and easy, the second increases reader engagement and time on page, but is more difficult. The best writers will combine the two.

For example, this post uses the first method. Each of my subheads simply tells you what to do. They’re not particularly sexy.

If I were to combine the methods, I might instead make this subhead something like “Increase time on page and engagement by 200% with subheads”.

I didn’t do this because this is a more straightforward guide, but it would likely pique your interest and get you to continue reading.

Check out this post by Brian Dean for more advanced SEO copywriting strategies.

#3: Put your main takeaways in bullet points

Format WordPress blog posts using bullets

When you skim a post online, what are the first things you look at? After images, I’ll bet it’s headings and bullet points.

However, when writing bullet points, there are four things to keep in mind:

  1. Try to keep each point consistent in length
  2. Don’t add too much information to one bullet point
  3. Make sure the info you’re bulleting is actually valuable
  4. Use bolding at the beginning of your bullets if you have to make them longer. However, if you do this, frontload the bullet with the most important info and follow point one: Keep it consistent! (Meaning, don’t do what I just did here.)

Pro Tip: If you really want to get fancy with your design, you can add custom image bullets. For example, Robbie Richards uses little light bulbs as bullet points in his articles.

Format your blog posts using custom bullet lists

Editor’s note. To get an effect like that while you format WordPress blog posts, you can use a plugin that we utilize on CodeinWP quite heavily – Shortcodes Ultimate:
  • It uses Font Awesome icons for bullets.
  • This produces a very similar result to Robbie’s.
  • As you can see…

#4: Use bold and italics to call out key points

WordPress Bold & Italic Formatting

Bold and italics are an excellent way to draw the eye and create emphasis. When using them, however, don’t overuse them. I’m sure you’ve heard the cliche: If everything is bold, nothing is bold!

During my writing process, I often complete an entire article, then go back and bold the important bits. Sometimes they come to me while writing, but the editorial process is what really makes a post shine.

I also like to use italics to call out something I want to say that doesn’t directly flow from my last paragraph but is important to my overall point. Or for quoting others in my article.

#5: Add block quotes or called-out text

WP block quote formatting

Notice in the first section about breaking up paragraphs, I used a box to call out the text. I see it as a way of making it obvious where information is different.

Not only does this call out important information, but it also acts as a break from regular text (even though it includes more text).

You see, our brains work by “chunking” information. When something is visibly different, it makes our brain’s chunking process easier, helps us to scan the information and even increases recall.

Is adding a quote simple? Yes. But, in the words of Paul Rand:

Oh, that reminds me: Use click to tweet boxes.

#6: Use great images to put the cherry on top

WP Add Media

I promised you I’d tell you more about using pictures in your articles, so here it is!

So, we already know not to use cheesy stock photography. You also shouldn’t use crappy clipart images you pull off Google (not only do they usually suck but you’re also stepping on copyrighting laws).

Instead, stick to graphs, charts, screenshots, infographics, and high-resolution photos.

Why do you need great images? Maybe these stats will convince you:

So, where does one get these incredible images?

What if you see a perfect graph on another article you’d love to use in your own work?

You can, but be careful. Make sure you’re giving them proper credit. Even then, you may still be breaking copyright laws. If they ask you to take something down, do it.

What if you know what you generally want an image of, but don’t have time to create it or aren’t quite sure what you want?

That’s where Google comes in! I use Google to find free-to-use images through their advanced tools. Here’s how:

1. First, go to Google and search for an image you’d like to find.

Google image search for ponies

2. Don’t use these images! First, go to Tools -> Usage Rights -> Labeled for Reuse.

Advanced Google image search

3. The resulting images (while drastically cut down from the original number of results) are free to use as you please to format WordPress blog posts! (Be sure to still give credit, just to be safe.)

One final tip on imagery: It pays to hire a designer to create the images for you. CoSchedule does this very well on their posts, which always look great. Plus, you can see a similar trend in use at the ThemeIsle blog as well:

themeisle-blog-images

Now that you’ve formatted your post and even added some valuable images, are you done? Well, no. There’s one last thing you must do with every post you write…

Powered by Thrive Apprentice
Pen