Blog Page Layout


Updated December 24th, 2020

Remember newspapers?

People used to get them delivered to their doors and read them over breakfast.

  1. May 05, 2021 Posted in Border Ideas, Card Ideas, Page Layout Ideas, Project Ideas, Scrapbooking Sketch, Sketch Round-Up Tagged Border Ideas, Borders, Card Sketch, Double Page Layouts, Page Sketches, Project Ideas, Scrapbook Ideas, Scrapbook Layout, Scrapbooking Sketch, Sketch Round-Up Leave a comment Take On the National Scrapbook Day #NSD2021 Sketch Challenge.
  2. Apr 15, 2021 New page layout picker experience. Convert text and images into Columns block. Improved spacing options for social links and buttons. Streamlined behavior of the writing prompt. New Page Layout Picker. Page layouts are pre-designed templates that make creating beautiful pages a breeze.
  3. Blog Designer provides you with a variety of 10 different blog templates to setup your blog page for any WordPress websites. Sometimes, we always stick with one blog layout as per theme, but it’s not easy to change or modify only blog layout very easily, only you can do it by modifying code and css files.

Jul 01, 2020 Finally, the Z-Layout continues back to the left toward the image and back again to the third CTA button. The pattern continues further down the page creating more Z-Angles. And, by including a CTA at many turns, viewers will have a hard time ignoring them and be persuaded to click and convert. Design your next page with the Z-Pattern layout. How to easily create a separate page for blog or news posts & how to create your own blog page layout in WordPress.

They’re big and awkward to hold and they cover your fingers with black printer ink.

Plus, getting them to your doorstep takes hours, so by the time you read a newspaper, the news isn’t all that new.

Newspapers are going out of business because their news cannot keep up with the 24/7 news cycle that is so prevalent today [and with content marketing and social media].

Newspapers have their drawbacks but one thing they do right is to make sure their stories are easy to read. By that, I mean how they format and layout the newspaper and each individual story. Of course, the first newspapers hit you with a headline that makes you really want to read more.

Something like this headline works wonders:

THE KING OF POP IS DEAD! How he really died! 10,000 pills in 6 months.

Sensational tabloids aside, the content in newspapers is usually good ~ the writing’s high quality and they usually get their facts straight.

But quality content isn’t all you expect when you buy a newspaper and it isn’t enough for blog writing either.

All newspapers make sure their content is easy to read by constraining the width of their columns and that’s what their readers expect.

Blog writers need to do the same when writing blogs and format their blog posts and picking their blog designs so they’re easy to read. Long, narrow newspaper columns mean your eye can easily jump from the end of one line to the beginning of the next without losing its place.

Proper blog layout is essential to a successful blog layout and is just a small part of what I teach in my free 5 day Start a Blogging Business Crash Course.

You’ll learn the ins and outs of what it takes to build a blog capable of making $1,000+/month.

If your blog’s column is too wide, readers will keep getting lost unless they enlist their finger to help them keep track. Even if they do that, they’ll get frustrated and won’t enjoy the reading experience.

This is just one element of traditional media and legibility knowledge that we can use on our blogs or website layout to see what a blog page looks like. Newspapers follow set rules for the formatting and layout, their stories to make them easy to read and bloggers need to follow some of these rules and have good writing examples.

Blog writing and formatting content for the Web is more complex than writing for print because how we read on a computer screen is different from how we read in print and more challenging [never mind SEO/WordPress and writing quality content].

Quick Navigation

  • Blog Rules are Based on Two Things:
  • Blog Rules: The 16 Rules of Blog Writing and Layout

Blog Rules are Based on Two Things:

People skim read when they read things on-screen

A website or blog is missing the usual cues that let us know how long an article is. Pick up a book or cast your eye over a newspaper article, and you’ll instantly be able to gauge how long it is and how long it will take to read. Online, the only way to find that out is to scroll down to the end of the blog post and that’s what most people do. While they’re at it, they’ll also try to scan and read the post. For new bloggers, the long body of text on your blog page design is scary.

Even if the headline appeals to them, with no other clues about the content, people will be reluctant to read. By helping people scan your blog posts with a good blog format and layout and telling them more about what information they’ll find in it, you can entice them to read the post in full. [And make Google, and the search engines, happy!]

It’s harder to read things on-screen than on print

Screen legibility is improving along with resolution and screen size but there are still some simple rules you need to know to help people read your blog more easily. If you want to make sure people enjoy reading your blog and your blog style, tell their friends about it and subscribe then you need to make sure the very act of reading your blog is easy. No matter how great your blog content and blog writing is, if it’s not easy to read, people won’t enjoy it and won’t come back for more.

Blog Rules: The 16 Rules of Blog Writing and Layout

1. Format Every Blog Post

Careful formatting will make your blog posts easier for people to scan. Write your posts with the page layout in mind or edit them to make sure they’re well formatted for scan reading.

2. Constrain Column Width

Keep a blog post column with a width of about 80 characters or fewer (including spaces) and your readers will thank you for it. Wide columns of text are an instant turn off and very hard to read. The difference is incredible, and it’s such a simple change.

3. Types of Blog Writing: Use Headers and Sub-headers

Headers and sub-headers will break up long blog posts, help people scan your blog and convince them to read the post. You can read more about the importance of headlines and headers for blog writing.

4. Use Lists

Numbered lists or bullet-pointed lists help people scan blog posts quickly and find information they’re looking for fast. Some blogs that do this well are Buzzfeed, Nonstop Signs Blog, and Bored Panda.

5. Use Punctuation

Use full stops, commas, dashes, and colons to break up each paragraph into smaller pieces of information that make sense quickly. No one wants to read the same sentence several times to try to make sense of it. If you’re not confident about punctuation, keep sentences short. And use short paragraphs.

Writing Rules Tip: As you practice writing and start to improve, you can experiment and lengthen your sentences, chucking in a long one here and there to keep things interesting for readers and make sure they’re really paying attention. Long sentences are fine but check that every sentence makes sense, and the meaning is clear.

6. Short Paragraphs

Because reading is harder online, it’s best to break the text into manageable chunks. Paragraphs should be much shorter online than on paper, with two to three sentences per paragraph a good guideline for blog posts.

7. Font Type

Sans-serif fonts (without the squiggly bits) are generally supposed to be easier to read on-screen, in particular, Verdana. Successful Blogging uses the sans-serif font Open Sans (without the squiggly bits) which is also designed for easy reading on-screen.

8. Font Size

Big is better. Teeny tiny writing is hard to read online, even for people with 20/20 vision.

Make it bigger on your own blog. Check out some of your favorite blogs, compare the font size they use and decide what works best for your readers.

Don’t overuse bold text or it loses its effectiveness but use bold text to make a splash and highlight important sentences that will catch people’s attention and draw them into the blog post.

Blog Page Layout

9. Drop the Italics

Italics are hard to read in print. Couple that with on-screen reading already being challenged and banish italics from your blog writing. If you can limit italics, please do.

10. Capital Letters

Use capitals for proper nouns and at the start of sentences but avoid writing all in capitals because it’s harder to read. PLUS USING CAPITAL LETTERS CONSTANT IS THE ONLINE EQUIVALENT OF BEING SHOUTED AT. (Sorry, I just wanted to get the point across.)

11. White Space

Readers need somewhere to rest their eyes and a good blog layout leaves plenty of blank space. Make sure your blog web pages aren’t too busy or distracting and give readers somewhere to rest their eyes from time to time.

12. Background Color

Most blogs and websites get the contrast between text color and background color right but make sure your blog background doesn’t make the text hard to read.

There are plenty of choices that look good and are still easy to read but without the glare of white: try light grey or pale yellow.

13. Using Images

Good use of images will draw readers into your blog posts. Sometimes I read a post purely because I like the image. Ideally, your images will add to your blog or emphasize your message.

Even if they can’t do that, use them to break up text, draw your reader’s eye down the page and reward them for reading and spending time on your blog. Some blogs like Viperchill turn their headers and sub-headers into images which make the text look more attractive and help people scan when they read.

14. Be Consistent

You don’t know how readers found your blog. You can’t be sure if they arrived straight at your latest post, on your “About Page” or via an archived post. You can’t know which order people will read your blog in, so every post you write needs to tell the same story about you, your message, your blog and your values.

15. Tell a Story

Speaking of stories, every blog post needs to have a beginning, a middle and an end. Think of it as an introduction, the main information, and conclusion if you prefer. Even if you don’t give use to those sub-headings because, hopefully, you’ve come up with hotter ones, do follow the convention to avoid confusing your readers.

16. The Golden Rules of Blogging

You’ve probably noticed traditional media like newspapers are struggling and the Internet’s taking over. It’s amazing to think that in less than 10 years you may not be able to buy the L.A. Times [or whatever your favorite newspaper is].

Instead, you download the thing to your iPad in a nanosecond and read it on the go. No dirty fingers, no struggle to read text that runs over a crease and no pages blowing down the street. I love newspapers, and I’ll miss them, but I look forward to the day when every blog is formatted and laid out so it’s as easy to read as one of those newspapers.

Blog Rules Practice

Pick one of your favorite old blog posts and rewrite it or revise the layout for easy reading on the web. Give it a new headline and repost it. Even if the blog content is the same, with a snappy new headline, a call to action and some smart formatting, it should get more readers than it did the first time around.

Here’s what to do next…

Want to make real money blogging? You should join my free 5 day Start a Blogging Business Crash Course.

In it, you’ll learn the ins and outs of what it takes to build a blog capable of making $1,000+/month in just 12 months without quitting your full time job.

This is the exact formula I used to start my pest control blog and scale it to 7 figures.

Related Posts:


Blog Designer is a good handy and free solution for everyone who is looking for a responsive blog page with the website. Blog Designer provides you with a variety of 10 different blog templates to setup your blog page for any WordPress websites. Sometimes, we always stick with one blog layout as per theme, but it’s not easy to change or modify only blog layout very easily, only you can do it by modifying code and css files.

However, using Blog Designer plugin you can design your blog page as per your choice to give it a WOW factor. Also you can modify various settings very quickly from admin side as Blog Designer plugin has User Friendly Admin Panel. So, beginners can start blogging within 5 minutes, no coding skill required.

You can show your new blog page design with any page via below shortcode.

Shortcode : [wp_blog_designer] – To display blog on page


Documentation:Blog Designer Documentation Link

Check our new WordPress Blog Theme

Check our new WordPress Portfolio Plugin

Free Blog Page Layouts

NOTE: We have updated Blog Designer plugin’s backend UI from new version 1.8.7 for better usability. So, kindly clear the browser cache if you are facing an any issue with backend design or layout settings after upgrading to newer version of plugin.

Blog Designer Plugin Features

Blog Page Layout Image

  • Fully Responsive
  • Cross Browsers Support (Firefox, Chrome, Safari, Opera, etc.)
  • Page Selection option to show your blog posts with any page
  • Easily manage number of posts per page
  • Show/Hide Post category, tags, author, comment counts, etc.
  • Multiple Post Category Selection
  • 10 Default Blog Templates – Boxy-Clean, Classical, Crayon-Slider, Glossary, Light Breeze, Spektrum, Evolution, Timeline, News and Nicy
  • Alternative Background color selection for posts
  • Style your content with wide variety of options like text color, background color, font size, etc.
  • Maintain post content length with summary text
  • Manage your ‘Read More’ text
  • Custom CSS support
  • Square/Circle social share buttons
  • Translation Ready (.pot file attached)

Blog Designer Pro Features:

Pro version overcomes your limitations with lite version of blog designer.

Blog Designer PRO Plugin Features

  • 50 Default Blog Templates with 200+ option combinations and more coming soon!
  • 15+ Full-width/list style unique blog templates to showcase posts in good readable format
  • 10 Unique grid templates to showcase your stories in multiple columns
  • 5+ Unique timeline templates to showcase your stories in horizontal and vertical presentation
  • 3+ Magazine templates to represent you blog posts in newspaper style
  • 3 Unique slider templates to showcase your posts with big featured images
  • 3 Masonry templates to showcase your vertical featured images in good format with posts
  • Unlimited Blog, Archive and Single Layouts to design anything with blog
  • 40+ Category/Tag/Author/Date/Search Result Archive Layout page Design
  • 40+ Single Post Layout Design with number of features
  • Single Template override option to implement and make plugin compatible for any themes
  • Custom Post type support for Layouts
  • Template color preset for demo color of templates
  • Date Range post selection for Blog Layouts
  • Page Builder Support for Visual Composer, Divi Builder, BE Page Builder, etc.
  • Support of ‘Co-Authors Plus’ plugin to showcase multiple post authors
  • Support of ‘Loco Translate’ plugin to make your blog multilingual
  • Easy to switch from free to PRO via ‘One Click’ option
  • Demo Install Layout Settings with Restore Default option
  • Grid layouts with ‘Media Query’ setting options for responsive screen
  • 5+ Date Format options to select any best date format
  • ‘Live Preview’ before create/modify Blog Layouts
  • Post like feature to add like with the specific blog
  • Multiple order by options – Published/Modified Date, Post ID, Post Title, etc.
  • Advanced Filter options for categories & tags to include and exclude posts for loop
  • Advanced Query: ‘Include/exclude’ categories and tags from the loop
  • Wide range of post title settings including link enable/disable
  • 4 Pagination type options including “Load More”
  • 5+ Pagination Templates for next posts link
  • 3 Template style to design Load More button
  • 25+ ‘Load Icon’ library to select any loader on next load process
  • Date/Taxonomy filterable option with selected templates
  • Blog Post Template color available with selected templates
  • Custom ‘Read More’ link option to target your external blog link
  • 10 Multiple social sharing button styles
  • Social Share counts available with different positions
  • Pinterest instant share button with featured image
  • Whatsapp, telegram, pocket, reddit social share buttons for instant mobile share
  • ‘Share via Email’ option to share your blog and learnings to your friends
  • Author Biography design available with Single Post Layout
  • Unlimited Author Layout possibilities to give new look to every authors
  • Related Posts with category and column selection
  • 600+ Font Awesome icons support
  • 800+ Google font-family support
  • Duplicate Blog and Archive Layouts via single click
  • Sidebar widget – Recent Posts
  • Media Settings Panel for image size selection
  • Import/Export Blog, Archive and Single Layouts
  • Isotop Filter Option on category and tags
  • Woocommerce Supported
  • Woocommerce single & archive page Supported
  • Easy digital download plugin supported
  • Action and filters for developers

Where Blog Designer Pro plugin is useful ?

  • Event summary showcase (timeline)
  • My achievements (timeline)
  • Company new product updates
  • Latest trend blog
  • Business & Entrepreneurship Blogs
  • NGO website to share news/update
  • To display different category post with different design

What people are saying

  • “An effective and user-friendly Blog Manager Plugin used for beautifying blog page of your website.” –
  • “Blog Designer Pro makes your blog section more intuitive with no coding skill. It’s very easy to manage for beginners to website developers.” –
  • “Blog Designer is a free and efficient WordPress plugin which is really easy to use. You can design the blog page in the way you want.” –
  • “You can design your blog page as per your wish with the plugin Blog Designer.” –
  • “Blog Designer is a free WordPress plugin for anyone who is looking to create a responsive blog page on their website.” –
  • “Blog Designer WordPress plugin allows you to arrange posts in a different order, such as by categories, tags, or author.” –
  • “If you’ve ever dreamed of designing your own blog but don’t have the necessary coding skills, Blog Designer PRO for WordPress may be the answer.” –
  • “This is a free extensive plugin which helps to create and change your blog with 6 unique blog templates.” –

Buy Blog Designer Pro on Codecanyon :

Technical Support

We’re active for any support issues and feature suggestions. So hope you will love it. Please contact us at support forum or


This plugin provides 1 block.

Divi Blog Page Layout

  • Blog Designer


  1. Upload the file Via WordPress Admin > Plugins > Add New,
  2. Alternately, upload blog-designer folder to the /wp-content/plugins/ directory via FTP,
  3. Activate the Blog Designer plugin from Admin > Plugins.


Does Blog Designer give me total control of my blog page?

Yes, Blog Designer gives you total control of your blog page. You need to just setup everything correctly and play with it. You may get more than your expectations.

Does Blog Designer design my single post pages?

No, this featured not covered with free version plugin but you can design your single post pages with the help of ‘Single Post Layouts’ in PRO version plugin.

Does Blog designer provide some default blog templates?

Yes, Blog designer provides 10 default blog templates – Boxy Clean, Classical, Crayon Slider, Glossary, Light Breeze, Spektrum, Evolution, Timeline, News and Nicy.

And in Blog Designer PRO version, there are 40+ unique blog templates available for category, tag, date and author archive pages. Those same blog templates compatible with single post pages also.

I have used your blog designer shortcode with page or already selected a specific page for blog section via Blog Designer panel but still I am not getting blog layouts design as per you are showing in your demo site?

Please login with your WordPress admin panel and go to Settings > Reading and find option Front page displays. If you have selected an option as ‘A Static page > Posts page’ with your same blog page then please change that selection with default value settings.

For more details, please check this screenshot.

Can I apply this blog designer only for my hot categories?

Yes, there is one backend option available as you can select multiple categories and blog designer apply for that categories only.

Is there any social option available as I can add social share button on my blog page with every post?

Yes, Blog designer providing option as you can add social share on blog page with 2 different shape options. You can get more advanced options in PRO version.

In PRO version, there are 10+ social style templates.

Can I control my content length on blog page?

Yes, you can. “Post Content Length” option will give you ability to control your content characters on blog page.

I want to hide post details like post author, post date. Can I?

Yes, There is “General Settings” panel where you can manage your post details as you want to show or not.

Can I manage my “Read More” text on blog page?

Squarespace Blog Page Layout

Yes, you can change that text and decorate it also whatever you like.

Can I create post sliders with the help of Blog Designer plugin?

Yes, there are 3 slider templates – Crayon, Sallet and Sunshiny slider included with the plugin.

In WordPress 4.7, there is new feature available as “Post Template”. Can I create multiple single post layouts even if I don’t use of this post template feature?

Yes, that option available in PRO version. There is no coding skill required to create unlimited Single Post Layouts with the site.

What about custom post type support?

Custom Post type support only available with Blog Designer PRO version.

Where can I get support or talk for blog designer issues?

Blog Page Layout Examples

If you get stuck, you can ask for help with Blog Designer plugin Support Forum or can create a ticket at our Support Portal.

Will Blog Designer work with my theme?

Yes, Blog Designer will work with any WordPress themes, but may require some styling changes to make it compatible. If you are facing any compatibility issue with Blog Designer plugin then please contact us at Support Forum.

Blog Page Layout


I have been trying to reach support for 3 weeks. No response from support.