Blog

WEBFI-WordPress-How to Add Social Media Icons to WordPress Menus



Do you want to add social media icons in your WordPress menus? While WordPress does not come with a built-in social media profile section, you can easily use your WordPress menus to add and display social icons on any widget-ready area in WordPress. In this video, we’ll show you how to add social media icons to WordPress menus.

Use Promo Code WPBVIP
►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin https://aioseo.com/
►Best Landing Page Builder for WordPress https://www.seedprod.com/
►Best WordPress Giveaway Plugin https://rafflepress.com/

–Related Videos–

►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90

Timestamps

0:00 Intro
0:14 How to install Menu Image plugin
0:40 How to create a social media menu
1:22 How to set the social media image to the menu
1:46 Where to find royalty free social media icons

For this tutorial we will be using the Menu Image plugin found here:

https://wordpress.org/plugins/menu-image/

With that plugin installed and activated, you can now go under Appearance, Menus to create your social media menu. We’ll be creating a new menu by clicking the create a new menu link and naming it Social media.

We’ll add a few custom links to our different social media profiles using the Custom Links section. With the plugin being active, you should now see a Menu image button that you can click to upload an image of your choice if you don’t have an icon you want to use we have a list of free icon sets you can use here:

https://www.wpbeginner.com/showcase/16-best-free-social-media-icon-sets-for-wordpress/

Now that you have an uploaded image you can select the image size, the plugin generates image sizes for you to select from. You can decide if you want the title visible with your icon or if you want to completely hide the text and only have the icon visible. Now when you visit your site, you can see the icons in your menu area instead of text.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/plugins/how-to-add-social-media-icons-to-wordpress-menus/

— Related Content —

-WordPress Tutorial [UPDATED] – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

49 Comments

  • Ghaleon on May 2, 2020

    What if I need to add social icons menu beside an existing menu?

  • Nancy B. on May 4, 2020

    Thank you so much for having this video 👍

  • sahil b on May 12, 2020

    Have you done any tutorial for any theme of WordPress.

  • Necip Camcigil on May 19, 2020

    Thanks for this video. Quick question. my website is onelifedxb.com and when I follow the above instructions, no matter how high res my icons are in the source png, they appear fuzzy on my site. Do you have any idea why? It's the whatsapp logo top right as well as the location pin top right. If you notice to the left of it, I have very crisp twitter, instagram and facebook icons, those are from the 'social links' menu, but when I add the same links for google maps and whatsapp there, the icons don't show up. I don't mind if the icons are on social links, or on the menu beside it, I just hate the blurry icons so would appreciate any help..

  • Petia Nikolova on May 28, 2020

    This was very cool. Thank you!

  • Christina Jolérus on May 29, 2020

    Thanks for the tutorial! Several of the links to the icon sets are not up to date though, and can't be used: https://www.wpbeginner.com/showcase/16-best-free-social-media-icon-sets-for-wordpress/

  • Danish__official on June 4, 2020

    Thank you, It was a super easy and useful video.!!

  • SA QUIZ on July 1, 2020

    Thank you, this was very helpful

  • BrevardLady on July 14, 2020

    Thank you!

  • Adil Ramadhan on July 16, 2020

    how to i can creat the icon media social at the footer?

  • Ruth Ballard Art on July 16, 2020

    Thought it worked and it did and my icons are all in there but they've replaced all my menus to click to go to my other pages. What did I do wrong?

  • ROMEO LINDELANI on July 17, 2020

    thanks

  • Un[Box]ed Karaoke on July 30, 2020

    Does not give me the ability to add image

  • Kurayami Hikari on August 12, 2020

    Does this work for secondary menu as well?

  • Julia Grześkowiak on August 12, 2020

    Hi, how can I move the icons? I would like them to go to the right side or place them one below the other. Thanks!

  • Nora Williams on August 20, 2020

    So these icons when installed will link to your site? These are not the ones that simply share to your site? I had installed social warfare but the icons they have only share. I want someone to be able to click on and go to my actual Facebook page.

  • Abdulla Shafi on August 31, 2020

    awesome !thank you .

  • ilia on September 4, 2020

    thank you very much

  • Jonathan Mora on September 9, 2020

    Like like like y otro like THANK YOU

  • Joel on September 10, 2020

    This is great thank you. One issue how do I remove the title from the mobile version so I just can see the icon?

  • My Poocha on September 23, 2020

    This is the one of the best WordPress channel, i have ever seen. short and thoughtful for beginners. keep going

  • NevardArt on September 28, 2020

    Sanity reinstated, thank you!

  • Felipe on October 7, 2020

    anybody can do it with plugins….

  • Melissa Gouffray on October 14, 2020

    Help..on my Menu settings the footer is not coming up as an option. I prefer the buttons to go at the bottom of the page.

  • مقاطع متنوعة on October 14, 2020

    did not work

  • Katerina Ntanaka on October 28, 2020

    hey! Can I use this on my contact page?

  • David Mucsi on October 28, 2020

    Hi, thank you for the vdeo, but, unfortunately, in the custom link, I cannot add an image to it, only the URL and the label are shown. Do you have any idea what could be the problem?

  • Brandon Longcrier on December 1, 2020

    My dashboard is setup very different than this one. I remember this one and I loved it, but mine is different. I have to go through Customize and Active Site to get to Menus. I was able to create a new menu and add a custom link, but nowhere is there a 'Set Image' button. I activated the plugin as well. I'm trying to figure it out, but if you have any suggestions, then I'm all ears.

  • Mohammad Jabed Hosen on December 2, 2020

    Thank you very much Mam

  • Secure Fumigation on December 8, 2020

    nice, i am very impressed this my fumigation please check7 reply https://securefumigtion.com

  • Adegite Rhoda on January 11, 2021

    thank you, its was super easy, can"t believe i was able to do it at one blow. thanks to you once again

  • Gianluca Ottani on January 12, 2021

    I don' t see the set image even if I have the plug in active ..I am missing something?

  • Geoffrey Fai on February 9, 2021

    mine were displayed vertically, how to line up the icon horizontally ?

  • Cod Master on March 6, 2021

    dasdfWB NJKLDFDFW DFW DFW DFW GHODFYWEFSDGV

  • Sam Bond on March 21, 2021

    On the dropdown menu there was no way to set the image, even after I installed the Plugin, Menu Images. There was something that said I also had to install Font Awesome, so I downloaded that as well, but it's still not showing up. Any ideas what I'm doing wrong? And thank you. Other than this little snag it was going swimmingly.

  • Neptunes Aquariums on March 28, 2021

    Don’t see the option to add custom image, has something changed?

  • Jennifer Mansell on April 7, 2021

    Thank you this was great!! I actually managed to do it on my own with the help of this tutorial. I have never created / edited a wordpress site before so I need all the tutorials I can get!! This was so helpful and simple

  • David Owen on April 10, 2021

    ive used this and managed to get my links into my site- but it replaces the links to my other pages? how would i change that?

  • C W on April 19, 2021

    The “set image” option isn’t coming up? Any suggestions?

  • There is no option to add a picture – all weas doing really well but it gets stuck at no image option. Also, l have no option for "primary menu", l only have… Auto add pages Automatically add new top-level pages to this menu Display location Header Menu (Currently set to: Main Menu) Extra Menu (Currently set to: Footer Menu) Sidebar Menu.
    How do l add the image?

  • CSamurai on June 7, 2021

    The plugin doesn't seem to be working for me. The image option is not displaying under the custom link.

  • iWantJeff on June 9, 2021

    Why the Menu image it doesnt show ? how to activated that ? i already activate the menu image

  • mantenimiento on June 13, 2021

    No "Set Image" button on mine. So much for easy

  • Paige Copeland on June 26, 2021

    so I've followed step by step and mine is not showing set image at all, please help x

  • Nzubechi Amanze on July 22, 2021

    Can it appear on all post pages 😔😔😔

  • Osmaan Mooraby on July 30, 2021

    No longer Works

  • Irene De Santis on August 22, 2021

    Fantastic, great! Thank you!

  • Aaron Rouse on August 24, 2021

    Once I expand it after putting in the links m, the image option is not there. Any suggestions?

  • beef chaofan on September 20, 2021

    I tried downloading this plugin but the upload image didnt appear on my end 🙁

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By Marquez.Group
error: WEBFINET SECURITY IS ON