Site Editor basics

Use Appearance → Editor to change the shared design of your site. Use Pages or Rooms to change the content of an individual page or room.

Find your way around

The Site Editor includes Navigation, Styles, Pages, Templates and Patterns. Labels can vary slightly by WordPress version. Open List View to select a block that is difficult to reach in the canvas. Use the settings sidebar to adjust the selected block.

A template is a page layout. A template part is a shared section, such as a header. A pattern is a starting arrangement of blocks. Editing a shared header changes every template that uses that header.

Choose a template

When editing a page, open its settings sidebar and select Template. Choose the layout that fits its content.

The theme also supplies layouts for the posts index, single posts, archives, search results, missing pages and MotoPress accommodation details and listings. Haldane Toolkit supplies room templates while active.

Three headers and two footers

• Header: site identity on the left, navigation and a booking button.
• Header: centred logo: site identity between the navigation areas.
• Header: over image: a header designed to sit over the opening hero, used by the Landing page template.
• Footer: booking invitation, contact and navigation columns, social links and a mobile booking bar.
• Footer: minimal: a shorter footer with essential links.

1. Open Appearance → Editor → Templates and choose a template.
2. Select its header or footer in List View.
3. Use the block toolbar's replacement option to select another part. If your WordPress version does not show it, remove that part block and insert a Template Part block with the replacement.
4. Save and review the list of changes before confirming.

Changing the header used by one template does not replace headers in every other template. Edit each layout that should use it. Replace fictional contact text and empty social links in both footers if you use both.

Edit navigation menus

1. Open a header in the Site Editor and select its Navigation block.
2. Add a page link with the plus control, or select an existing link to edit it.
3. Use List View to reorder links. Select the Navigation block's menu control to choose an existing menu.
4. Check both navigation blocks if you use the centred header.
5. Save, then test the desktop links and mobile menu.

The footer has its own navigation. Demo import connects menus to the header and footer parts. Without an import, update the sample links to pages you have actually published.

Change the logo and site title

Select the Site Logo block in a header, then upload or choose your logo. Select Site Title to edit the name. The title also appears in Settings → General. Keep readable logo proportions and check the header on a phone. A Site Logo and the browser's Site Icon are separate settings unless you choose to use the logo as the icon.

Global styles and the seven looks

1. Open Appearance → Editor → Styles.
2. Open the style browser and preview a variation.
3. Choose a look, then save.

All seven use Hanken Grotesk for body text. Open Typography to change available font assignments and sizes. Fonts are bundled locally, including Latin and extended Latin files. No Google Fonts connection is required.

Open Colours to adjust the palette and element colours. Use palette choices on blocks so later style changes carry through. A custom colour set on one block may need changing separately. Check links, buttons and text for readability after changing colours.

Save and reset changes

WordPress shows which templates, parts and styles will be saved. Read that list before confirming. Saved Site Editor changes take precedence over the theme's files. To restore a supplied layout, use the template's reset or clear-customisations control. Export or copy your changes first because a reset removes those saved edits.