How To Add Menu Icons to your WordPress Site In Under 3 Minutes 🏠
ฝัง
- เผยแพร่เมื่อ 22 ก.พ. 2017
- Start adding icons to WordPress menus, no matter what theme you are using with Menu Icons plugin. This tutorial includes a step for adding Social Icons with links to your favorite social networks.
Here are the steps:
Step 1: Download and activate the Menu Icons plugin: wordpress.org/plugins/menu-ic...
Step 2: Go to Admin Dashboard ➡ Appearance ➡ Menus and to the bottom left to expand the "Menu Icons Settings" tab, ensure Font Awesome is checked then click Save Changes
Step 3: Add a Custom Link to the menu if you desired to add a social network:
Step 4: Expand the menu and then click Select next to the icon.
Step 5: Click Font Awesome then search for the icon you wish. After clicking on the icon hide the label and select the size of the icon you wish to have:
Step 6: Save your menu and check your website!
==========================
Other Useful Links and Videos that will help you build your website:
30+ Free and Premium WordPress Themes: themeisle.com/wordpress-themes/
Top Free & Premium WP Plugins: themeisle.com/wordpress-plugins/
Check out our latest WordPress Tutorials on our blog: bit.ly/2kqDz99
Get in touch with us on Social Media.
Facebook: / themeisle
Twitter: / themeisle
Please Like and Share if you liked this video or feel free to post a comment.
We post a NEW VIDEO every other day so be sure to SUBSCRIBE to our channel ➛ goo.gl/RFB75x. - แนวปฏิบัติและการใช้ชีวิต
🔔 We post a NEW VIDEO every week so SUBSCRIBE to our channel ➛ goo.gl/RFB75x
ThemeIsle Rr
Select from media library is a good addition to this plugin Thanks for this plugin
Thanks for your honest interactions! I am happy to answer any questions you might have about what I mentioned in this video.
Can I add my own icons?
This is not working in combo with the oblique theme for me, it's still showing blank boxes
Thank you sir! this icon menu plugin is very productive to use:)
I know, thanks. I am using it on my sites too.
I using your plugin on my sites and it is amazing :-) It should be included in WordPress installation
Thank you Patrik. Good idea :-)
Amazing Thank you!! 😁🙌
Thank you too, Patricia :-)
Can the icon be added over the menu text rather than before or after?
Nice video sir
Love you from india❤️❤️❤️❤️
Hey, how can I create a navigation menu in several rows having icons? Not in the header of my website but just below the header and it must be in several rows and with icons. Please help me out.
An optional setting for „hide icon on mobile“ would be fantastic and very helpful! Any chance of an updated version?
That is a great idea. We've sent it to our developers so they could consider adding it to an upcoming release of the plugin.
Hello, I want an icon to change its color when I click on it and this color will be disappeared when I click on another icon.
Instagram and Pinterest don't have social icons available in Mecu Icons. What would you suggest in this case?
Hi Cris! The WordPress repository is huge so I am sure you can find something there. This for example: wordpress.org/plugins/menu-social-icons/
thank you
Thank you too :-)
how add costume img?
thank you so much sir jii love you a lot
Why zillah theme is removed from the site?
The SOCIAL ICONS no open in other page (tab), is cool open in NEW PAGE the social icons
How can you choose a 3 bar icon to position top right in desktop and then have pages linked to that? For this you are setting multiple icons but your wp menu icon image suggests this is a wp plugin that can do this? Thanks.
Well, that is a graphic element which can be used as many times as you want in your menu.
There's something wrong for me,it doesn't work.I managed to set up 7 icons(for my total of 13 products in menu),I couldn't set up images for the other 6,but they dissappear,one by one,only 3 remained by now.Can I speak to someone to assist me?
Can't seem to find a way for the icon to be at the top of a menu item text.
did u solve this problem? i have the same
Hey i have a Question.
Is there a way to add Icons without Text?
Thank you
I think you can try to delete the content within the text fields of the menu elements and this way you'll get what you want :-) Try it out and let us know if it worked.
@@ThemeIsle didn't wokr, the full menu tab will disappear
What I should do if I need telegram and WhatsApp icons ?
Good question Мельников. For now, you can use only the available icons.
We cant add custom svg icon?
Hi, Ismail. Unfortunately, there is no option for doing that now.
the icon color is blue, how can i make it black?
I think you can use CSS to change that color.
From WP Dashboard : Appearance => Customize => Theme Design => Menu
Can I add my own custom icons
There is no way to do that, for now I guess.
why does the icon hide the link name in mobile devices
Hello,
Just to clarify, the reason for the simplified menu on mobile devices is to prevent overcrowding and improve usability. This is the default behavior.
Add minutes