🎯 Try live demos — Corporate, Blog & LP →
Utopia

The ever-evolving WordPress theme

Utopia is a WordPress theme that constantly evolves, fulfilling every desire that users have.

Build Your Homepage by Dragging Sections: Inside Utopia’s Front Page Settings

Ever launched a new WordPress site and stared at a blank homepage, unsure what to put where?

A hero image, a features grid, a pricing table, a list of recent posts. Piecing all of that together usually means a page builder plugin, or a fair amount of trial and error.

If you’re not comfortable with layout code, even reordering a couple of sections can quietly break your design.

Utopia ships with a dedicated screen for exactly this problem: Front Page Settings.

It lives under the Utopia menu in the WordPress admin, and it’s the single place where you assemble and arrange your entire homepage.

Nine sections, reordered by dragging

Front Page Settings includes a “Section Order” panel.

From there, you can drag nine sections into whatever order you want.

They are: the Hero section, static page content, the Live Demo section, a “No Plugin Needed” highlights section, custom content, the Features section, the Pricing section, the Latest Posts section, and the CTA banner section.

There’s no code to write and no need to manually move blocks around on a static page.

Whatever order you drop them in becomes the order they appear on your live homepage.

There’s also a toggle called “Use static page content.” Switch it on, and Utopia shows whatever you’ve built on your front-page static page instead of the sections below, so it fits sites that already have a custom homepage laid out.

What the main sections actually do

The Hero section covers a heading (which accepts strong, em, and br tags), sub-text, two buttons, a background image, and a gradient overlay to keep text readable over photos.

The background image comes straight from the media library, so no coding is involved.

The Features section supports up to ten entries, each with its own emoji icon, title, and description.

The Pricing section displays two cards, Personal and Agency, and each button can be pointed at a pricing page or directly at a PayPal checkout link.

The Latest Posts section just needs a title and a number of posts to show, then it pulls your published posts automatically.

The CTA banner section bundles a heading, sub-text, and button into one closing block for the page.

Between the hero and the features, there’s also a “Custom Content” slot for any text or HTML you want to insert.

It’s a useful place for testimonials, client logos, or anything else that doesn’t fit neatly into the other sections.

On top of that, a Live Demo section can list links to the Corporate, Blog, and LP demos, and the “No Plugin Needed” section highlights built-in strengths like WebP support and the XML sitemap.

Japanese and English fields, side by side

With Polylang active, nearly every field in this screen, from the hero heading down to each feature’s description, appears twice: once for Japanese, once for English.

You fill in both languages from the same settings screen, so there’s no hunting for a separate translation area or relying on a third-party translation plugin.

If you’re maintaining a bilingual homepage, that keeps the whole process in one place.

Wrapping up

Utopia’s Front Page Settings let you assemble a full homepage, from hero to pricing to recent posts, without installing a separate page builder plugin.

Because reordering is just drag and drop, revisiting the layout later doesn’t feel like a big commitment.

Open the Utopia menu, click Front Page Settings, and start by looking at how your nine sections are currently ordered.