Where I learned how to add social media buttons, and where I found them
Today, I added custom social media links to my secondary menu, which appears on the left sidebar in the Twenty-Fourteen WordPress theme I’m using now. I did this because Twenty-Fourteen doesn’t have social links in the theme, and I wanted them near the top of my blog layout. To learn how to add them, I started by reading the WordPress Support article “Add Social Media Buttons to Your Sidebar or Footer.” When I did a Google Image search of ‘free social media icons’, as suggested in the support article, I found my favorite icon set at GraphicsFuel: 20 Popular Social Media Icons (PSD & PNG). Thank you, GraphicsFuel!
What code I used
I used the HTML shown on the support article, but I amended it with a bit of CSS to put some padding (space) to the right and bottom of the buttons so they didn’t look stuck together. While I was at it, I took the
height properties out of the HTML and put them into the CSS where they belong (since they are style, not structure). Here is a sample of the
style code I added to the
img element for my customization:
How it looks today
Of course things will change with time as I change themes or widgets, but here is what my blog looks like as of this writing, with the new social media button links I added to the left sidebar:
Why I wrote this
I always like to share what I learn with others who might benefit, and I like to give credit where it’s due. I hope you find it helpful. Please let me know.