Add data-icon input to WordPress custom menu links

Another option is to toggle the CSS Classes checkbox under screen option, WP Admin > Appearance > Menus, and attach the icon to a CSS class.

And add your icons using psuedo selectors to the CSS class.

enter image description here

enter image description here

Related Posts:

  1. Programmatically add a Navigation menu and menu items
  2. Dynamically exclude menu items from wp_nav_menu
  3. Split up wp_nav_menu with custom walker
  4. Is there an easy way to replace a custom menu link with a page or post?
  5. How to Add to Each Menu Link with link text to data-attr?
  6. Add Javascript to WordPress Menu
  7. Filter wp_nav_menu()
  8. How to modify navigation menu of the “My Account” page in WooCommerce
  9. Custom ID for certain menu item?
  10. Show just one level of child pages, wp_list_pages woe
  11. Removing link ” from ” menu for some “links” without JS
  12. Show current navigation path from menu
  13. Call custom field into menu item
  14. Use navigation path from menu for permalink
  15. Exclude Private, Draft pages from Primary Nav when using custom menu
  16. add span class inside wp_nav_menu link anchor tag
  17. wp_nav_menu always falls back to a menu
  18. wp_get_nav_menu_items how to exclude sub level menu items?
  19. Multi Level Bootstrap Navigation Menu in WordPress
  20. How to set limit only on top levels of wp_nav_menu?
  21. Determine if a navigation item has children
  22. Bootstrap dropdown nav pills not working with wp_nav_menu()
  23. Show only 2nd level of navigation depending on active navigation
  24. How to move parent li to end of child ul
  25. How to get a different mobile menu than desktop menu in the twentytwelve child theme
  26. Add custom attributes to menu items without plugin
  27. Add Page ID class to nav menu items
  28. How to highlight the right item in the navbar
  29. HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
  30. How to manually add an item to a submenu in a menu generated by wp_nav_menu?
  31. WordPress Export Import Site Navigation Menu
  32. Using Image Links in WordPress Navigation Menus Instead Of Text Links
  33. Links open only on new tab or window
  34. Not able to get current menu ID
  35. Bar separated navigation by extending Walker_Nav_Menu
  36. Add class to active top level (grandparent) menu item
  37. Bar separated navigation by extending Walker_Page
  38. Disguise Multi-Page site as Single Page
  39. Replace menu tag with tag
  40. How to Create a Custom WordPress Navigation Menu with the Code?
  41. Custom Nav Walker sub-menu HTML construct
  42. How to get Menu Navigation Labels to output HTML
  43. custom menu not found
  44. How to style current page menu item when using a walker
  45. Adding different classes to anchor in navigation menu
  46. Number of items in a menu
  47. wp_nav_menu doesn’t generate parent/ancestor classes
  48. Add Bootstrap dropdown class to a nav menu
  49. How to add text before WordPress menu item href
  50. how to automatically generate hierarchical menus from hierarchy of pages?
  51. Search box as a menu item in the nav menu output by wp_nav_menu?
  52. Add an extra field to the navigation menu box?
  53. Why is ‘nav_menu_item_args’ filter’s $item argument empty?
  54. WordPress wp_nav_menu with a nav tag
  55. Add class to menu ul with active child
  56. How can I put two menus in the same div?
  57. How do i style the current menu anchor link’s parent anchor link? [closed]
  58. Does the menu item ID ever change?
  59. Add sidebars to navigation menu?
  60. Make compatible custom menu widget for Twitter Bootstrap
  61. Hide and show menu subpages
  62. BuddyPress – How to add logout in nav menu
  63. Second nav is merged with the first in mobile
  64. How to add a parameter to links in the nav menu?
  65. `start_el` depth argument in custom nav walker always evaluates to zero
  66. Benefits of using Nav Walker?
  67. Use walker for specific menu, or avoid use of walker
  68. Change where navigation bar links?
  69. How to display dynamic content in start_lvl function
  70. Programmatically set current-menu-item using wp_nav_menu
  71. Nav Walker current menu item not displaying
  72. Using Shortcodes in WP-Menus in WP 3.1 (via nav_menu_objects)?
  73. Add custom text to menu
  74. Menu styling for last menu item
  75. How to insert custom code into wp_nav_menu structure?
  76. Page-Linking Structure
  77. Disable automatig SVG tag from menu
  78. Navigation (wp_nav_menu) refuses to nest within parent element
  79. has_children in custom nav_walker
  80. Menus like a CMS
  81. Remove li from wp_nav_menu
  82. Disabling ‘posts’ in Appearance > Menus
  83. Adding post excerpt into navigation menu
  84. How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
  85. Adding Custom “Current Menu Item” class to navigation?
  86. Replace menu permalink/hyperlink with only menu name/slug
  87. wp_nav_menu add some element to container
  88. Use wp_nav_menu to display ALL pages
  89. Third level navigation class
  90. How to fix “Supplied nav_menu_item value missing property” after update to WordPress 5.0
  91. How to add a submenu toggle button inside all “li” elements that have a submenu?
  92. get_query_var(‘post_type’) not returning in a filter
  93. Add custom menu item metabox in Navigation Settings
  94. Auto add pages to primary menu with functions.php
  95. Check if menu id = $specific_id – then insert specific
  96. Get admin menu link
  97. wp_nav_menu including Skype URL
  98. Find out if a page has no parent
  99. Hide Menu Unless Logged In
  100. Prev / Next menu item

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)