Social Media Sidebar

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>

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.

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>