Blog 2014: Adding social media links

A screenshot of the front page of my blog on July 7, 2014

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 width and 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:

style="width:35px;height:35px;padding-right:5px;padding-bottom:5px;"

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:

A screenshot of the front page of my blog on July 7, 2014
A screenshot of the front page of my blog on July 7, 2014

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.

Author: Daniel Greene

I facilitate communication between Deaf and hearing people, and I teach people American Sign Language (ASL) and interpreting. Apart from doing the work I love, my greatest joys are family & friends, entertainment, food, photography, and travel.

Comments welcome

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s