Brightspot CMS User Guide

Page structure


This topic provides a detailed overview of page structure within Brightspot as well as ideas on the best way to set up the pages within your site.

Elements of a page structure

Laying out the elements of a web page is a basic step for deploying a website. At the highest level, a page’s structure specifies a header, main section, and footer.

Page structure header.png Page structure header.png

The following accordions describe each element in detail.

Header

A header is a consistent piece of content that appears at the top of each page in a website. Brightspot provides the following components that you can include in a header:
  • Logo—Publisher’s logo, usually appears in the left or right side of the header.
  • Search field—Field for visitors to search for content.
  • Navigation—Tools for navigating a website, often containing links to sections, packages, or individual items.
The following illustration is an example of a typical header’s layout.



Header example.png Header example.png

Main

Unlike the header and footer, the main section is a piece of content that is unique on each page in a website. For example, take a look at NASA’s remarkable gallery NASA Image of the Day. Paging through the gallery displays a consistent header and footer, but an almost endless series of unique images in the main section.


The following diagram is an example of a simple main section for a news article. A lead image appears at the top, the article follows below it, the author’s bio is wrapped inside the article, and a section for reader comments appears at the bottom. This is one structure for a main section. You can design a main section with many different layouts. You can also have different layouts for different sections of your website.

Page structure main.png Page structure main.png

Footer

A footer is a consistent piece of content that appears at the bottom of each page in a website. Footers typically have publication information and navigation.

Footer example.png Footer example.png

Previous Topic
Customizing a site layout
Next Topic
Incorporating a third-party form
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News