Facebook Pixel Social Media Snippet | Western Kentucky University Skip to main content

Social Media Snippet


The Social Media Snippet is used to include icon links to your various social media platforms. The snippet uses Font Awesome Icons to display the links. Each link specified will be displayed side-by-side, using either red, gray, or black text. Each row in the snippet table specifies a different social media icon.

 

Available Settings

FA-SIZE
Controls the size of the icons being displayed. The size will default to MEDIUM if none is specified. (Options: SMALL, MEDIUM, LARGE, X-LARGE, XX-LARGE)

FA-COLOR
Controls the color of the icons. The icons will default to RED if none is specified. (Options: RED, GRAY, BLACK)

 

Centering the Snippet

To center this snippet's content on a page follow these steps. When done, your resulting snippet content should be centered as shown in Example #6, below.

  • Right-Click anywhere in the snippet table and select Table Properties.
  • Under the General tab, change the Alignment value to be Center.
  • When done, click the blue OK button.

 

Snippet Columns

Column one is called "Link". This is where you place the link to your social media site. DO NOT make it an actual link; just type the URL as plain text. If a link is not specified, the current page's URL will be used instead.

Column two is called "Link and Icon Title Text". This is where you specify the text seen when the mouse hovers over the icon. This text may also be read by assitive technologies, such as screen readers, etc.

Column three is called "Font Awesome Icon". This is where you can edit the Font Awesome icon used by specifing the Font Awesome icon name. Some common icon names are listed, below. You can use the link above to see the full list of available Font Awesome icons.

 

Common Font Awesome Icons

 

Example #1

This example makes use of the SMALL icon sizes, and RED text color.

 

Social Media Side-By-Side Snippet
FA-SIZE SMALL
FA-COLOR RED
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


 

Example #2

This example makes use of the MEDIUM icon sizes, and GRAY text color.

 

Social Media Side-By-Side Snippet
FA-SIZE MEDIUM
FA-COLOR GRAY
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


 

Example #3

This example makes use of the LARGE icon sizes, and BLACK text color.

 

Social Media Side-By-Side Snippet
FA-SIZE LARGE
FA-COLOR BLACK
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


 

Example #4

This example makes use of the X-LARGE icon sizes, and RED text color.

 

Social Media Side-By-Side Snippet
FA-SIZE X-LARGE
FA-COLOR RED
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


 

Example #5

This example makes use of the XX-LARGE icon sizes, and GRAY text color.

 

Social Media Side-By-Side Snippet
FA-SIZE XX-LARGE
FA-COLOR GRAY
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


 

Example #6

This example makes use of the LARGE icon sizes, and BLACK text color. The snippet table's alignment property has also been set to Center; see Centering the Snippet, above.

 

Social Media Side-By-Side Snippet
FA-SIZE LARGE
FA-COLOR BLACK
Link Link and Icon Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook fa-facebook-official
https://www.instagram.com/wku/ WKU Instagram fa-instagram
https://twitter.com/wku WKU Twitter fa-twitter
https://www.linkedin.com/school/13799/ WKU Linked In fa-linkedin
https://www.youtube.com/user/WKUNews WKU YouTube fa-youtube-play

 


Some of the links on this page may require additional software to view.

 Last Modified 2/13/18