{"id":1023,"date":"2025-03-01T05:12:18","date_gmt":"2025-03-01T05:12:18","guid":{"rendered":"https:\/\/themepoints.com\/teamshowcase\/docs\/team-showcase\/manage-shortcode\/social-settings\/"},"modified":"2025-03-02T07:18:27","modified_gmt":"2025-03-02T07:18:27","slug":"social-settings","status":"publish","type":"docs","link":"https:\/\/themepoints.com\/teamshowcase\/docs\/team-showcase\/manage-shortcode\/social-settings\/","title":{"rendered":"Social Settings"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1400\" height=\"1439\" src=\"https:\/\/themepoints.com\/teamshowcase\/wp-content\/uploads\/2025\/03\/social-settings.png\" alt=\"\" class=\"wp-image-1028\" srcset=\"https:\/\/themepoints.com\/teamshowcase\/wp-content\/uploads\/2025\/03\/social-settings.png 1400w, https:\/\/themepoints.com\/teamshowcase\/wp-content\/uploads\/2025\/03\/social-settings-292x300.png 292w, https:\/\/themepoints.com\/teamshowcase\/wp-content\/uploads\/2025\/03\/social-settings-996x1024.png 996w, https:\/\/themepoints.com\/teamshowcase\/wp-content\/uploads\/2025\/03\/social-settings-768x789.png 768w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/figure>\n\n\n\n<p>The Social Icon Settings panel allows you to customize the appearance and behavior of social media icons.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Show\/Hide Social Icon<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable the display of social icons on your website.<\/li>\n\n\n\n<li><strong>Options:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Show:<\/strong> Displays the social icons.<\/li>\n\n\n\n<li><strong>Hide:<\/strong> Hides the social icons from the front end.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">2. Icon Style<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the visual style for your social icons. Different styles may include rounded, or square, depending on the available design options.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">3. Icon Color Style<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customize the overall color scheme of social icons. This setting may provide predefined color themes or allow custom color selections.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">4. Icon Font Size<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adjust the font size of the social icons. A larger font size makes icons more prominent, while a smaller size keeps them subtle.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">5. Icon Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the default color for the social icons.<\/li>\n\n\n\n<li>Click on the <strong>&#8220;Select Color&#8221;<\/strong> button to choose a custom color.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">6. Icon Background Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set a background color for the social icons.<\/li>\n\n\n\n<li>This setting allows you to add contrast between the icons and the website\u2019s background.<\/li>\n\n\n\n<li>Click on the <strong>&#8220;Select Color&#8221;<\/strong> button to pick a custom background color.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">7. Icon Hover Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the color that appears when users hover over the social icons.<\/li>\n\n\n\n<li>This enhances the visual interactivity of the icons.<\/li>\n\n\n\n<li>Click on the <strong>&#8220;Select Color&#8221;<\/strong> button to define the hover color.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">8. Icon Hover Background Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the background color of social icons when hovered over.<\/li>\n\n\n\n<li>Helps to highlight the icons when users interact with them.<\/li>\n\n\n\n<li>Click on the <strong>&#8220;Select Color&#8221;<\/strong> button to pick a hover background color.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">9. Open Social Link<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select how social media links will open when users click on them.<\/li>\n\n\n\n<li><strong>Options:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Same Page:<\/strong> Opens the link in the same browser tab.<\/li>\n\n\n\n<li><strong>New Page:<\/strong> Opens the link in a new browser tab, keeping the current page open.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">10. Add rel=&#8221;nofollow&#8221; to Social Links<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adds the <code>rel=\"nofollow\"<\/code> attribute to social media links.<\/li>\n\n\n\n<li><strong>Why Use This?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Helps prevent search engines from passing link authority to external social media pages.<\/li>\n\n\n\n<li>Useful for SEO and preventing unnecessary outbound link influence.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"featured_media":0,"parent":560,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1023","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/1023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":7,"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/1023\/revisions"}],"predecessor-version":[{"id":1054,"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/1023\/revisions\/1054"}],"up":[{"embeddable":true,"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/560"}],"next":[{"title":"Team Info Sorting","link":"https:\/\/themepoints.com\/teamshowcase\/docs\/team-showcase\/manage-shortcode\/team-info-sorting\/","href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/1143"}],"prev":[{"title":"Popup Settings","link":"https:\/\/themepoints.com\/teamshowcase\/docs\/team-showcase\/manage-shortcode\/popup-settings\/","href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/docs\/1021"}],"wp:attachment":[{"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/media?parent=1023"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepoints.com\/teamshowcase\/wp-json\/wp\/v2\/doc_tag?post=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}