{"id":279835,"date":"2026-02-21T00:39:16","date_gmt":"2026-02-21T00:39:16","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/enable-navigation-icons\/"},"modified":"2026-03-18T22:15:32","modified_gmt":"2026-03-18T22:15:32","slug":"enable-navigation-icons","status":"publish","type":"plugin","link":"https:\/\/ltz.wordpress.org\/plugins\/enable-navigation-icons\/","author":17267421,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.2.0","stable_tag":"0.2.0","tested":"6.9.4","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Enable Navigation Icons","header_author":"Trent Stromkins","header_description":"Easily add icons to Navigation Block items.","assets_banners_color":"23507f","last_updated":"2026-03-18 22:15:32","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/bmx269\/enable-navigation-icons","header_author_uri":"https:\/\/smallrobot.co","rating":5,"author_block_rating":0,"active_installs":10,"downloads":303,"num_ratings":1,"support_threads":1,"support_threads_resolved":1,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"bmx269","date":"2026-02-21 00:38:52"},"0.1.1":{"tag":"0.1.1","author":"bmx269","date":"2026-03-04 22:12:34"},"0.2.0":{"tag":"0.2.0","author":"bmx269","date":"2026-03-18 22:15:32"}},"upgrade_notice":{"0.2.0":"<p>New icon vertical alignment and offset controls for multi-line menu items. Fixes submenu icon sizing.<\/p>","0.1.1":"<p>Bug fixes for submenu icon rendering and custom icon insertion.<\/p>","0.1.0":"<p>Initial release of Enable Navigation Icons.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3466152,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3466152,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3466152,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3466152,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0","0.1.1","0.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3466152,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3466152,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Icon selection interface showing library, media, and custom SVG options","2":"Icon positioning and styling controls in the block sidebar","3":"Navigation block with default icon settings panel","4":"Example navigation with icons in various styles and positions"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[148857,148076,498,1865,1753],"plugin_category":[43,50],"plugin_contributors":[256293],"plugin_business_model":[],"class_list":["post-279835","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-gutenberg","plugin_tags-icons","plugin_tags-menu","plugin_tags-navigation","plugin_category-customization","plugin_category-media","plugin_contributors-bmx269","plugin_committers-bmx269"],"banners":{"banner":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/banner-772x250.png?rev=3466152","banner_2x":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/banner-1544x500.png?rev=3466152","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/icon-128x128.png?rev=3466152","icon_2x":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/icon-256x256.png?rev=3466152","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/screenshot-1.png?rev=3466152","caption":"Icon selection interface showing library, media, and custom SVG options"},{"src":"https:\/\/ps.w.org\/enable-navigation-icons\/assets\/screenshot-2.png?rev=3466152","caption":"Icon positioning and styling controls in the block sidebar"}],"raw_content":"<!--section=description-->\n<p>Enable Navigation Icons makes it simple to add and customize icons for your WordPress Navigation Block items. Whether you're building a simple menu or complex mega menu navigation, this plugin provides intuitive controls for adding beautiful icons to your navigation links.<\/p>\n\n<p><strong><a href=\"https:\/\/playground.wordpress.net\/?blueprint-url=https:\/\/raw.githubusercontent.com\/bmx269\/enable-navigation-icons\/main\/blueprint.json\">Try it in WordPress Playground<\/a><\/strong> \u2014 test the plugin instantly in your browser, no installation required.<\/p>\n\n<p><strong>Recommended Companion Plugin:<\/strong> Use the <a href=\"https:\/\/wordpress.org\/plugins\/icon-block\/\">Icon Block<\/a> plugin to add custom icon sets and expand your icon library options. Icon Block is a powerful companion that allows you to register additional icon libraries for use with Enable Navigation Icons.<\/p>\n\n<h4>Key Features<\/h4>\n\n<p><strong>Icon Selection<\/strong>\n* Browse and select from a curated collection of WordPress icons\n* Upload and use custom SVG icons from your media library\n* Paste custom SVG code directly for complete flexibility<\/p>\n\n<p><strong>Icon Positioning<\/strong>\n* Position icons before or after navigation link text (left\/right)\n* Space between justification for full-width layouts\n* Vertical alignment options (top, center, bottom) for multi-line menu items\n* Fine-tune icon position with vertical offset (supports px, %, em, rem units)<\/p>\n\n<p><strong>Icon Styling<\/strong>\n* Adjust icon dimensions with a slider control (supports px, em, rem units)\n* Control the gap between icon and text (supports px, em, rem units)\n* Choose from theme colors or set a custom color\n* Support for stroke-based icons with \"No Fill\" option (e.g., Lucide icons)<\/p>\n\n<p><strong>Navigation Block Default Settings<\/strong>\nSet default icon settings at the Navigation block level that apply to all child navigation items:\n* Configure size, spacing, color, position, vertical alignment, offset, and styling once for the entire navigation\n* Individual navigation items can inherit defaults or use custom settings\n* Works seamlessly with multiple and nested Navigation blocks\n* Applies to both inline navigation items and dynamically loaded WordPress menus<\/p>\n\n<p>This feature streamlines icon management for large navigation menus by eliminating repetitive configuration while maintaining flexibility for individual items.<\/p>\n\n<p><strong>Ollie Menu Designer Integration<\/strong>\nFull support for the Ollie Menu Designer plugin's mega menu dropdown items:\n* Add icons to Ollie mega menu dropdown navigation items\n* Same icon selection and styling options as standard navigation items\n* Works seamlessly with Ollie themes and the Menu Designer plugin<\/p>\n\n<h4>Supported Blocks<\/h4>\n\n<ul>\n<li><code>core\/navigation<\/code> - Navigation block (for setting default icon settings)<\/li>\n<li><code>core\/navigation-link<\/code> - Standard navigation links<\/li>\n<li><code>core\/navigation-submenu<\/code> - Submenu\/dropdown navigation items<\/li>\n<li><code>ollie\/mega-menu<\/code> - Ollie Menu Designer dropdown menu items (requires Ollie Menu Designer plugin)<\/li>\n<\/ul>\n\n<h4>Credits<\/h4>\n\n<p>This plugin was inspired by and incorporates code and ideas from the <a href=\"https:\/\/github.com\/ndiego\/enable-button-icons\">enable-button-icons<\/a> project. Special thanks to @ndiego for his excellent work on button icon functionality, which served as a foundation for implementing navigation icon features.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/enable-navigation-icons<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Add or edit a Navigation block in the block editor.<\/li>\n<li>Select a navigation link or submenu item.<\/li>\n<li>Click \"Add icon\" in the block toolbar to get started.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20any%20theme%3F\"><h3>Does this work with any theme?<\/h3><\/dt>\n<dd><p>Yes! Enable Navigation Icons works with any WordPress theme that supports the block editor and Navigation blocks.<\/p><\/dd>\n<dt id=\"can%20i%20use%20custom%20svg%20icons%3F\"><h3>Can I use custom SVG icons?<\/h3><\/dt>\n<dd><p>Absolutely! You can use icons from the built-in library, upload SVG files from your media library, or paste custom SVG code directly.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20wordpress%20menus%3F\"><h3>Does this work with WordPress menus?<\/h3><\/dt>\n<dd><p>Yes! The plugin works with both inline navigation items and dynamically loaded WordPress menus.<\/p><\/dd>\n<dt id=\"can%20i%20set%20default%20icon%20settings%20for%20the%20entire%20navigation%3F\"><h3>Can I set default icon settings for the entire navigation?<\/h3><\/dt>\n<dd><p>Yes! Select the Navigation block (parent container) and configure default icon settings that will apply to all child navigation items. Individual items can still override these defaults if needed.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20ollie%20menu%20designer%20plugin%3F\"><h3>Does it work with the Ollie Menu Designer plugin?<\/h3><\/dt>\n<dd><p>Yes! The plugin fully supports Ollie Menu Designer's mega menu dropdown items with the same functionality as standard navigation items.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.2.0<\/h4>\n\n<ul>\n<li>Add icon vertical alignment option (top, center, bottom) for multi-line menu items<\/li>\n<li>Add icon vertical offset for fine-tuning icon position (supports px, %, em, rem units)<\/li>\n<li>Add WordPress Playground support for local development and testing<\/li>\n<li>Fix icon size and spacing not applying to submenu\/dropdown items rendered as button elements<\/li>\n<li>Update Node.js to 22 LTS and update npm dependencies<\/li>\n<\/ul>\n\n<h4>0.1.1<\/h4>\n\n<ul>\n<li>Fix submenu icon not appearing on parent item when children have their own icons<\/li>\n<li>Fix icon injection for submenu items rendered as button elements (click-to-open mode)<\/li>\n<li>Fix icon styles leaking from parent submenu into child navigation items in editor and frontend<\/li>\n<li>Fix block error when adding custom icon to navigation item with no existing icon<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Icon selection (library, media, custom SVG)<\/li>\n<li>Icon positioning (left\/right, space between)<\/li>\n<li>Icon styling (size, spacing, color, no fill option)<\/li>\n<li>Navigation block default settings<\/li>\n<li>Support for core\/navigation-link and core\/navigation-submenu blocks<\/li>\n<li>Support for Ollie Menu Designer mega menu blocks<\/li>\n<\/ul>","raw_excerpt":"Easily add icons to Navigation Block items in WordPress.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/279835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=279835"}],"author":[{"embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bmx269"}],"wp:attachment":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=279835"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=279835"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=279835"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=279835"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=279835"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=279835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}