{"id":798,"date":"2025-06-19T12:42:10","date_gmt":"2025-06-19T07:12:10","guid":{"rendered":"http:\/\/www.pinepl.com\/?p=798"},"modified":"2025-06-19T12:43:00","modified_gmt":"2025-06-19T07:13:00","slug":"how-to-add-font-awesome-icons-wordpress-websites-menus","status":"publish","type":"post","link":"https:\/\/veewom.com\/articles\/how-to-add-font-awesome-icons-wordpress-websites-menus.htm","title":{"rendered":"How to Add Font Awesome Icons to WordPress Websites Menus"},"content":{"rendered":"<p><b>How to Add Font Awesome Icons to WordPress Websites Menus<\/b> | Hello everyone in this article we will show you <strong>how to add font awesome icons to <\/strong>wordPress<strong> websites menus<\/strong> and customize your wordpress website, generally, wordpress themes can&#8217;t provide inbuilt menu icon and it&#8217;s not directly possible to add the icon on wordpress menu, so without time wasting start today article.<\/p>\n<p>In this article we will use a wordpress plugin called <a href=\"https:\/\/wordpress.org\/plugins\/font-awesome-4-menus\/\" target=\"_blank\" rel=\"noopener\">font awesome 4 menus<\/a>, you can directly download this plugin by click on link for details follow below step.<\/p>\n<h2><span class=\"hi\">Step #01:<\/span><\/h2>\n<p>Here first thing is to look below image, after look image we hope you understand some step if you don&#8217;t understand so please follow below step.<\/p>\n<ol>\n<li>Go to Plugins<\/li>\n<li>Click on Add New<\/li>\n<li>Search &#8216; Font Awesome 4 Menus &#8216;<\/li>\n<li>Click on Install Now Button<\/li>\n<li>Active This Plugin<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive aligncenter wp-image-11096 size-full\" src=\"https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4.png\" alt=\"How to Add Font Awesome Icons to WordPress Websites Menus\" width=\"1349\" height=\"661\" srcset=\"https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4.png 1349w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4-300x147.png 300w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4-768x376.png 768w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4-1024x502.png 1024w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-1-4-1200x588.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<h2><span class=\"hi\">Step #02:<\/span><\/h2>\n<p>Here is Step 2 and its\u00a0 step is final step to add icons on wordpress menus, here simply create a new menu and add some pages and categories on this menu for batter understanding so after creating a menu follow below step.<\/p>\n<ol>\n<li>Go to Appearance<\/li>\n<li>Click on Menus<\/li>\n<li>Click on Screen Options<\/li>\n<li>Enable CSS Class<\/li>\n<li>Click on any Menu Items<\/li>\n<li>Here you can see new option called CSS Classes Write you fa icons name here like &#8216;android,home &#8216;<\/li>\n<li>Save You menu<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"img-responsive aligncenter wp-image-11097 size-full\" src=\"https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1.png\" alt=\"How to Add Font Awesome Icons to WordPress Websites Menus\" width=\"1348\" height=\"660\" srcset=\"https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1.png 1348w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1-300x147.png 300w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1-768x376.png 768w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1-1024x501.png 1024w, https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/2017-03-17-2-1-1200x588.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>After complete above all step simple save your wordpress menu and refresh your website web page.<\/p>\n<h2>Final Word<\/h2>\n<p>We hope this article helped you learn how to easily change menu icons in wordpress. You may also want to see &#8211; <a href=\"https:\/\/veewom.com\/articles\/best-wordpress-hosting.htm\">Best WordPress Hosting Providers<\/a>.<\/p>\n<p>If you liked this article, then please share to social networking site. You can also find us on <a href=\"https:\/\/twitter.com\/veewom\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>,<a href=\"https:\/\/www.facebook.com\/pnepl\" target=\"_blank\" rel=\"noopener\">Facebook<\/a> and <a href=\"https:\/\/www.instagram.com\/veewom\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Add Font Awesome Icons to WordPress Websites Menus | Hello everyone in this article we will show you how to add font awesome icons to wordPress websites menus and customize your wordpress website, generally, wordpress themes can&#8217;t provide inbuilt menu icon and it&#8217;s not directly possible to add the icon on wordpress menu, &hellip; <a href=\"https:\/\/veewom.com\/articles\/how-to-add-font-awesome-icons-wordpress-websites-menus.htm\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Add Font Awesome Icons to WordPress Websites Menus&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":11095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[58,68,92,119,121],"class_list":["post-798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-custome","tag-how-to-add-icons-to-wordpress-menu","tag-menu-icon","tag-wordpress-menu","tag-wordpress-themes"],"featured_image_src":"https:\/\/veewom.com\/articles\/wp-content\/uploads\/2017\/03\/ss.png","author_info":{"display_name":"Editorial Staff","author_link":"https:\/\/veewom.com\/articles\/author\/admin"},"_links":{"self":[{"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/posts\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/comments?post=798"}],"version-history":[{"count":2,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/posts\/798\/revisions"}],"predecessor-version":[{"id":12205,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/posts\/798\/revisions\/12205"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/media\/11095"}],"wp:attachment":[{"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/media?parent=798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/categories?post=798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/veewom.com\/articles\/wp-json\/wp\/v2\/tags?post=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}