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 Awards 2016 – Apply Now!

The application deadline for submitting the Community Achievement Award application is 27 January.

The application has been totally revamped and revitalized. In response to feedback received after its initial release back in April, revisions were made and it was re-released in September. If you haven’t had a chance to take a look at the new application and guidelines, please check it out. We’ve made it easier to apply and are hoping that all communities will participate this year.

For complete information, see the Community Achievement Award page on the STC.org web site.

PLEASE NOTE: If you have already started working on the application, please make sure you have the most current one (if the Community Information page lists four award levels, then you have the correct version).

If you have any questions, please feel free to contact MK Grueneberg directly at: marykay.stc@gmail.com.

All applications can be directly submitted to MK Grueneberg at: marykay.stc@gmail.com