{"id":40762,"date":"2015-01-15T11:05:58","date_gmt":"2015-01-15T16:05:58","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=40762"},"modified":"2016-04-12T05:45:24","modified_gmt":"2016-04-12T09:45:24","slug":"wordpress-how-to-make-social-icons-open-in-a-new-tab","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-make-social-icons-open-in-a-new-tab.html","title":{"rendered":"WordPress. How to make social icons open in a new tab"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial will show you how to make social icons open in a new tab in WordPress.<\/p>\r\n

WordPress. How to make social icons open in a new tab<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Please open your website and look for icons on the top. Click, for example, the first icon google+. You will see this icon is opened in the same tab:<\/p>\r\n

    \"screen1_icon_newtab\"<\/a>\r\n<\/li>\r\n

  2. \r\n

    In order to open this icon in a new tab, you will need to make some changes in the file. Go to your files (you can use FTP or hosting control panel) and find wp-content\\themes\\themeXXXXX\\static\\static-social-networks.php<\/strong> file. Also, you can use WordPress admin panel to edit the file. Log into Dashboard, go to Appearance -> Editor<\/strong> menu, select themeXXXXX<\/strong> – click the file static-social-networks.php<\/strong>. Locate the following line of code:<\/p>\r\n

    \r\necho '<li class="'.$social_networks[$i].'"><a href="'.of_get_option($social_networks[$i]).'" title="'.$social_networks[$i].'">\r\n<\/pre>\r\n
    You will need to add this code target=”_blank”<\/strong> at the end, so it will look as follows below:<\/p>\r\n
    \r\necho '<li class="'.$social_networks[$i].'"><a href="'.of_get_option($social_networks[$i]).'" title="'.$social_networks[$i].'" target="_blank">\r\n<\/pre>\r\n
     Click Update<\/strong> to save your file:<\/p>\r\n
    \"screen2_icon_newtab\"<\/a>\r\n<\/li>\r\n
  3. \r\n
    Check your site please. Click on your social icon. You will see the icon is opened in a new tab.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
    Now you know how to  make social icons open in a new tab.<\/p>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    WordPress. How to make social icons open in a new tab<\/a>\r\n<\/p>\r\n<\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial will show you how to make social icons open in a new tab in Wordpress.<\/p>\n","protected":false},"author":70,"featured_media":42763,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[674,617,860,977,1812,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/40762"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=40762"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/40762\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/42763"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=40762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=40762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=40762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}