{"id":84556,"date":"2018-04-02T11:24:57","date_gmt":"2018-04-02T15:24:57","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84556"},"modified":"2018-04-02T11:26:23","modified_gmt":"2018-04-02T15:26:23","slug":"how-to-add-social-media-icons-to-wordpress","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-add-social-media-icons-to-wordpress.html","title":{"rendered":"How to add social media icons to WordPress"},"content":{"rendered":"<p>\r\n    Having Social Media buttons on your website is a great way to get customers engaged to follow you on different social media networks. We are going to show you how to implement social media icons through one of the smoothest ways &#8211; via sidebar with a help of an additional plugin.\r\n<\/p>\r\n\r\n<p>\r\n    The steps below will guide you on how to add social media icons to\r\n    WordPress:\r\n<\/p>\r\n<p>\r\n    Step 1. First of all, you need to select an extension you will use for adding your social icons. That might be the most time-consuming step. We\r\n    selected the \r\n    <a href=\"https:\/\/wordpress.org\/plugins\/menu-social-icons\/\">\r\n        Menu Social Icons\r\n    <\/a>\r\n    plugin, but we do not insist and do not limit you to a huge selection of various plugins.\r\n<\/p>\r\n<p>\r\n    Step 2. After installation and activation of the selected plugin, navigate\r\n    to <strong>Appearance&gt; Menus<\/strong>:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1.jpg\" alt=\"\" width=\"1024\" height=\"580\" class=\"alignnone size-full wp-image-84557\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1-300x170.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_1-768x435.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n<p>\r\n    Step 3. Here, you will need to create a new menu for your social icons by\r\n    clicking on the <strong>Create new menu<\/strong> button:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2.jpg\" alt=\"\" width=\"1024\" height=\"576\" class=\"alignnone size-full wp-image-84558\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_2-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n<p>\r\n    Step 4. In order to add the icon you need to locate custom links on the\r\n    left sidebar, select an icon, input the title and needed URL for the new\r\n    social icon:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3.jpg\" alt=\"\" width=\"1024\" height=\"576\" class=\"alignnone size-full wp-image-84559\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_3-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n<p>\r\n    Step 5. Once you added all the needed icons data, go to <strong>Appearance&gt; Widgets<\/strong>,\r\n    and locate <strong>Navigation (or Custom) menu<\/strong> widget:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4.jpg\" alt=\"\" width=\"1024\" height=\"577\" class=\"alignnone size-full wp-image-84560\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_4-768x433.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n<p>\r\n    Step 6. Add the widget to the needed <strong>Widget Area<\/strong> and set up with needed\r\n    configurations: input the title and select the menu you created on <strong>Step 3<\/strong>\r\n    from the dropdown list. Then, save the changes:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5.jpg\" alt=\"\" width=\"1024\" height=\"574\" class=\"alignnone size-full wp-image-84561\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_5-768x431.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n<p>\r\n    Step 7. The social icons have been successfully added to the website front-end:\r\n<\/p>\r\n<p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6.jpg\" alt=\"\" width=\"1024\" height=\"577\" class=\"alignnone size-full wp-image-84562\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/04\/Wordpress.How_to_add_social_media_icons_to_WordPress_6-768x433.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a>\r\n<\/p>\r\n\r\n<p>\r\n    In case you need to manage the icons style as color or content, feel free to check the detailed guide on how to work with FontAwesome icons:\r\n<\/p>\r\n<p>\r\n    <a\r\n        href=\"\/help\/wordpress-how-to-change-font-awesome-icons.html\"\r\n    >\r\n         WordPress. How to change FontAwesome icons\r\n    <\/a>\r\n<\/p>\r\n\r\n<p>\r\n    Now you know how to add social media icons to WordPress. We wish you a good luck in reaching a ton of customers!\r\n<\/p>\r\n<p>We hope this step-by-step guidance was useful for you. Feel free to check our <a href=\"https:\/\/www.templatemonster.com\/blog\/tag\/wordpress\/\" target=\"_blank\">blog<\/a> to learn more tweaks on how to manage your WordPress website as a guru of the web design!<\/p>\r\n<p>Check out the collection of <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" title=\"WordPress Themes\" target=\"_blank\">WordPress Themes<\/a> to view latest designs and learn more about WordPress features.<\/p>","protected":false},"excerpt":{"rendered":"<p>Having Social Media buttons on your website is a great way to get customers engaged to follow you on different social media networks.<\/p>\n","protected":false},"author":124,"featured_media":84563,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2326,2423],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84556"}],"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\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84556"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84556\/revisions"}],"predecessor-version":[{"id":84571,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84556\/revisions\/84571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84563"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}