• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Content Marketing & SEO Agency | Get More Sales From Your Website

Jammy Digital

  • Home
  • Start Here
  • About
    • Jammy Careers
    • Meet the Team
  • Content/SEO Services
    • SEO Blog Writing & Management
    • Blog Post & SEO Template Pack
    • SEO Audit
    • Keyword Research & Content Strategy
  • Learn
    • Learning Centre
    • Blogging Quiz
  • Shop
    • Book
    • Digital SEO/Blogging Products
  • Blog
  • Get SEO Score

15 tips to make your WordPress blog posts less boring

By Martin Huntbach on September 3, 2017

Wordpress blogging design tips

There’s no doubt about it.

WordPress makes everything easier.

Within seconds you can copy and paste your content into the editor and publish a brand new blog post for the world to see.

There’s only one problem, how can you make it look good?

Design is important

Good quality content is one thing, but DESIGN is important too. Especially if you want people to read your articles properly and share your content online.

The standard WordPress editor is easy to use but VERY basic. You can barely change the font size without knowing a bit of code. This makes it very difficult to create something visually appealing for your readers.

WordPress editor

So what can you do about it?

Realistically, you’re not going to learn how to code; even the basics would take months to learn.

You don’t want to rely on your web designer for every little change. That could cost a fortune.

You may be tempted to add some drag and drop software to make things easier, but that’s going to affect your page load speed.

Good news

Luckily, all is not lost. WordPress allows you to make lots of visual changes to your articles within their editing system and you won’t need ten different plugins either.

All you need is one handy little plugin, and you’re all set.

Within a few steps, you’ll have everything you need to make your blog posts look amazing without spending a penny.

Install Tiny MCE advanced

Before reading the rest of this post, you’ll need to install this plugin. I always try to avoid adding more plugins where possible, but this one is going to be worth it. It will make your entire blogging life easier.

TinyMCE Advanced editor in WordPress

As you can see, it comes with so many extra options, and I now install this plugin on every website we build.

WordPress Blogging Tips

Now you’ve installed the plugin you can follow along with these 15 steps to make your blog post look epic. And if you want to understand what to actually cover in your blog post, have a look at our article on how to write a blog post.

1. Never create content within WordPress

Never. Ever create your content in WordPress.

Never.

You could spend hours writing a post, and if something goes wrong with your internet, you’ve lost it. I learnt this the hard way and so have many others.

I create all my content using Google Docs or Microsoft Word. Whatever you use, save it often until you’re 100% finished.

How to add content

Once you’ve written your blog post and you’re happy with it, don’t just copy and paste it into WordPress. It sometimes transfers over some messy code from the text editor you’ve used.

Instead, you want to right click in the white space of the blog post and select “paste and match style.”

Delete formatting in WordPress

This will clear all of the previous formattings and give you a clean post to work with.

2. Use Headings and Subheadings

The headings and subheadings on your post will help your reader consume your content easier. They will also allow you to break up your content with little milestones.

Headings are usually much bigger than the normal text, and your readers will often skim your headings before reading the content fully.

Adding headings is the first thing I do after adding the content.

How to add proper headings/subheadings

Highlight the text you want to use as a heading or subheading and use the drop down list in your editor (pictured below) to choose the relevant heading style.

How to add headings in WordPress

For more information on how to choose the correct WordPress headings, read this article here.

Depending on the theme you’re using, each heading will have its own style. This means that it might not look how you want it to, but don’t worry, you can change this without knowing any code.

Once you’ve chosen the appropriate heading, simply highlight the text again and use the editor to change the size, colour and style of the font.

3. Create a main featured image

Add featured image WordPressWordPress allows you to add a “featured image” to each blog post. This is a dedicated image that often gets shown when your article is shared online. I always upload a unique image for every new blog post and ensure it’s included within the blog post article too.

These big images are the visual representation of your article and, like it or not, people still judge a book by its cover. The better the image, the more people will take notice and share it online.

I also include this same image within the post too, usually right at the top, above the entire article. Just like this one.

How to add a featured image to WordPress

When editing your blog post scroll down to the featured image section on the bottom right of your sidebar.

Click the “set featured image” link and add the image via your media library.

4. Use short paragraphs (My English teacher would kill me)

I love short paragraphs.

Just like the one above.

And this one.

They make it easy for people to read and it doesn’t feel like a novel.

It’s more important earlier on in the post. It’s about easing your reader into your blog post with short, snappy paragraphs to keep them engaged.

I very rarely use paragraphs over 2-3 lines of text and instead, I choose to show more white-space on the page.

It makes the process of writing easier too.

Give it a go and see how you like it.

5. Use a larger text size

The size of your text is very important. If it’s too small, it makes it very difficult to read, and this may cause the reader to lose focus.

I use size 20px (15pts) text for my blog post, and it works well and allows most people to read it clearly.

Anything below size 16px (12pts) is probably too small, and you might want to increase it.

How to change the font size

As you can see below, the new WordPress editor will allow you change the font size for each blog post. Simply highlight the text you want to edit and select your font size.

Change size of font in WordPress

Note:

Ideally, you would change the text size within the theme code for your website. This way, you wouldn’t have to manually do it every time you created a new post/page. However, if you don’t know how to do this, this can be a good backup option.

6. Use dark coloured font on a white background

My best advice when it comes to text colour is to make it stand out. Using black or a very dark grey will allow your text to be read easily on a white background.

Many websites use a lighter grey colour for the main content, but it’s more difficult to read and will require more concentration from your visitor.

Make things easy and keep your text as dark as possible.

How to change the colour of your text

Highlight the text you want to change and select the colour from the colour swatch like in the image below.

Change colour of text in WordPress

7. Use a clear font style

Always try and use a clear font style for your blog posts. This will make it easier for your readers and will keep them around for longer.

The font will be set by your theme, but you can change this for each post using the WordPress editor.

How to change the font style

Simply highlight the text and change the font style as you can see in the image below.

Change font style in WordPress

8. Use images throughout your post

Using images within your blog post is an excellent way to keep your visitor engaged while they’re reading your blog post. It will help you communicate your point on a more visual level.

Try to avoid using cheesy stock photos where possible and opt for more helpful images like I’ve used on this post.

How to add images to your post

Place your cursor where you’d like to add your image and click “add media.”

WordPress add images

You can then select the image from your computer or image library.

Once you’ve selected the image, you can use the image align tool to make it centred or left/right aligned.

9. Use links throughout your post

Where relevant, try to include internal links to the other pages or posts on your website.

Helpful links will allow your user to navigate through your website easily and consume more of your content.

The hyperlinked text is usually a different colour too which makes it stand out.

How to add links to your blog posts

Highlight the word or phrase you want to hyperlink and use the link icon in the editor and insert the destination page

I always try to hyperlink a related word such as SEO for Blog posts rather than use the words “click here” or “find out more.”

You could also list recent blog posts and hyperlink to the relevant page as I’ve done below.

The Ultimate SEO Checklist for your Blog Posts

7 mistakes you’re making on your homepage and how to fix them

Web Design & SEO Jargon Buster

10. Embed videos within your blog posts

Adding videos to your article will dramatically increase the value of your content.

By including video, you can keep people on your post for longer and engage more of your audience.

How to add a video

The most common way to include a video within your post is to upload it to a video hosting platform first, like YouTube.

You can then get a snippet of code from YouTube and paste it onto your website.

how to embed a youtube video onto WordPress

11. Use Bullet points

Adding bullets or numbered lists is a great way break up your content in a different way.

How could you use bullets?

  • Listing pros and cons
  • Giving step by step instructions
  • Listing product features
  • Listing benefits of a service
  • Making a list of items
  • And many more

How to make a bulleted list in WordPress

  1. Add the list of items, one line per item
  2. Click at the start of the line
  3. Click the bullet or number button in the editor
  4. Do the same for each item

12. Include Tweetables

A Tweetable is a shareable link which you can insert into your blog post.

[easy-tweet tweet=”Tweetables look good and make it easier for your audience to spread your message on Twitter.”]

You can ask your readers to tweet a sentence from your post which helps it reach more people online.

It looks good and makes it easier for your audience to spread your message on Twitter.

How to add tweetable links within your website

I’ll be honest; I use a plugin for this. It comes as part of my social media sharing plugin, however, there are many other plugins that will allow you to add “Tweetables” to your posts.

Click To Tweet is a popular choice and it’s free.

If you’d rather not use a plugin, there is a free online service you can use by the same company.

Simply authorise your Twitter account and add the text to field like in the image below.

15 tips to make your WordPress blog posts less boring

It will give you a short snippet of code, and you just need to add it to the HTML of your post.

Add tweetables to your website

13. Add coloured boxes

Placing a box around sections of text is a great way to highlight it and change things up for the reader.

 You can add a simple thin border or you can add a full coloured box like this one.

How to add a coloured text box

To add a simple text box within the WordPress editor, you can select the “Table” option and choose 1 cell.

Add text box to WordPress

You can then type in your text within the table.


Add text inside a box in WordPress

 

Then click “table properties” and select advanced.


15 tips to make your WordPress blog posts less boring

Using the field at the bottom, you can assign a background colour


Add WordPress Text Block

 

  1. Select the “Table” option and choose 1 cell.
  2. Type your text into the table
  3. Then click Table properties and select advanced.
  4. Using the field at the bottom, you can assign a background colour
  5. At this point, you can get creative with the font colour and background colour to make you box look how you want it too.

 

14. Use horizontal lines to separate paragraphs

Adding a simple line in between your content is another way to break up your text in an interesting but subtle way.


How to add a line between paragraphs

Press enter after you’ve finished writing a paragraph and click “insert” on the editor menu and select horizontal line.

Add horizontal line in WordPress


15. Lead captures

One of the more interesting ways to bring your blog posts to life is to include some kind of lead capture.

This could be an email signup form like the one below, which is used to capture your reader’s contact information in exchange for a free giveaway.

[et_bloom_inline optin_id=optin_1]

How to create lead captures in WordPress

To be able to collect your prospects email addresses on your website, you’ll need an email marketing tool such as Aweber, Convertkit or MailChimp.

These are 3rd party tools that allow you to easily add a signup form to your website.

Simply create a new form within your chosen tool, and they will give you the code to copy and paste onto your website.

Most of these tools do have a WordPress plugin you can install to make the process easier, but it’s up to you if you’d prefer to copy and paste some code.

You may have to switch to the text editor to paste the form code, but you don’t have to do anything.

What’s Next?

Making your website and your content look attractive is the best way to keep your readers interested and willing to share it online. Now you have 15 tips to make your blog posts look fantastic.

But, you also have to write a blog post that’s engaging too! Have a look at our article on how to write a blog post that people will actually read.

Over to you

Do you have any tips of your own that make your blog posts look better? Share your thoughts and comments below.

 

Martin Huntbach
Martin Huntbach

Web designer & marketer for small businesses. Martin is an experienced search engine and web design specialist, with over a decade of experience working with large corporations to small businesses.

jammydigital.com

Filed Under: Blogging, SEO Tagged With: Blog, Blogging, Blogs, Website, Wordpress

Reader Interactions

Comments

  1. Claire Brotherton says

    September 4, 2017 at 6:35 pm

    Hi Martin

    By coincidence, my last post was similar to yours (same plugin!) though I had a slightly different take on it. https://www.abrightclearweb.com/wordpress-post-editor-need-know/

    A few points of comment:

    Good point about keeping the text colour dark in relation to the background. The only issue I have using the text colour picker for this is that It’s easy for the user to act like a kid in a sweetie shop and introduce colours that are off-brand. This could look jarring on the published page.

    There’s the same danger with changing the font. I don’t think Comic Sans has a place in that dropdown menu!

    The text sizer in Advanced TinyMCE actually measures in point size, which is a measure for print rather than pixels for web. You’re using 2rem or 20px – not 20pt.

    There is a way to change the unit type from pt to px – see my post.

    You broke your own rule on links: “I always try to hyperlink a related word” with “this plugin”. 🙂

    You can simply embed the video URL in WordPress rather than using the iframe, unless you have embeds disabled.

    I’m going to be really picky about your use of a table for the coloured box. It’s not the right markup – it should really be a with a class. Here’s an alternative way of doing that: https://wpsites.net/wordpress-themes/colored-buttons-content-boxes/

    Cheers

    Claire

    Reply
    • Martin Huntbach says

      September 4, 2017 at 7:56 pm

      Thanks for your comments Claire.

      Reply
  2. Anne Johnston says

    September 4, 2017 at 11:10 pm

    Thanks for this great blog, Martin. So many helpful tips. I keep meaning to include tweetables but forget to. Your post has prompted me.

    I’ve been using Cornerstone for my blogs recently as it came with the theme and visually I find it far easier to see and work with than using the WP editor. Is there anything else I need to watch out for apart from it possibly affecting load times?

    Cheers

    Anne

    Reply
    • Martin Huntbach says

      September 5, 2017 at 8:31 am

      Thanks so much Anne. I really appreciate that. Your blog posts look great by the way.

      I think it’s best to work with a platform that suits you. I know a lot of people use Cornerstone, Visual Composer etc because they find the standard WordPress editor restrictive.

      This is the main reason I wrote this post, to make people aware that it is possible to produce attractive blog posts without knowing code of needing additional software.

      Using the the WP editor and TinyMCE also makes it easier if you change themes in the future and cornerstone isn’t an option.

      Thanks agin Anne

      Reply
  3. Ahmed Khalifa says

    September 5, 2017 at 6:08 am

    Great article Martin. I’ve never tried to “paste and match style”. I always use the “paste as text” icon beside the indent icon in the toolbar. Good shout though!

    But I agree, that the Tiny MCE plugin is so useful. It should be a default in the editor as it makes lives so much easier and your content so much better.

    Reply
    • Martin Huntbach says

      September 5, 2017 at 8:24 am

      Thanks so much Ahmed.

      Couldn’t agree more. Hopefully it will comes as default in the WordPress updates to come. Fingers crossed.

      Reply
  4. David Withington says

    September 7, 2017 at 12:29 pm

    Thank you, Martin. Some great information there. Sometimes I struggle with the formatting when copying across from another document, so that particular tip is very useful to me.

    Reply
    • Martin Huntbach says

      September 8, 2017 at 10:19 am

      Thanks very much David. I’m glad I was able to help!

      Reply
  5. Peacock Karen says

    September 12, 2017 at 11:45 am

    Hey Martin, Nice article. We always confused about design and use the same design as well. Especially the color combination is very important in the blog. The points you shared are amazing it also helps in Internet Marketing . Thanks

    Reply
  6. Troy says

    August 23, 2018 at 4:17 am

    Nice guidelines.
    It is true that blog design really matters while you are trying to make your blog more popular.
    I have been using a blog design plugin Blog Designer Pro on my blogging website. It provides very effective and user friendly way to beautify your blog pages with its beautiful templates.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar



Recent Posts

  • Why Are We Raising Our Prices For Our SEO and Content Management Service?
  • What are the three different types of search query? And what content can you create for each type?
  • What content do you need to create to hit your business goals in 2023?
  • What’s Our Black Friday Offer 2022 All About Then?
  • What you do (and don’t) need to have in place before you hire an SEO Content Writer

Other articles you might enjoy

Web Design and SEO Jargon Buster
Web Design & SEO Jargon Buster
Read More
Three different types of search query
What are the three different types of search query? And what content can you create for each type?
Read More
7 Ways To Write An Irresistible Blog Post Headline
7 Ways To Write An Irresistible Blog Post Headline
Read More

Say Hello

Footer

Manchester Office

Jammy Digital

Floor 10 Chancery Place
50 Brown Street,
Manchester, M2 2JT

Call 0161 410 1990
hello@jammydigital.com

Get in touch

Blackpool Office

Jammy Digital

Blackpool Enterprise Center
291-305 Lytham Rd,
Blackpool FY4 1EW

Call 01253 381 391
hello@jammydigital.com

Get in touch

Wanna stalk us?

Copyright © 2022 FCM Digital Limited | All Rights Reserved | Company Number 10053705 | VAT Number 264 3731 03
Privacy Policy | Cookies | Terms