Skip to main content

Graphics

Social Media Icons

For social media icons on your site, we recommend using the “Social Icons” block in the Gutenberg editor.

To create a listing of your social media icons, add the Social Icons block by clicking the plus icon in the top left of the editor and select the Social Icons block.

This will add in a WordPress icon by default.

To add a new icon to the list, click the + icon to the right of the WordPress icon or when you have the WordPress icon selected, click one of the social icons that appear next to it.

To add the icon, insert a URL to your social media account in the pop up window. To remove an icon, remove the URL from the icon.

When you are done adding the icons, you should have something that looks like the following block on your page.

To center align your icons, select the Social Icons wrapper and click the Align Center icon. The easiest way to select the wrapper of the icons is to select one of the icons and click on Social Icons at the very bottom of your page.


Need HTML Instead?

For certain use cases the HTML code for the social icons will be necessary such as in your footer or sidebar widget areas.

To use one of the HTML social media icons below, use the code shown below the icon. Be sure to replace the URL to your specific page you want it to link to.

You will need to create a Custom HTML block and copy the code shown below the social media icon you want on your page into that block.

Facebook

facebook
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/facebook.png" alt="facebook"></a>

Instagram

instagram
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/instagram.png" alt="instagram"></a>

Snapchat

snapchat
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/snapchat.png" alt="snapchat"></a>

LinkedIn

linkedin
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/linkedin.png" alt="linkedin"></a>

Twitter

twitter
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/twitter.png" alt="twitter"></a>

YouTube

youtube
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/youtube.png" alt="youtube"></a>

Flickr

flickr
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/flickr.png" alt="flickr"></a>

Pinterest

pinterest
<a href="URL" target="_blank" rel="noopener noreferrer"><img src="https://cms.georgiasouthern.edu/web_templates/global/img/icons/pinterest.png" alt="pinterest"></a>

Last updated: 8/19/2020