Footer
A footer serves site visitors who arrive at the bottom of a page without finding what they want.
This component is based on USWDS.
Example:
How to author:
The footer element is global, and will be shared across all pages on your site. Its setup is therefore a bit different.
Configuration
-
Create a document called "footer" at the root of your project. Recommend copying from another site if possible.
-
In the "footer" document, add the following metadata:
- Robots: noindex, nofollow
- hide-breadcrumb: yes
-
In the "metadata" sheet also at the root of your project, add a column, "footer" for the appropriate "URL" row (e.g. URL: "**" and footer: "/footer")
Content Population
In the "footer" document, you will manually create a block titled "footer-navigation" (it is not available in the Library).
The following structure of the cells is required, but if you choose to omit the content, that is ok, just leave the cell blank.
-
Row 1: This row should have 4 columns, and will populate the "sitemap" portion of the footer.
- Each cell should be compromised of an h2 title and bulleted list of links.
-
Row 2: This row should have 2 columns.
- Cell 1: The logo. Drop in an image, being sure to add alt text. This will be automatically linked to the homepage.
- Cell 2: Social Media and Contact Links. Social media links should be added as a bulleted list of linked icons. Additional contact links may be added afterwards.
-
Row 3: This row should have 1 column, populated with any of the following, but in this order:
- Image (e.g. an accreditation logo) with alt text, followed by an optional link
- Paragraph text
-
Row 4: This row should have 1 column, populated with a bulleted list of legal links
"Return to top" is hardcoded to appear above the footer.
The copyright date is dynamically populated and leverages the data from the "metadata" sheet for the "copyrightSlug" (i.e. "State of Nebraska").