{"id":41,"date":"2025-09-17T09:04:13","date_gmt":"2025-09-17T09:04:13","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=41"},"modified":"2025-09-17T09:04:13","modified_gmt":"2025-09-17T09:04:13","slug":"how-to-set-social-icons-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/news-express\/how-to-set-social-icons-in-your-site\/","title":{"rendered":"How to Set Social Icons in your site?"},"content":{"rendered":"\n<p>In order to improve your social media page visibility and user retention, you might want to set and display your<strong> social media icons <\/strong>somewhere noticeable on your <strong>WordPress<\/strong> site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video Guidance<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"OGMA BLOG: Complete Website Customization Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FpRpOJDk-2E?start=92&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Started from suggested clip of the complete <font color=\"#2271b1\"><u>YouTube <\/u><\/font>walkthrough.<\/em><\/figcaption><\/figure>\n\n\n\n<p>In order to use<strong> social icons<\/strong>, you should first enable <strong>Top Area Header,<\/strong> as<strong> social icons <\/strong>are only displayed on <strong>Top Header<\/strong> in the free version. To do that,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Header Settings &gt;&gt; Top Area <\/strong><\/li>\n\n\n\n<li>Then toggle on the <strong>Enable<\/strong> <strong>Top Area <\/strong>option.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"383\" src=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/enable-top-area-and-social-icons-1.png\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/enable-top-area-and-social-icons-1.png 297w, https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/enable-top-area-and-social-icons-1-233x300.png 233w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li> After that toggle on <strong>Enable Social Icon<\/strong> to enable top header for displaying social icons.<\/li>\n\n\n\n<li>Navigate back to<strong> General Settings &gt;&gt; Social Icons <\/strong>to add up to 4 social media icons of your choice.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><em>&nbsp;&nbsp;&nbsp;&nbsp;Note: Only 4 repeater fields are allowed for the free version. You can not set&nbsp;<\/em>more than 4 social icons using the free version.<\/p>\n\n\n\n<p>          <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"473\" src=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/social-icons.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/social-icons.png 295w, https:\/\/docs.mysterythemes.com\/news-express\/wp-content\/uploads\/sites\/28\/2023\/05\/social-icons-187x300.png 187w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><figcaption class=\"wp-element-caption\"><strong><em>Social Icon Settings<\/em><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Drag and drop the <strong>Social Icons<\/strong> block to set the order of their display position in the Top Area Header section.<\/li>\n\n\n\n<li>Click on the eye icon if needed to hide or display the selected <strong>Social Icon<\/strong>.<\/li>\n\n\n\n<li>You can also toggle on or off the \u201c<strong>Open in New Tab\u201d <\/strong>option based on whether you want to display your social media page on a new tab or the same tab.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In order to improve your social media page visibility and user retention, you might want to set and display your social media icons somewhere noticeable on your WordPress site. Video Guidance In order to use social icons, you should first enable Top Area Header, as social icons are only displayed on Top Header in the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":0,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/news-express\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}