Adding a social profile menu to WordPress

Last year, Justin Tadlock posted about a simple way to add a social media navigation menu in WordPress. He then followed it up with a post showing how to use this method with the Genericons icon font. This is a slick trick so that you can use WordPress’s core menu system to add a list of links to your social profiles. You’ll see them on most pages. You can see it here at the very bottom of my site on the right.

Warning: this post is for advanced WordPress developers who are comfortable adding PHP and CSS code to their themes or plugins.

I wanted to use the same concept that Justin demonstrated for a client’s site I’m working on at the moment. But I wanted to use the Socicons font, an icon font that includes support for tons of social networks, instead of the Genericons icon font. It was pretty straightforward, so I thought I’d share the CSS code I used to get it working in case anyone else finds it useful.

I put it up as a Gist, so you can have a look at the CSS code. To get this working, you’ll need to follow Justin’s steps to set up the navigation menu, copy how he loads the Genericons font to load the Socicons font, and then follow the instructions at the top of my CSS code to register your navigation menu for use with the CSS code.

Call to action box goes here
Need a Plugin to Improve Your Site?
Browse Plugins Now
Tips for Choosing or Creating a Restaurant Website Template to Help You Stand Out in 2022
Tips for Choosing or Creating a Restaurant Website Template to Help You Stand Out in 2022

The restaurant business is incredibly challenging, especially in today’s digital world. In order to attract customers and remain relevant, many restaurants are creating their own websites. This isn’t a new trend – the first ever restaurant website launched in 1995, and since then, the number of restaurants with their own websites has only grown. But…

How QR Codes Are Changing the Way Customers Interact With Restaurants
How QR Codes Are Changing the Way Customers Interact With Restaurants

As the digital world continues to grow, we’re finding new ways to use technology and tools. The world of restaurants has changed quite a bit over the last few years, and it’s not slowing down anytime soon. Now, more than ever, there are new and creative ways people are getting information about restaurants. Technology plays…

Why You Need a Website for Your Restaurant: 5 Great Reasons
Why You Need a Website for Your Restaurant: 5 Great Reasons

‍So, you’ve opened your new restaurant! And it’s going well. The word-of-mouth is so good that you find yourself fully booked weeks in advance. That’s great news and suggests that your food is fantastic. But there are ways that you could optimize your business even more. A website is a great way to increase awareness…

Discover More Posts
Browse Plugins Now