{"id":6,"date":"2017-04-05T07:18:59","date_gmt":"2017-04-05T07:18:59","guid":{"rendered":"http:\/\/www.loftocean.com\/ceramag\/?p=6"},"modified":"2017-10-29T04:45:57","modified_gmt":"2017-10-29T04:45:57","slug":"display-social-media-icons-in-header-footer-widget-areas","status":"publish","type":"post","link":"https:\/\/www.loftocean.com\/ceramag\/social\/display-social-media-icons-in-header-footer-widget-areas\/","title":{"rendered":"Display Social Media Icons in Header, Footer &#038; Widget Areas"},"content":{"rendered":"<p>You can add icons for the most popular social networks to your site header, site footer and sidebar. The icons are linked to your social media profiles, giving your readers access to your latest status updates. In Berry theme, we offer a special custom menu for adding your social media icons.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-55 size-medium\" src=\"http:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/Screen-Shot-2017-04-03-at-4.21.22-pm-300x73.png\" alt=\"social icons\" width=\"300\" height=\"73\" srcset=\"https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/Screen-Shot-2017-04-03-at-4.21.22-pm-300x73.png 300w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/Screen-Shot-2017-04-03-at-4.21.22-pm-360x87.png 360w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/Screen-Shot-2017-04-03-at-4.21.22-pm.png 372w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<hr \/>\n<h5>Set up the social menu<\/h5>\n<p>Please follow the strunctions below to create your social menu:<\/p>\n<ol>\n<li>On your website dashboard, go to <strong>Appearance<\/strong> &gt; <strong>Menus<\/strong> &gt; <strong>Edit Menus<\/strong>.<\/li>\n<li>Create a new menu. Give it a name, for example, &#8220;Social Menu&#8221;. Then click on the &#8220;<strong>Create Menu<\/strong>&#8221; button.<\/li>\n<li>Find &#8220;Custom Links&#8221; on the left. Enter the link of your social media site, for example, &#8220;https:\/\/twitter.com\/LoftOcean&#8221;. And you can also enter some text into &#8220;Link Text&#8221; field, it&#8217;s optional, and you can enter any text here. Just need to give a correct URL. Click &#8220;Add to Menu&#8221; button.<\/li>\n<li>Repeat to enter your other social media sites&#8217; links.<\/li>\n<li>Find &#8220;<strong>Menu Settings<\/strong>&#8221; option &gt; &#8220;<strong>Theme locations<\/strong>&#8220;, check the box before &#8220;<strong>Social Menu<\/strong>&#8220;.<\/li>\n<li>Click on &#8220;<strong>Save Menu<\/strong>&#8221; button.<\/li>\n<\/ol>\n<p>You can also manage your social menu in Customizer.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-loft_extra_large wp-image-42\" src=\"http:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-1440x813.jpg\" alt=\"social-menu\" width=\"1200\" height=\"678\" srcset=\"https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-1440x813.jpg 1440w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-300x169.jpg 300w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-768x433.jpg 768w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-1024x578.jpg 1024w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-360x203.jpg 360w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-480x271.jpg 480w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-720x406.jpg 720w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-960x542.jpg 960w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-1200x677.jpg 1200w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu.jpg 1600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Now your social menu is ready to use.<\/p>\n<hr \/>\n<p><a name=\"open-in-a-new-tab\"><\/a><\/p>\n<h5>Open the social icon link in a new tab when click<\/h5>\n<ol>\n<li>When edit your social menu, please click on <strong>&#8220;Screen Options&#8221;<\/strong> button located on the top right corner of the page.<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2017\/04\/expand-screen-options.png\" alt=\"expand-screen-options\" width=\"2560\" height=\"373\" class=\"aligncenter size-full wp-image-231\" \/>\n \t<\/li>\n<li>Then tick the box before <strong>&#8220;Link Target&#8221;<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2017\/04\/show-link-target.png\" alt=\"show-link-target\" width=\"2560\" height=\"932\" class=\"aligncenter size-full wp-image-232\" \/>\n \t<\/li>\n<li>When create\/edit a menu item, tick the box before <strong>&#8220;Open link in a new tab&#8221;<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2017\/04\/open-menu-item-in-new-tab.jpg\" alt=\"\" width=\"1800\" height=\"975\" class=\"aligncenter size-full wp-image-239\" \/>\n \t<\/li>\n<li>Click on &#8220;Save menu&#8221; button to save the changes. Done.<\/li>\n<\/ol>\n<hr \/>\n<h5>Add social icons into site header<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-loft_extra_large wp-image-44\" src=\"http:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-1440x817.jpg\" alt=\"social-menu-in-header\" width=\"1200\" height=\"681\" srcset=\"https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-1440x817.jpg 1440w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-300x170.jpg 300w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-768x436.jpg 768w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-1024x581.jpg 1024w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-360x204.jpg 360w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-480x272.jpg 480w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-720x409.jpg 720w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-960x545.jpg 960w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header-1200x681.jpg 1200w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-header.jpg 1600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Go to <strong>Appearance<\/strong> &gt; <strong>Customize<\/strong> &gt; <strong>Header<\/strong>, find the option <strong>Display Social Icons<\/strong>. Check the box to show your social menu in the site header.<\/p>\n<hr \/>\n<h5>Add social icons into site footer bottom<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-loft_extra_large wp-image-46\" src=\"http:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-1440x815.jpg\" alt=\"social-menu-in-footer-bottom\" width=\"1200\" height=\"679\" srcset=\"https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-1440x815.jpg 1440w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-300x170.jpg 300w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-768x435.jpg 768w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-1024x580.jpg 1024w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-360x204.jpg 360w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-480x272.jpg 480w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-720x408.jpg 720w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-960x544.jpg 960w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom-1200x680.jpg 1200w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-footer-bottom.jpg 1600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Go to <strong>Appearance<\/strong> &gt; <strong>Customize<\/strong> &gt; <strong>Footer<\/strong> &gt; <strong>Footer Bottom<\/strong>, find the option <strong>Display Footer Social<\/strong>. Check the box to show your social menu in the site footer bottom area.<\/p>\n<hr \/>\n<h5>Add social icons into sidebar &amp; footer widget areas<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-loft_extra_large wp-image-48\" src=\"http:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-1440x814.jpg\" alt=\"social-menu-in-widget-area\" width=\"1200\" height=\"678\" srcset=\"https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-1440x814.jpg 1440w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-300x170.jpg 300w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-768x434.jpg 768w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-1024x579.jpg 1024w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-360x203.jpg 360w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-480x271.jpg 480w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-720x407.jpg 720w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-960x542.jpg 960w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area-1200x678.jpg 1200w, https:\/\/www.loftocean.com\/ceramag\/wp-content\/uploads\/sites\/6\/2017\/04\/social-menu-in-widget-area.jpg 1600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Go to <strong>Appearance<\/strong> &gt; <strong>Widgets<\/strong>, get into <strong>Sidebar<\/strong> or one of <strong>Footer Columns<\/strong>, click on the button <strong>&#8220;Add a Widget&#8221;<\/strong>, find the custom widget <strong>CeraMag Social<\/strong>. Add this widget into the sidebar or footer column. Then you can choose to enter a title for it.<\/p>\n<hr \/>\n<h5>Supported Social Icons<\/h5>\n<p>Currently, we support adding icons for the following 28 social networks:<\/p>\n<ul>\n<li>Facebook<\/li>\n<li>Twitter<\/li>\n<li>Google+<\/li>\n<li>Instagram<\/li>\n<li>Pinterest<\/li>\n<li>Behance<\/li>\n<li>LinkedIn<\/li>\n<li>YouTube<\/li>\n<li>Vimeo<\/li>\n<li>Snapchat<\/li>\n<li>Medium<\/li>\n<li>Flickr<\/li>\n<li>Etsy<\/li>\n<li>Dribbble<\/li>\n<li>Tumblr<\/li>\n<li>Vine<\/li>\n<li>Bloglovin<\/li>\n<li>RSS<\/li>\n<li>VK<\/li>\n<li>Reddit<\/li>\n<li>Yelp<\/li>\n<li>Delicious<\/li>\n<li>SoundCloud<\/li>\n<li>500px<\/li>\n<li>Digg<\/li>\n<li>Foursquare<\/li>\n<li>Houzz<\/li>\n<li>TripAdvisor<\/li>\n<\/ul>\n<p>The share icon <i class=\"fa fa-share-alt\"><\/i> will show if you enter a link of a social network we haven&#8217;t supported yet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can add icons for the most popular social networks to your site header, site footer and sidebar. The icons are linked to your social media profiles, giving your readers access to your latest status updates. In Berry theme, we offer a special custom menu for adding your social media icons. Set up the social [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-social"],"_links":{"self":[{"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":199,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/posts\/6\/revisions\/199"}],"wp:attachment":[{"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loftocean.com\/ceramag\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}