Build a magazine front page - Verba

Tutorials

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?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.