Puro Themes Social Icons Menu

Puro themes make use of a social icon menu system managed from AppearanceMenus. Follow the steps below to make use of this social icon display system.

Theme Support

Puro theme: Social Icon Menu location.
Ultra theme: All menu locations support social icons. Top level menu items only.
Polestar: Footer Menu location.

The End Result

Each Puro theme will format its social icon menu a little differently. Below is a demo menu from our first theme, also called Puro.

Puro Social Menu
The Puro social menu is situated in the bottom right of the footer and displays icons to your chosen social networks.

Social Network Support List

The following networks are currently supported by this functionality:

  • 500px
  • AngelList
  • Behance
  • BitBucket
  • CodePen
  • Delicious
  • deviantART
  • Digg
  • Dribbble
  • Facebook
  • Feed (RSS)
  • Flickr
  • Foursquare
  • GitHub
  • Instagram
  • LinkedIn
  • Pinterest
  • reddit
  • Skype
  • Slack
  • Snapchat
  • SoundCloud
  • StackExchange
  • Stack Overflow
  • StumbleUpon
  • Trello
  • Tumblr
  • Twitter
  • Twitch
  • Vimeo
  • Vine
  • Vk
  • Weibo
  • WordPress.com
  • Xing
  • Yelp
  • YouTube

If you’d like to see what these icons look like beforehand, please check the Font Awesome icon library.

Adding Your Menu

Navigate to AppearanceMenus and click the create a new menu link. Choose a name for your menu and click the blue Save Menu button. Next, look at the left column and locate the Custom Links tab, open it and add your first network. For example, if we were adding a Twitter icon for Puro Themes we’d add the following to the URL field:

https://twitter.com/purothemes

The URL should be a link to your profile page on one of the support networks above. The Link Text can be anything you’d like, it won’t be displayed on the front end of your site.

RSS links should contain the word feed with a forward slash before and after the word feed. For example: https://purothemes.com/feed/

Once you’ve added your networks, scroll down to the bottom of the page and locate the Theme Locations sub-heading under the Menu Settings heading. Locate the social icon menu location/s applicable to your theme and select the one you want. Lastly, click the Save Menu button again. The final result might look something like the below image.

Puro Social Menu Links
Add link items to your social menu and assign to the Social Network Icon Menu location.
Last updated: 09/08/2020