Versions Compared

Key

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

...

  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. Site 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 Masthead Setup Footer Builder block.

  3. Click Edit.

  4. Include your site department name.

  5. Select an option to Add College or Reporting Unit Title.

  6. If you select, Yes, you can include your College or Reporting Unit as part of your masthead and provide a link to their college or unit homepage.

  7. If you select No, the university name will appear above your site name with a link to the NMSU homepage

    Display Address Block. If yes is selected, include your address information.

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

  9. Select an option to Add Buttons in MastheadDisplay CTA button in address block.

  10. Custom link columns with column headers and links.

  11. Select Preview Draft.

  12. 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.

...

...

Buttons will appear on the right hand side of the masthead. A maximum of 4 buttons can be added.

For each button:

...

Enter the External Link URL

...

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 buttonsicons. Click the

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

...

Info

By default, icon buttons will be displayed on a

...

 

 

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

...

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.

...