Layout is how your content is arranged on the page: where the menu goes, whether there’s a sidebar, how posts are listed. The right layout makes your blog easy to read and explore. The wrong one buries your content under widgets and clutter.
Homepage layouts
| Layout | What it looks like | Best for |
|---|---|---|
| Classic list | Latest posts in a single column with excerpts | Personal blogs, writers, frequent publishers |
| Grid | Posts as cards with images, 2–3 per row | Visual niches: food, travel, home, lifestyle |
| Magazine | Featured post + sections by category | Blogs with many categories and posts |
| Custom landing page | Intro, categories, best posts, signup | Niche blogs aiming to guide new visitors |
Post layouts
Content + sidebar
The classic blog look. The sidebar can hold an email signup, popular posts or an author box. The downside: it narrows your content and can distract readers, and on mobile it drops below the post anyway.
Full-width, single column
Centered content with comfortable line length and no sidebar. Clean, focused and great on mobile. Increasingly the default for modern blogs.
Single column with a sticky table of contents
Ideal for long guides: readers can jump to sections while scrolling.
What to include on every post
- Title, date (or “updated” date) and author
- Featured image or a clean header
- Table of contents for long posts
- Author box at the end
- Related posts
- An email signup or next step
Setting up layouts in WordPress
Choosing what the homepage shows
Go to Settings → Reading. Choose “Your latest posts” for a classic blog, or “A static page” to use a custom homepage and a separate Blog page.
Block themes (Site Editor)
In modern block themes, go to Appearance → Editor to edit templates for the home page, single posts and archives. You can add or remove sidebars, change grids and rearrange elements visually.
Classic themes (Customizer)
In Appearance → Customize, most themes offer layout settings: sidebar position, blog layout (list or grid) and content width.
Widgets
Sidebar and footer content is managed in Appearance → Widgets (or the Site Editor). Keep it minimal: two or three useful widgets beat ten decorative ones.
Layout tips for readability
- Content width around 650–750px for comfortable reading.
- Generous white space between sections.
- Consistent card sizes and image ratios in grids.
- No auto-playing sliders on the homepage.
- Test every layout on a phone.
Which layout should you pick?
- New blog with few posts: simple list or a custom landing page that highlights your best guides.
- Visual niche: grid homepage, single-column posts.
- Lots of content: magazine-style homepage with category sections.
For the visual side, read blog design tips, and for picking a theme that supports these layouts, see how to choose a WordPress theme.
Designing a homepage for a new blog
When you only have a handful of posts, a “latest posts” homepage can look empty. A simple custom homepage often works better. A proven structure:
- Intro block: one sentence saying who the blog is for and what it helps with, plus a “Start here” button.
- Topics: three to six category cards so visitors can choose their path.
- Best guides: your three to six most helpful posts, chosen by hand.
- Latest posts: a short list of recent articles.
- Freebie or newsletter signup: one clear offer.
- About teaser: a photo or short paragraph with a link to your About page.
In WordPress, create a page called “Home”, build it with blocks (Columns, Query Loop for latest posts, Buttons), then set it as your homepage in Settings → Reading.
Category page layouts
Category pages are often overlooked, but they’re important landing pages for readers and search engines. Improve them by:
- Adding a short introduction explaining what the category covers (Posts → Categories → Description).
- Showing a “start with these” list of the best posts in the category at the top.
- Using the same card style as your homepage for consistency.
- Making sure pagination works and isn’t hidden.
Layout checklist for single posts
| Element | Recommendation |
|---|---|
| Content width | 650–750px for body text |
| Featured image | Full content width; same ratio across posts |
| Table of contents | For posts longer than about 1,200 words |
| Sidebar | Optional: one signup and one list of popular posts maximum |
| Related posts | Three cards at the end |
| Author box | Short bio plus a link to About |
| Ads (later) | Never before the first paragraph on mobile; leave breathing room around them |
Testing your layout
Ask a friend to visit your blog on their phone and find a specific post without help. Watch where they tap and where they hesitate. A five-minute test like this reveals navigation problems faster than any design guide.
FAQs
Do I need a page builder for custom layouts?
Not anymore for most blogs. The block editor and Site Editor handle homepages, grids and columns well without extra plugins.
Does a sidebar help or hurt?
It depends on what’s in it. A focused email signup or popular posts list can help; a cluttered sidebar full of badges and ads usually hurts.