Today, I received an email from a client asking me to add a social media icon for Instagram to her WordPress menu, which is a great way to build your social media following.
There are several WordPress plugins you can use to add social media icons to any navigation menu throughout your WordPress website including Menu Image and Menu Social Icons …
But nowadays, there’s a much easier way to add the icons without using a WordPress plugin or having to know website code.
Watch the video below. I will show you how to add the icons and how to open them in a new tab, so you don’t take readers away from your blog.
If you don’t like video and prefer written instructions with screenshot images wikiHow style, keep reading.
The first thing you need to do is login to your WordPress blog. Then in a new window, go to www.fontawesome.com – select Icons from the top navigation menu.
On the next page, select Free from the left navigation menu. In the search field towards the top of the page, enter the name of the icon you are looking for. Eg, Instagram, Facebook, Twitter, etc
Your search will display all available icons. Select the icon you want to use by clicking it.
At the top of the next page, click Click to Copy HTML and then navigate away from Front Awesome to your WordPress website. If you’re not yet logged in, login. Once logged in go to Appearance >> Menus. Choose the menu you want to add the social media icon to.
From here, in the top right corner of the screen, open up Screen Options and check Link Target to the far left. Then …
Under the add menu items section click Custom Links. Paste the HTML code you copied from Font Awesome in to the Link Text field, and add your social media profile URL to the URL input field. Click the Add to Menu button.
After clicking the Add to Menu button, by default the new custom link you just created will be added to the bottom of the menu. To move it, simply drag and drop it to your desired location. Then, hit the blue Save Menu button in the top right corner.
After saving your changes, preview your website and click the new social media icon in your WordPress menu. It should open in a new window. To change the icon style and colours, I suggest upgrading to the Font Awesome Pro Package.
If you found this video helpful, subscribe to my YouTube Channel for WordPress video tutorials.
Kerry – The Blog Mechanic