Social bars are already built into the theme, but you can use social bars in instances where you want to highlight a program’s social media presence.<\/p>\n\n\n\n
Here’s an example social bar:<\/p>\n\n\n
By default, social bars show color icons for social media platforms on a light gray background. Social bars can also be styled as \u201cdark\u201d, for a monochrome effect:<\/p>\n\n\n
A \u201clight\u201d option is also available, displaying white icons. Social bars support linking to Facebook, Instagram, Twitter, YouTube, Snapchat, and LinkedIn. <\/p>\n\n\n\n
Currently, social bars can only be implemented by using the shortcode (see the below documentation).<\/p>\n\n\n\n
Social bars can be implemented with the shortcode\u00a0 [cl-social facebook=\"https:\/\/www.facebook.com\/myprofile\" twitter=\"https:\/\/www.twitter.com\/myprofile\"]<\/p>\n\n\n\n (string) (optional) (values: Set the style of the icons<\/p>\n\n\n\n (default value: (string) (optional)<\/p>\n\n\n\n Set a link to include Facebook<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set a link to include Instagram<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set a link to include Twitter<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set a link to include YouTube<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set a link to include Snapchat<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set a link to include LinkedIn<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n\n\n\n (string) (optional)<\/p>\n\n\n\n Set custom CSS class(es)<\/p>\n\n\n\n (default value: none)<\/p>\n<\/div>\n\n\n\n Social bars are already built into the theme, but you can use social bars in instances where you want to highlight a program’s social media presence. Overview Here’s an example social bar: By default, social bars show color icons for social media platforms on a light gray background. Social bars can also be styled as […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":188,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-449","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":4,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/449\/revisions"}],"predecessor-version":[{"id":2972,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/449\/revisions\/2972"}],"up":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/188"}],"wp:attachment":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}cl-social<\/code>.<\/p>\n\n\n\nAttributes<\/h2>\n\n\n\n
style<\/h3>\n\n\n\n
color<\/code>, dark<\/code>, light<\/code>)<\/p>\n\n\n\ncolor<\/code>)<\/p>\n<\/div>\n\n\n\nfacebook<\/h3>\n\n\n\n
instagram<\/h3>\n\n\n\n
twitter<\/h3>\n\n\n\n
youtube<\/h3>\n\n\n\n
snapchat<\/h3>\n\n\n\n
linkedin<\/h3>\n\n\n\n
class<\/h3>\n\n\n\n