Home /

Template Overview

The State of Hawaii block template provides several new areas which you can adjust according to your needs, and provides a few new features that you should be aware of. Below is an overview of the various home page and website elements.

Page Layout Options

Here we will take a look at how the global and custom block elements of the site combine to create unique layouts for your website.

Home Page vs. Other Pages

The home page layout differs from the other pages and posts in the site in that it is a full width page. Other pages and posts on the site follow a contained page wrapper template. For the purpose of this overview we will view things as they show on the home page, but just be aware that you may see differences on sub pages, especially in relation to the custom theme blocks.

Let’s take a look at each section of the website and some of the custom blocks provided in this theme:

The home page layout sections are as follows:

Sections 1-3, 13 and 14 are site-wide global elements that will appear on all pages of the website.

Sections 4-10 are custom-built blocks which you can arrange and add to pages depending on the type of content you require. Click here to learn more about the custom blocks.

Let’s take a closer look at the global site elements that will appear on each page:

State Sliver Header

This sliver header has elements that are common across all of the State of Hawaii block template websites including some which are specific for the state, and some that can be adjusted as needed for your specific agency’s needs.

A. State of Hawaii official website text and link to Hawaii.gov
B. Statewide alert toggle button (only shows up when there is a statewide alert activated)
C. Search bar
D. Language selector (optional item – can be turned on and adjusted in theme options)
E. Site alert toggle button (optional item – can be turned on and adjusted in theme options)

Site Header

The site header provides a global brand identity for your website, allowing you to add in your specific agency logo, tagline, agency name, and even your agency name in the Hawaiian language.

A. Site logo (shows the State of Hawaii seal by default if no site logo is configured in the customizer)
B. Site tagline (set this up in the customizer)
C. Site title (the name of the state agency)
D. Hawaiian name (set this up in the customizer)
E. State seal watermark

Site Navigation

The site navigation provides easy way-finding to your website’s content for your visitors.

A. Selected / active navigation item
B. Non-selected navigation items

Site Footer

The top footer provides specific information about your agency. This includes a short blurb about your agency, contact information, and quick links to provide easy access to the most commonly visited website pages.

A. About section (adjust in the customizer)
B. Contact section (adjust in the customizer)
C. Quick links (adjust in the menu dashboard)

State Footer

The state footer provides required links and information for all State of Hawaii agency websites. These are not adjustable by you or your team.

A. State of Hawaii seal, links, and official website text
B. State of Hawaii required links and copyright notice

Next Steps

Learn how to adjust the content within the global areas of your site using the theme options and customizer admin areas.
Or, to adjust content across the pages and posts of your website you can learn about using blocks.
Finally, learn how to use the custom blocks that were built specifically for use with this template.