Social media footer

Overview

The social media footer is a way to provide links to related social media accounts, email subscriptions, RSS feeds etc. at the bottom of the page.

It's intended to be used on custom footers, but can be applied to individual pages where needed.

Example
WCMS use
  1. To add a social media button to the footer, in Content Editor go to the page template and scroll down to the Social media links section
  2. Add the links for the chosen social media and save
  3. The children pages will inherit the chosen social media from the parent unless overwritten on the child page template
MVC.net use
Code

<ul class="center tiny-top">
                <li class="inlined">
                    <a rel="nofollow" href="https://www.facebook.com/hantsconnect" class="noborder tooltip" title="Facebook" aria-label="Facebook">
                        <i class="medium facebook icon" aria-hidden="true" title="Facebook" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen">Facebook</span>
                    </a>
                </li>
                <li class="inlined">
                    <a rel="nofollow" href="https://twitter.com/hantsuiux" class="noborder tooltip" aria-label="@HantsUiUx" title="@HantsUiUx">
                        <i class="medium twitter icon" aria-hidden="true" title="@HantsUiUx" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen">@HantsUiUx</span>
                    </a>
                </li>
                <li class="inlined">
                    <a rel="nofollow" href="http://designblog.hants.gov.uk/" class="noborder tooltip" title="" aria-label="">
                        <i class="medium wordpress icon" aria-hidden="true" title="" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen"></span>
                    </a>
                </li>
        </ul>
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release