Add Social Media Icons to Your Website

A popular method of connecting your site to social media is to use social icons. Social icons are icons for various social media sites, such as Facebook, LinkedIn, and Twitter. When a visitor to your site clicks an icon, it links them to the appropriate social media site, highlighting your individual page there.

Some WordPress themes have social icons built in, but not all do. So if you’d like to add them to your website, you can follow these steps. In this example, I will assume you are using WordPress to host your site. However, the code is HTML and can be added to any site. Simply ignore the WordPress-specific steps if you are not using WordPress.

Obtain Icons

Your first step is to obtain social icons. You can do this by looking on the CAC website and right-clicking our social icons so you can save them to your machine. Save each one locally.

Upload Social Icons to Your Website

  1. Go to your WordPress Dashboard.
  2. Click Media > Add New.
  3. Drop the social media icon graphic files in the box, or use the dialogue window to select them.

Create the Icons on Your Website

  1. Go to your WordPress Dashboard.
  2. Click Appearance > Widgets
  3. From the Available Widgets area on the the left, drag a “Text” widget to the appropriate widget area on the right. There are different widget areas, depending on your website. The CAC put theirs in the Primary Widget Area, but other areas may be more appropriate for you, depending on your website layout.
  4. Click the expansion arrow on the text widget that you just placed in a widget area on the right.
  5. Enter a title, such as “Connect with Us”.
  6. In the Content field, you enter HTML. In the sample text below, you will see the file paths for the icon files as they are stored on the CAC website. You will have to change the path and file names to match the files you uploaded.

Sample HTML

Note: You will probably have to customize the red text to match your specific site information.

<a href="https://twitter.com/STCCAC"  target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-twitter-24.png" alt="@STCCAC on twitter"></a>&nbsp;&nbsp;

<a href="https://www.facebook.com/stccac"  target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-facebook-24.png" alt="STC-CAC on Facebook"></a>&nbsp;&nbsp;

<a href="https://www.linkedin.com/groups/2926" target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-linkedin-24.png" alt="STC LinkedIn group"></a>&nbsp;
 
<a href="http://www.stc.org/" target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-stc-24.png" alt="STC HQ"></a>&nbsp; 

<a href="http://notebook.stc.org/tag/communities/"  target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-notebook-24.png" alt="STC Notebook"></a>&nbsp;

<a href="http://summit.stc.org/"  target="_blank"><img src="http://www.cac-stc.org/wp-content/uploads/icon-stc-summit-24.gif" alt="STC Summit"></a>

Save the text after you enter it. Afterwards the social icons should be visible on your site.

Community Achievement Award nominations due 29 January 2016

For complete details and updates, see the Community Achievement Award page on the STC.org web site.

Nomination process: Please consult the guidelines for the complete nomination process.

Who is eligible: Any STC Professional Chapter, Special Interest Group (SIG), or Student Chapter is eligible to apply for a community achievement award.

Due date for nominations: 29 January 2016

Community Executive Council will be notified of approval: After vote by STC Board of Directors, usually February

Awards Presented: At the Honors Reception at the STC Technical Communication Summit.

COMPLETED APPLICATIONS AND SUPPORTING MATERIALS SHOULD BE SENT TO  MARYKAY GRUENEBERG AT marykay.stc@gmail.com . 

MaryKay Grueneberg, Community Achievement Award Chair

Elaine Gilliam , STC Staff Liaison