Get custom classes in WordPress Navigation Menu

You can do this easy way or hard way. Hard way would be you creating custom functions to remove all menu classes and add FontAwesome icons accordingly.

And easy way would be this.

Go to Appearance > Menus

And add FontAwesome icons in menu items. Like this.

menu

Note: You don’t need to change page titles on each page. Just menu labels.

Related Posts:

  1. Does Extending Multiple Nav_Menu_Walkers Allow Nested Menus?
  2. wp_nav_menu remove class and id from li
  3. Add separator to admin submenu
  4. On which hook should I be calling register_nav_menu(s)?
  5. How to use a WordPress’ existing admin icon?
  6. Menu is not visible in appearance
  7. One site, 2 distinct sections: two different top nav menus?
  8. Make Theme automatically choose default nav menu
  9. How can I disable parent menu item links?
  10. Organizing by super-categories (or nested categories)?
  11. Nav menu items disappearing (but not immediately)
  12. Add custom SVG icons to Social Icon MENU in WordPress Twenty Seventeen Child Theme
  13. How to get Menu Navigation Labels to output HTML
  14. wp_nav_menu custom walker – child items
  15. wp_nav_menu doesn’t generate parent/ancestor classes
  16. Add static item to wp_nav_menu
  17. How to get wordpress nav menu outside of wordpress system?
  18. Add nav menu CSS class to body
  19. Change HTML structure for custom menu in sidebar
  20. Using Shortcodes in WP-Menus in WP 3.1 (via nav_menu_objects)?
  21. Custom Admin Menu Order
  22. Current menu item
  23. How to show Home Page link in WordPress Menu and how to add an icon to this?
  24. remove everything from wp_nav_menu
  25. How to add wechat (weixin) link to navigation menu?
  26. Admin only menu/page
  27. Best way to customise wp_nav_menu [duplicate]
  28. How to add custom classes to more than one separate menu’s a link in wordpress?
  29. How do I separate link levels in a custom menu walker?
  30. SlideDeck 2, make back-end visible for admins only
  31. pull non-wp site into content area of wordpress -or- pull wp header into non wp site?
  32. Help with walker for nav
  33. Create custom page and add it in nav menu by code
  34. Using my WordPress menu on another platform
  35. Remove a menu sub-item
  36. How to add html attributes to the “ul” html tag with “wp_nav_menu” function?
  37. Using _s theme, menu changes do not affect header menu
  38. Limit User Iinterface for Admin?
  39. Make pages visible to only logged in members
  40. Replace the slug of parent pages with # [closed]
  41. How to undo the last changes to a custom menu?
  42. Filter to hook into menu items and add a custom attribute
  43. I can’t add more pages to menu – menu delete pages
  44. how to add home icon instead of text in wordpress menu
  45. Responsive menu on genesis theme [closed]
  46. How to open a lightbox form from a navigation menu item
  47. How to create this kind of sub-menu in new line?
  48. Hide custom menu when when no menu selected
  49. Where to place a svg chevron down in my custom walker?
  50. Add a data attribute to list item element in menu
  51. how to display wordpress navbar with top menu outside wordpress system
  52. Creating and populating custom nav menu (menu-item-position not working)
  53. custom rearranged menu with excerpt for selected children in sidebar.php
  54. wp_nav_menu in 3.7 add name class nav navbar-nav
  55. Menu – custom structure
  56. custom walker to add iconfont to wp_nav_menu
  57. how to add fa fa icons customize menu using wp_nav_menu function?
  58. How To Add Class To Style Search Box
  59. After WordPress 4.8 upgrade, wp_nav_menu() string search / replace not working
  60. Icon not shown in Dropdown menus in Twenty Seventeen Theme
  61. How to change mobile menu (toggle) icon in WordPress – Full Site Editing?
  62. Add Class to Specific Link in Custom Menu
  63. wp_nav_menu() loses ‘current-menu-*’ classes on single product page within category
  64. How is custom menu hierarchy output handled?
  65. How to fix strange 500 Error after Editing Menu?
  66. Override custom menu widget
  67. Placing widget to menu
  68. container_class doesn’t seem to be working
  69. Walker_Nav_Menu: Items not nested correctly
  70. Loop through Navbar, Output Icons
  71. How to display dynamic content in start_lvl function
  72. Partial refresh of menu in customizer not working?
  73. Disable automatig SVG tag from menu
  74. next_post_link() on custom menu structure
  75. Custom walker with hashes instead of links (one-page layout)
  76. wp_nav_menu() showing list in a different Position?
  77. Using website header, menu and footer on WordPress blog
  78. Can only get one of two custom menus to display
  79. How should I build a custom menu walker for this setup?
  80. How to align last 3 menu items to the right – WordPress main menu [closed]
  81. WordPress Menu adds an unwanted slash before anchor
  82. How to automatically redirect to first item of second navigation level in a multi-level menu?
  83. Change link in menu on condition
  84. add_menu_page does not render the expected result
  85. Getting the WordPress custom menu titles and outputting them in a theme
  86. Second Level Menu
  87. Is there any difference between widgets (used in order to manage menus) and register_nav_menus() in terms of performance?
  88. Adding menu title to custum URL
  89. Parent Menu Item Requires Two Clicks for Mobile Device
  90. How to create a custom menu for specific user
  91. Product categories are mixed when creating menu
  92. Iterate through each menu item into a shortcode
  93. Image menu on responsive WordPress
  94. Set a different home link in nav menu
  95. Auto Filled Custom Menus for Custom Post Types?
  96. I want my homepage navbar to have different styling to the rest of my site, how can I do this?
  97. Problems with draft website pages
  98. Active Navigation Class Based on URL on icon
  99. Rename Menu icon in Twenty seventeen theme
  100. WordPress Menu – Adding a new dynamic element to the menu