{"id":763,"date":"2023-05-20T18:06:42","date_gmt":"2023-05-20T17:06:42","guid":{"rendered":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/global-social-links\/"},"modified":"2023-05-20T18:11:47","modified_gmt":"2023-05-20T17:11:47","slug":"global-social-links","status":"publish","type":"docs","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/global-social-links\/","title":{"rendered":"Global social links"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You can set up global links to the social networks in the site settings. This way, when you add social icons to the blocks, the links are applied automatically. Besides, you can add custom links for the particular block on your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to add global social links and customize the style of social icons.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding global social links<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Open the Settings of your site and navigate to the Social links tab:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc-1024x468.png\" alt=\"\" class=\"wp-image-765\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc-1024x468.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc-300x137.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc-768x351.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc-1536x703.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1067-2_72kwtc.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Click on\u00a0<strong>Add global social link<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov-1024x319.png\" alt=\"\" class=\"wp-image-766\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov-1024x319.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov-300x94.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov-768x240.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov-1536x479.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1068-2_13r71ov.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Choose the required social network in the pop-up menu:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"761\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv-1024x761.png\" alt=\"\" class=\"wp-image-767\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv-1024x761.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv-300x223.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv-768x571.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv-1536x1141.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-5_mixegv.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>You can also add a custom icon for the social network. For that, click on the &#8220;plus&#8221; sign and upload the icon in the new window:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"758\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0-1024x758.png\" alt=\"\" class=\"wp-image-768\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0-1024x758.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0-300x222.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0-768x569.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0-1536x1138.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-5_e5caj0.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Go back to the\u00a0<strong>Social links<\/strong>\u00a0tab and add the relevant links to your profiles:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca-1024x431.png\" alt=\"\" class=\"wp-image-769\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca-1024x431.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca-300x126.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca-768x323.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca-1536x646.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1069-2_1lhjcca.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. Open the site&#8217;s editor and add a block with the social icons in it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw-1024x481.png\" alt=\"\" class=\"wp-image-770\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw-1024x481.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw-300x141.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw-768x361.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw-1536x722.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1062-5_1h003rw.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the style of social icons<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Click on the social icons in the block to access their settings:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym-1024x538.png\" alt=\"\" class=\"wp-image-771\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym-1024x538.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym-300x158.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym-768x403.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym-1536x806.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1065-4_k3ydym.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to the\u00a0<strong>Style<\/strong>\u00a0tab and choose the needed shape, size and colors for the icons:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6-1024x687.png\" alt=\"\" class=\"wp-image-772\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6-1024x687.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6-300x201.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6-768x515.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6-1536x1030.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1063-5_vf3iz6.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>There is no way to edit each icon separately.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. You can also use brand color for the icons:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u-1024x323.png\" alt=\"\" class=\"wp-image-773\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u-1024x323.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u-300x95.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u-768x242.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u-1536x484.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1064-3_m49a8u.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Publish the site for the changes to appear live.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":0,"parent":111,"menu_order":40,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-763","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":1,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/763\/revisions"}],"predecessor-version":[{"id":774,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/763\/revisions\/774"}],"up":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/111"}],"next":[{"title":"Changing the design of the linked text","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/changing-the-design-of-the-linked-text\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/775"}],"prev":[{"title":"Advanced text settings","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/advanced-text-settings\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/758"}],"wp:attachment":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/media?parent=763"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/doc_tag?post=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}