{"id":13,"date":"2019-09-21T06:22:26","date_gmt":"2019-09-21T06:22:26","guid":{"rendered":"https:\/\/www.loftocean.com\/eaven\/?p=13"},"modified":"2019-11-04T03:44:04","modified_gmt":"2019-11-04T03:44:04","slug":"display-social-media-icons-on-your-site","status":"publish","type":"post","link":"https:\/\/www.loftocean.com\/eaven\/social\/display-social-media-icons-on-your-site\/","title":{"rendered":"Display Social Media Icons on Your Site"},"content":{"rendered":"

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 Fallsky theme, we offer a special custom menu for adding your social media icons.<\/p>\n

\n
Set up the social menu<\/h5>\n

Please follow the instruction below to create your social menu:<\/p>\n

    \n
  1. On your admin panel, go to Appearance<\/strong> > Menus<\/strong> > Edit Menus<\/strong>.<\/li>\n
  2. Create a new menu. Give it a name, for example, “Social Menu”. Then click on the “Create Menu<\/strong>” button.<\/li>\n
  3. Find “Custom Links” on the left. Enter the link of your social media site, for example, “https:\/\/twitter.com\/LoftOcean”. And you can also enter some text into “Link Text” field, it’s optional, and you can enter any text here. Just need to give a correct URL. Click “Add to Menu” button.<\/li>\n
  4. Repeat to enter your other social media sites’ links.<\/li>\n
  5. Find “Menu Settings<\/strong>” option > “Theme locations<\/strong>“, check the box before “Social Menu<\/strong>“.<\/li>\n
  6. Click on “Save Menu<\/strong>” button.<\/li>\n<\/ol>\n

    Please see the screenshot of editing the social menu as reference:<\/p>\n

    \"\"
    Manage Social Menu<\/figcaption><\/figure>\n

    And you can also manage social menu in the customizer (Appearance > Customize > Menus > find your Social Menu).<\/p>\n

    \"\"<\/p>\n

    Now your social menu is ready to use.<\/p>\n

    \n

    <\/a><\/p>\n

    Open the social icon link in a new tab when click<\/h5>\n
      \n
    1. When create\/edit a menu item, tick the box before “Open link in a new tab”<\/strong>.<\/li>\n
    2. If you can’t find the option, it is most likely hidden by default. Please scroll up to the top of the screen, and click the Screen Options<\/strong>, then make sure the Link Target<\/strong> box is checked.<\/li>\n
    3. Click on “Save menu”<\/strong> button to save the changes. Done.<\/li>\n<\/ol>\n

      \"\"<\/p>\n

      \"\"<\/p>\n

      \n
      Display social icons in site header<\/h5>\n

      Go to Appearance<\/strong> > Customize<\/strong> > Site Header<\/strong> > Header Layout<\/strong>, find the option Display Social Menu<\/strong>. Check the box to show your social menu in the site header.<\/p>\n

      \"\"<\/p>\n

      \n
      Display social icons in fullscreen menu<\/h5>\n

      Go to Appearance<\/strong> > Customize<\/strong> > Fullscreen Menu<\/strong> > Content Options<\/strong>, find the option Display Social Menu<\/strong>. Check the box to show your social menu in the fullscreen menu.<\/p>\n

      \n
      Add social icons into site footer bottom<\/h5>\n

      Go to Appearance<\/strong> > Customize<\/strong> > Site Footer<\/strong> > Content Options<\/strong> > Footer Bottom<\/strong>, enable the option Display Social Menu<\/strong>.<\/p>\n

      \n
      Add social icons into sidebar & footer widget areas<\/h5>\n

      Go to Appearance<\/strong> > Widgets<\/strong>, get into Sidebar<\/strong> or one of Footer Columns<\/strong>, click on the button “Add a Widget”<\/strong>, find the custom widget Eaven Social<\/strong>. Add this widget into the sidebar or footer column. Then you can choose to enter a title for it.<\/p>\n","protected":false},"excerpt":{"rendered":"

      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 Fallsky theme, we offer a special custom menu for adding your social media icons. Set up the social […]<\/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-13","post","type-post","status-publish","format-standard","hentry","category-social"],"_links":{"self":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":5,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/posts\/13\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loftocean.com\/eaven\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}