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 create icon links. Each icon link 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.

 

Snippet Options


FA-SIZE

The size of the icons being displayed.

  • SMALL
  • MEDIUM
  • LARGE
  • X-LARGE
  • XX-LARGE

 

FA-COLOR

The color of the icon links.

  • RED
  • GRAY
  • BLACK

 

 

Snippet Columns


Link

This is where you place the link. DO NOT make it an actual link; type the URL as plain text. Links must start with http:// or https:// or use the dependency manager.

 URLs only, additional content will be removed.

 

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.

 Text Only, additional content will be removed.

 

Icon

The Font Awesome icon to be used as the link. Icons can be inserted using the Icons - Font Awesome Gadget. You can insert the icon into the WYSIWYG or copy the icon class names and paste them.

Snippet options will override any size and color selected using the gadget. Use snippet options to style the icons.

 Icons and icon class names only, any other content will be removed.

 

 

Centering the Snippet

To center this snippet's content on a page right-click the table, select table properties, and change the alignment to center.

Instructions

 

 

Examples


Example 1

This example uses the SMALL icon sizes, and RED text color.

 

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

 

 

Example 2

This example uses the MEDIUM icon sizes, and GRAY text color.

 

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

 

 

Example 3

This example uses the LARGE icon sizes, and BLACK text color.

 

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

 

 

Example 4

This example uses the X-LARGE icon sizes, and RED text color.

 

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

 

 

Example 5

This example uses the XX-LARGE icon sizes, and GRAY text color.

 

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

 

 

Example 6

This example uses 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 Snippet
Options
FA-SIZE LARGE
FA-COLOR BLACK
Icon Links
Link Title Text Font Awesome Icon
https://www.facebook.com/WKUNews WKU Facebook
https://www.instagram.com/wku/ WKU Instagram
https://twitter.com/wku WKU Twitter
https://www.youtube.com/user/WKUNews WKU YouTube
https://www.linkedin.com/school/13799/ WKU Linked In

 

 




Need Assistance?

The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.

Get Help



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

 Last Modified 11/6/20