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.
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.
Some of the links on this page may require additional software to view.