{"id":6216,"date":"2022-10-12T17:40:48","date_gmt":"2022-10-12T14:40:48","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=6216"},"modified":"2024-01-09T17:21:00","modified_gmt":"2024-01-09T15:21:00","slug":"socials","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/socials\/","title":{"rendered":"Socials"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69eb9d21990cc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69eb9d21990cc\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-12-at-17.28.02.png\" alt=\"\" class=\"wp-image-6219\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The <strong>Socials<\/strong> element in action.<\/figcaption><\/figure>\n\n\n\n<p>The <strong>Socials<\/strong> header element is super sleek and lets you showcase your social network connections for your users to connect to. It is super easy to configure, so follow along.<\/p>\n\n\n\n<p class=\"is-style-success coblocks-alert-paragraph\"><strong>Note!<\/strong><br \/>Social network accounts can be configured from the <strong>Customiser -&gt; General -&gt; Social Network Accounts<\/strong> section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-12-at-17.28.17.png\" alt=\"\" class=\"wp-image-6224\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h5 class=\"wp-block-heading\">Social Networks<\/h5>\n\n\n\n<p>This first option will let you show or hide any of your social network connections. Once they&#8217;re configured properly, each button becomes clickable on the front end, sending your visitors right to the correct page to successfully connect with you.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Link Controls<\/h5>\n\n\n\n<p>These options are for the SEO heads out there. The first option will let you open any social network link in a new tab automatically, while the second option will let you set the &#8220;nofollow&#8221; attribute to the links, to ensure your website doesn&#8217;t lose any link building power you might&#8217;ve built.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Icon Controls<\/h5>\n\n\n\n<p>These settings will let you easily control the <strong>icon size<\/strong> for the social network links, as well as the <strong>spacing<\/strong> in-between these icons. Simple stuff!<\/p>\n\n\n\n<p>There are also options for the <strong>icon colours<\/strong>. The <strong>Custom<\/strong> option will yield you a consistent design, with every icon taking the colour of your choice. But in case you want to keep things <strong>Official<\/strong>, the option will automatically inherit the official colour of the said social network.<\/p>\n\n\n\n<p>The <strong>Icons Shape Type<\/strong> setting will let you encapsulate the icon into a nice rounded rectangle or a square, giving you some cool design options.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Label Visibility<\/h5>\n\n\n\n<p>This option lets you show the&nbsp;<strong>text label<\/strong>&nbsp;of the element on a per device basis.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Socials header element is super sleek and lets you showcase your social network connections for your users to connect to. It is super easy to configure, so follow along. Note!Social network accounts can be configured from the Customiser -&gt; General -&gt; Social Network Accounts section. Granular Controls Social Networks This first option will let [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6220,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-6216","documentation","type-documentation","status-publish","has-post-thumbnail","hentry","doc_categories-header-elements"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=6216"}],"version-history":[{"count":1,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6216\/revisions"}],"predecessor-version":[{"id":9150,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6216\/revisions\/9150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/6220"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=6216"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=6216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}