Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The new templates include several design options for customization - before building your site, it is recommended that you choose which base style (crimson or white background) you would like to use for your site footer. The footer contains four main areas:

...

footer

...

Call-to-Action (CTA) Buttons - You have the option to include buttons to highlight important actions you want your audience to take.

...

.

...

The new templates include several design options for customization - before building your site, it is recommended that you choose which base style you would like to use for your site footer. The default options for the site footer include a crimson or white background. In addition to the default options, you can also select the standard (sand background) or a simple footer set up. It is recommended that your footers are consistent across your website, but you do have the option to select a different footer on a page-by-page basis if it is needed.

...

The footer contains three main includes the following content areas:

  • Site Identifiers - Every footer includes an NMSU logo setup, your site name, and an optional address block and social media icons.

  • Call-to-Action (CTA) Buttons - You have the option to include buttons to highlight important actions you want your audience to take.

  • Optional Footer Navigation - Most footers include an option to include a maximum of three link columns.

For more information, see Build the Footer.

...

Other footers

...

There are three standard components in the footer—the logo and contact information, custom column fields, and site legal disclaimer.

Masthead Options - Crimson or White

Image Removed

...

  1. Logo Setup - The main NMSU logo setup with tagline is a global asset and cannot be changed. The logo setup links to the NMSU homepage when clicked.

  2. Department Name - The name of your website. The site name in the footer should be consistent with the site name in the masthead.

  3. Address Block - The address block is optional, but is recommended.

  4. Social Media Icons - You can include any number of social media icons that link to your social media pages and/or profiles.

  5. CTA Button - There is an option to include a call-to-action button in the footer. The CTA button will display under the social media icons (if used) and as part of the address block.

  6. Link Columns - You can include a collection of links in a column. The simple footer does not include link columns.

  7. Legal Disclaimer - Every NMSU webpage should include a legal disclaimer.

...

Build the Default Footer

  1. Go to the _Site Configuration Folder.

  2. Select the Footer Builder block.

  3. Click Edit.

  4. Include your department name.

  5. Select an option to Display Address Block. If yes is selected, include your address information.

  6. Select an option to Display Social Media Icons and Links.

  7. Select an option to Display CTA button in address block.

  8. Custom link columns with column headers and links.

  9. Select Preview Draft.

  10. Click Submit.

...

Customizing the Address Block

By default, the address block is formatted to include location, phone number, and an email address - each with optional links. See more information on adding a link. You can delete the default information and include additional content.

...

You can use the social media icons provided in the theme or upload your own icon.

  1. Click Choose File, Page or Link to select the social media icon.

    • Theme icons can be found by following this path in your site: sitename/_assets/svg/social-media...

  2. Enter the URL for your social media channel or page.

You can use the arrow icons to reorder the presentation of your icons. Click the

Status
colourGreen
title+
to add a new icon. Click the
Status
colourRed
titleX
to remove a icon.

...

Info

By default, icon buttons will be displayed on a crimson background. If you are uploading your own icon, it is recommended you use a transparent image background in PNG or SVG format and use a color that will provide enough visual contrast.

 
➡️ For more information, view documentation on creating nav-icon lists.

...

Adding CTA Button

You have the option of including one call-to-action button in the footer address block. Including a CTA button in the footer is not required. You can only choose to include one button.

  1. Choose a Link Type.

    • For Internal Links, select a page

    • For External Links, include the full link URL

  2. Include the Button Link Text.

...

Adding Link Columns

You can include a maximum of three link columns in the footer. The simple footer design is the only footer option that will not display link columns.

  1. For each Link Column , enter a link Heading.

  2. For each Add Link menu, choose a Link Type.

    • For Internal Links, select a page

    • For External Links, include the full link URL

  3. Include the Link Text.

You can use the arrow icons to reorder the presentation of your column and links. Click the

Status
colourGreen
title+
to add a new column or link. Click the
Status
colourRed
titleX
to remove a column or link.

...