Skip to content
GPLWP Guides

How to build a custom WordPress website

Design & Layout Time About 2–4 hours 6 steps Updated 5 Sep 2026

DESIGN & LAYOUT
The short answer

You can build a custom WordPress website without a page-builder plugin by choosing a suitable theme, creating your pages, setting the homepage, and editing the design system. Use a block theme for full Site Editor control, or choose a flexible theme with pre-built demos when you need to launch faster.

The route
  1. 01Plan the site structure
  2. 02Choose the build route
  3. 03Create the core pages
  4. 04Set the homepage and templates
  5. 05Apply the visual system
  6. 06Check every device and publish

What you need

  • A domain and WordPress hosting
  • Administrator access to WordPress
  • Your logo, brand colours, fonts, and page copy
  • A list of required pages and navigation links

Plan the site structure

List the pages you need before changing the design. Most small sites need a home page, about page, services or products page, contact page, privacy page, and a blog or news page if you will publish regularly.

Sketch the main navigation and decide what the home page must do. Keep the first version focused: visitors should understand what you offer and what to do next without searching through a crowded menu.

Choose the build route

For the manual route, install a block theme and open Appearance > Editor. The Site Editor lets you change global styles, templates, headers, footers, navigation, and page layouts with blocks. It is built into WordPress and does not require a page-builder plugin.

If you use a classic theme, work through Appearance > Customize where the theme supports it. Do not edit the parent theme directly: updates can overwrite your changes. Use a child theme for code or template customisations that must survive theme updates.

Create the core pages

Go to Pages > Add New and create the pages from your plan. Build each page with clear sections: a useful heading, supporting copy, relevant images, proof or benefits, and one obvious call to action.

Use consistent heading levels and image dimensions. Avoid putting important text inside images, because it is harder to read on small screens and less accessible. Save pages as drafts until the structure and copy are ready.

Set the homepage and templates

Choose whether the front page should show your latest posts or a static page under Settings > Reading. If you use a block theme, review Appearance > Editor > Templates and edit the Front Page, Pages, Single Posts, Search, and 404 templates where needed. WordPress templates control the layout shared by the content that uses them.

Be careful when adding or editing a Front Page template: it can take precedence over the Reading setting. If the homepage keeps showing the wrong layout, check for a customised Front Page template before changing pages repeatedly.

Apply the visual system

Set your colours, typography, content width, spacing, button styles, and image treatment through the theme’s global settings. In a block theme, use Styles so the changes apply consistently across blocks and templates. Then edit the header and footer as reusable template parts rather than rebuilding them on every page.

Build the navigation after the key pages exist. With a block theme, edit the Navigation block or the navigation area in the Site Editor. With a classic theme, use the menu controls provided by the theme. Check dropdowns, mobile navigation, logo links, and footer links before publishing.

Check every device and publish

Preview the site at desktop, tablet, and mobile widths. Check the homepage, menus, forms, buttons, images, page titles, 404 page, search results, and links. A common Friday-afternoon failure is a beautiful desktop header whose navigation wraps or disappears on a phone, so test the actual mobile menu rather than only shrinking the browser window.

Back up the site, remove unused themes and plugins, confirm your privacy and cookie requirements, and publish only after checking the live domain. For the fast way, use Total: import a suitable demo, replace its branding and content, then adjust layouts with its drag-and-drop builder and Customizer controls instead of designing every template from scratch.

The fast route

Let Total do it

Multi-purpose theme with demos, drag-and-drop layouts, and deep Customizer controls for sites needing flexible visual design.

Get Total

Sources

  1. wordpress.org /documentation/article/site-editor/?utm_source=openai
  2. wordpress.org /documentation/article/customizer/?utm_source=openai
  3. wordpress.org /documentation/article/template-editor/?utm_source=openai
  4. wordpress.org /documentation/article/additional-guide-to-using-the-site-ed…
  5. wordpress.org /documentation/article/navigation-block/?utm_source=openai

Questions

Can I build a custom WordPress website without a page-builder plugin?
Yes, you can build a custom WordPress website without a page-builder plugin by using a block theme and the Site Editor. It provides controls for global styles, templates, headers, footers, navigation, and page layouts. A page builder becomes useful when you need specialised layout controls or a workflow that your theme and the native block editor do not provide.
Should I use a block theme or a classic theme?
Use a block theme when you want to edit the whole site visually, including templates and reusable header and footer areas. Use a classic theme when you prefer its Customizer controls, existing design system, or compatibility with a particular theme framework. The important choice is whether the theme gives you control over the pages and layouts your site actually needs.
Why does my homepage ignore the page I selected?
Your homepage may ignore the selected page because a Front Page template is controlling the display. Check Settings > Reading first, then inspect Appearance > Editor > Templates if you use a block theme. A customised Front Page template can take precedence over the Reading setting, so edit or remove that template before changing the homepage assignment again.
How do I customise a theme without losing changes after updates?
Customise the theme through its supported settings, the Site Editor, or a child theme rather than editing the parent theme files directly. Parent theme updates can replace direct file edits. A child theme lets you add styles, templates, and other customisations while keeping the parent theme available for updates.