Website Support
Virtual Visit Request info Apply
MENUMENU
  • Resources
    • Publishing Help
      • Style Guide Index
      • Keyboard Shortcuts
      • Shortcodes
      • Web Writing Guide
    • Roles
      • Overview of Roles
      • Unit Web Coordinator
      • Site Steward
    • Policies & Procedures
  • Training
    • Training
      • How to become a WordPress user
      • Request a Sandbox Site
      • Sandbox requirements
      • Training schedule
    • Additional Training Opportunities
      • Siteimprove
      • UX/UI
  • About
    • News
    • Contact Us
  • FAQs
  • Submit a Support Request
  • IN
  • Web
  • Social media sidebar

Academic unit site support

Digital Marketing Support 928-523-1741

Business unit site support

ServiceNow 928-523-1511

Social Media

NAU Homepage Facebook Twitter Instagram Youtube Pinterest Google+ Snapchat

Social Media Sidebar

  • Overview Tab Open

  • How-To Tab Closed

  • Troubleshooting Tab Closed

  • Common Icons Tab Closed

Overview Accordion Open

The social media sidebar allows you to put your social media links in the right column of your webpage. Some examples of links you can use are Twitter, Facebook, and Instagram. You can also add icons for methods of contact, complete with icon visuals.

How-To Accordion Closed

Best Uses for a Social Media Sidebar

  • To take people to your social media sites
  • To make your social media sites known
  • To help your visitors contact you

How to Insert a Social Media Sidebar

  1. Add a right column using the ‘right column’ Visual Editor toolbar
  2. See the “Common Icons” for a list of icons to choose from
  3. Copy the code you would like to use in the sidebar
  4. In the Text Editor, inside the right column shortcode, paste the code to add the icon
  5. After the icon code, write code for a link in the format of <a href=”Link Address“>Link Title</a>

Example code

<i class=”fas fa-compass”></i> <a href=”https://nau.edu/”>NAU Homepage</a>
<i class=”fab fa-facebook”></i> <a href=”https://www.facebook.com/”>Facebook</a>
<i class=”fab fa-twitter-square”></i> <a href=”https://twitter.com/”>Twitter</a>

Troubleshooting Accordion Closed

If your social media sidebar isn’t operating as expected, check for these things:

  • All shortcode is present, including bookends and the forward slash on the closing bookend
  • The links to the social media pages are correct
  • The icon links are copied correctly
  • The content is fully nested within the right column shortcode
  • Remove and re-add quotation marks

If you are still having trouble, please contact the EASI Web Team.

Common Icons Accordion Closed

Phone:

<i class="fas fa-phone" aria-hidden="true"></i>

Email:

<i class="fas fa-envelope" aria-hidden="true"></i>

Fax:

<i class="fas fa-fax" aria-hidden="true"></i>

Webpage (Compass):

<i class="fas fa-compass" aria-hidden="true"></i>

File:

<i class="fas fa-file" aria-hidden="true"></i>

Facebook:

<i class="fab fa-facebook" aria-hidden="true"></i>

Twitter:

<i class="fab fa-twitter-square" aria-hidden="true"></i>

Instagram:

<i class="fab fa-instagram" aria-hidden="true"></i>

YouTube:

<i class="fab fa-youtube" aria-hidden="true"></i>

Pinterest:

<i class="fab fa-pinterest" aria-hidden="true"></i>

Google+:

<i class="fab fa-google-plus" aria-hidden="true"></i>

Snapchat:

<i class="fab fa-snapchat" aria-hidden="true"></i>
Website support
Location
Building 54
Information Technology Services
1301 S. Knoles Drive
Flagstaff, AZ 86011
Mailing Address
PO Box 5100
Flagstaff, AZ 86011
Contact Form
Email
ask-its@nau.edu
Phone
928-523-3335