This tutorial gives you an order for building a front page that reads like a magazine rather than a feed. It's one example, so drop, merge, or add sections as you go and keep the sequence.
Before you start, decide whether your front page is the posts page or a static page. Building a good homepage explains the difference and where it's set; configuring the wrong page is the most common reason nothing changes.
#Pick how the page is assembled
The steps below describe results, so they work with any of these.
- The Customizer, free theme
Your front page is the posts page, and AppearanceCustomizeVerba ThemePosts Page puts a showcase or a featured author above the list. The fastest route. See the posts page.
- The block editor, Pro
A static page built from the Verba blocks, with as many sections as you like in any order.
- Elementor, Pro
The same page built with the Verba widgets. See how Verba uses Elementor.
The Post Listing block and widget have the same settings, so the block editor and Elementor can build the same page.
#The six steps
Narrow the content width
A magazine feel starts with column width. Lower Content Width at AppearanceCustomizeVerba ThemeTheme Styles on the Layout tab, or switch the whole site to the boxed layout. See site layout. It applies everywhere at once.
Put a featured section first
A short selection at the top with large cards: three or four posts, not more. In the Customizer that's Showcase under Posts Page Header. On a built page it's a Post Listing with a small Posts Per Page and a Section Title.
Match the navigation to the narrow layout
Set Navigation Layout to Boxed at AppearanceCustomizeVerba ThemeNavigation on the Appearance tab, so the bar lines up with the narrower column. See the header. With a lot of categories, add mega menus or category mega menus.
Add one long list with load more
The body of the page. On the posts page, set Pagination Type to Load More or Infinite Scroll at AppearanceCustomizeVerba ThemeArchive. In a Post Listing, pagination is part of the listing settings.
A featured section above the list shows the same newest posts twice unless you separate them. In the Customizer, feed the showcase sticky or hand-picked posts. In a Post Listing, turn on Avoid Duplicates in the query, or set an Offset equal to the featured count.
Add a small category list (Pro)
A Taxonomy Listing under the main list: a way out of the front page into the archives without another menu. Keep it compact.
Close with a light footer
One column of links and a subscribe form. A long footer under a narrow layout looks heavier than the page above it. See the footer and subscribe forms.
#Making it yours
Simpler: drop the category list and the featured section, leaving the header, one list, and the footer. That's already a correct front page.
More elaborate: add a second themed section between steps four and five, a promo strip, or an insertion inside the list. See content zones and insertions, call to action above the footer, and ad banners and in-listing insertions. If two listings read the same category, separate them with Avoid Duplicates, an offset, or different sources.
#Check the result
The page on a phone
No post appears twice anywhere on the page
Load more adds posts without the page jumping
Last updated
Was this article helpful?
- Basic settings in the Customizer
- Set up dark mode
- Site layout: default, boxed, or wide
- Colors, fonts, and style kits
- Breadcrumbs
- Theme Options: the advanced settings panel
- General: site behavior
- General: optimization
- SPA and page transitions
- Content zones and insertions
- Blog: how posts are presented
- Before you go: the exit-intent banner
- Floating card: a post that follows the reader
- Marketing surfaces and analytics
- Accessibility settings
- Object-level settings
- Category fields
- Tag fields
- Author profile fields
- Widget areas
- Page fields and per-page layout
- Post fields
- Writing a post in Verba
- Single post settings in the Customizer
- Advanced single post settings in Theme Options
- Post formats
- Building a post from a block pattern
- Building a post with an Elementor template
- Post header styles
- Reading aids: how the four blocks work
- TL;DR summary
- Key points
- Table of contents
- Summarize with AI
- Reading bar
- Sharing: placements, styles, and copy link
- The share block in the post footer
- Continuous reading: the next post without a click
- Likes, views, and comment voting
- Related posts and read also
- Sources and citations
- Splitting a long post across several pages
- Comments
- Formatting the body of an article
- Archives in the free theme
- The posts page: showcase and featured author
- Advanced archives
- Archives from a block pattern
- Archives from an Elementor template
- Post and term listings
- Listing settings, group by group
- Where listings are used
- Listing settings and query
- Customizing the look of a listing
- Search results, the 404 page, and protected posts