You have seen a demo, you want something like it, and the settings panel has hundreds of controls with no hint about where to start. This page gives you an order to do things in.
It is an example, not a canon. Sections can be combined, dropped, and added. The sequence is the value here, not the exact set.
By the end you will have a working front page in one sitting, one you can make more or less elaborate later without starting over.
#Three ways to do the same thing
Decide this first, because the steps below describe results rather than clicks.
- The Customizer
The fastest route. The front page is assembled from the built-in settings in about five minutes.
- The block editor
When the front page should be an ordinary page built in the editor.
- Elementor
When you need full freedom over the layout.
See The front page, Registered blocks, and How Verba uses Elementor.
The choice of tool does not change the listing settings. The post listing is the same everywhere. You are choosing how the page is assembled, not what it can do.
#The six steps
Go narrow, globally
The cheapest change with the largest effect. A magazine feel starts with column width, not with blocks. Set it once in Basic settings and it applies to the whole site.
Put a featured section first
One short list at the top with a large card. This is what separates a front page from a feed. Three or four posts, not more: it is a display window, not an archive. See Customizing the look and the section title settings.
Make the navigation compact
Match the header to the narrow layout: compact pill navigation instead of a wide bar. See The header and Menus. With a lot of categories, add Mega menus or Category mega menus.
Add one long list with load more
The main body of the page: a listing with no small post limit, using load more or infinite loading. See Listing settings.
Add a small taxonomy list
A tile of categories under the main list: a way out of the front page into the archives, and a second layer of navigation without another menu. Keep it compact. It is a hint, not a section.
Close with a minimal footer
See The footer. One column of links and a subscribe form. A long footer under a narrow layout looks heavier than the front page above it.
#Making it yours
Simpler: drop the taxonomy list and the featured section, leaving the header, one list, and the footer. That is 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, and the promo bar.
#Check the result
The page on a phone, since the narrow layout and pill navigation behave differently there
No post appears twice anywhere on the page
Load more adds posts without the page jumping
Success looks like this: the front page reads as a selection rather than a feed, and it was assembled with built-in settings without a line of custom CSS.
Last updated
Was this article helpful?
- Basic settings in the Customizer
- Set up dark mode
- 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
- Page fields and per-page layout
- Post fields
- Widget areas
- Writing a post in Verba
- 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
Resources