How to Add Social Media Icons to WordPress Menus - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPBeginner Video: 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.

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/

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

Published: Thursday, September 26, 2019 6:52 PM
Category: Wordpress WPBeginner

84 Views

Related Videos

How to Add Social Media Icons to WordPress Menus

by Best Webhosting Added 1 year ago 30 Views / 0 Likes

Do you Want to add social media icons in your WordPress menu? Many people like adding social media icons to their menu, but aren't quite sure how to do it. In this video, we'll show you how to easily add social media icons to your WordPress menu. ---Links--- ►Insert Headers and Footers https://wordpress.org/plugins/insert-headers-and-footers/ ►Written Tutorial- How to Add Social Media Icons to WordPress Menus (Easy Way) https://www.wpbeginner.com/plug
Popular
Hexagonal social media icons - font Awesome Icons - How to add social media icons - Online Tutorials

by Best Webhosting Added 4 years ago 119 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Popular
Use WordPress Social Media Icons To Promote Your Social Media Profiles

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Use WordPress Social Media Icons To Promote Your Social Media Profiles https://youtu.be/DaLV0wEg8Tw Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL WordPress social media icons sit in the sidebar of your site and visually display links to all of your social media accounts. It's a great way to make people aware of your social presence and engag
Popular
Social Media Sharing Button UI Design 2 - Floating Social Media Icons Using Html CSS And Javascript

by Best Webhosting Added 4 years ago 116 Views / 0 Likes

Also watch : Pure CSS Social Media Sharing Button UI Design 1 https://www.youtube.com/watch?v=FK8GyTdnfyw Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ
Popular
Responsive social media icons - Html5 CSS3 Responsive Social Media Buttons - Css Icon Hover Effects

by Best Webhosting Added 4 years ago 115 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Social Media Icons Hover Effect using HTML & CSS | Font Awesome Icons

by Best Webhosting Added 3 years ago 74 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Sliding Social Media Icons - Css3 Hover Effects - how to use font awesome icons - Pure CSS Tutorials

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
How to Add Social Media Icons in Your WordPress Sidebar

by Best Webhosting Added 4 years ago 84 Views / 0 Likes

Displaying social media buttons on your site will help encourage your users to follow you on your different social networks. With the methods available, this video will show you one of our recommended methods to add social media icons to your WordPress sidebar. Text version of this tutorial: http://www.wpbeginner.com/plugins/how-to-add-social-media-icons-in-your-wordpress-sidebar/ If you liked this video, then please Like and consider subscribing to o
Popular
24 - Social Media Icons on Tesseract in WordPress - 2016

by Best Webhosting Added 4 years ago 101 Views / 0 Likes

Add social media icons to your Tesseract theme in WordPress. Add as many as 10 (but that may be too many!). Visit http://www.tyler.com for the course.
Everything I Use On My WordPress Website - My Page Builder, Theme, Social Media Icons, LMS System

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

Everything I Use On My WordPress Website - My Page Builder, Theme, Social Media Icons, LMS System The links to most of the products are here: https://www.wpcrafter.com/recommended/ One of the top questions I get daily is, how I do certain things on my website. In the video I share with you how I did the most commonly asked things on my site. Listen, I want to be a "mostly" open book, so please ask any questions in the comment section that I may not ha
18 - Create Your Logo & Social Media Icons

by Best Webhosting Added 4 years ago 96 Views / 0 Likes

Learn how to create a logo and create social media icons at http://www.logomakr.com View the course at http://www.tyler.com
Popular
Magento. How To Manage Social-Media Sharing Icons

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

This video tutorial is going to show you how to manage social-media sharing icons in Magento template. Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts231 Discover more about Ketty Magento Theme: http://www.templatemonster.com/magento-themes/53638.html?utm_source=youtube&utm_medium=link&utm_campaign=magtuts231 More Magento Video Tutorials: https://www.youtube.co