Title: Enable Navigation Icons
Author: Trent Stromkins
Published: <strong>2026年2月21日</strong>
Last modified: 2026年5月20日

---

プラグインを検索

![](https://ps.w.org/enable-navigation-icons/assets/banner-772x250.png?rev=3466152)

![](https://ps.w.org/enable-navigation-icons/assets/icon-256x256.png?rev=3466152)

# Enable Navigation Icons

 作者: [Trent Stromkins](https://profiles.wordpress.org/bmx269/)

[ダウンロード](https://downloads.wordpress.org/plugin/enable-navigation-icons.0.2.1.zip)

 * [詳細](https://ja.wordpress.org/plugins/enable-navigation-icons/#description)
 * [レビュー](https://ja.wordpress.org/plugins/enable-navigation-icons/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/enable-navigation-icons/#installation)
 * [開発](https://ja.wordpress.org/plugins/enable-navigation-icons/#developers)

 [サポート](https://wordpress.org/support/plugin/enable-navigation-icons/)

## 説明

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.

**[Try it in WordPress Playground](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/bmx269/enable-navigation-icons/main/blueprint.json)**—
test the plugin instantly in your browser, no installation required.

**Recommended Companion Plugin:** Use the [Icon Block](https://wordpress.org/plugins/icon-block/)
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.

#### Key Features

**Icon Selection**
 * Browse and select from a curated collection of WordPress icons*
Upload and use custom SVG icons from your media library * Paste custom SVG code 
directly for complete flexibility

**Icon Positioning**
 * Position icons before or after navigation link text (left/
right) * Space between justification for full-width layouts * Vertical alignment
options (top, center, bottom) for multi-line menu items * Fine-tune icon position
with vertical offset (supports px, %, em, rem units)

**Icon Styling**
 * Adjust icon dimensions with a slider control (supports px, em,
rem units) * Control the gap between icon and text (supports px, em, rem units) *
Choose from theme colors or set a custom color * Support for stroke-based icons 
with “No Fill” option (e.g., Lucide icons)

**Navigation Block Default Settings**
 Set default icon settings at the Navigation
block level that apply to all child navigation items: * Configure size, spacing,
color, position, vertical alignment, offset, and styling once for the entire navigation*
Individual navigation items can inherit defaults or use custom settings * Works 
seamlessly with multiple and nested Navigation blocks * Applies to both inline navigation
items and dynamically loaded WordPress menus

This feature streamlines icon management for large navigation menus by eliminating
repetitive configuration while maintaining flexibility for individual items.

**Ollie Menu Designer Integration**
 Full support for the Ollie Menu Designer plugin’s
mega menu dropdown items: * Add icons to Ollie mega menu dropdown navigation items*
Same icon selection and styling options as standard navigation items * Works seamlessly
with Ollie themes and the Menu Designer plugin

#### Supported Blocks

 * `core/navigation` – Navigation block (for setting default icon settings)
 * `core/navigation-link` – Standard navigation links
 * `core/navigation-submenu` – Submenu/dropdown navigation items
 * `ollie/mega-menu` – Ollie Menu Designer dropdown menu items (requires Ollie Menu
   Designer plugin)

#### Credits

This plugin was inspired by and incorporates code and ideas from the [enable-button-icons](https://github.com/ndiego/enable-button-icons)
project. Special thanks to @ndiego for his excellent work on button icon functionality,
which served as a foundation for implementing navigation icon features.

## スクリーンショット

 * [[
 * Icon selection interface showing library, media, and custom SVG options
 * [[
 * Icon positioning and styling controls in the block sidebar

## インストール

 1. Upload the plugin files to the `/wp-content/plugins/enable-navigation-icons` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Add or edit a Navigation block in the block editor.
 4. Select a navigation link or submenu item.
 5. Click “Add icon” in the block toolbar to get started.

## FAQ

### Does this work with any theme?

Yes! Enable Navigation Icons works with any WordPress theme that supports the block
editor and Navigation blocks.

### Can I use custom SVG icons?

Absolutely! You can use icons from the built-in library, upload SVG files from your
media library, or paste custom SVG code directly.

### Does this work with WordPress menus?

Yes! The plugin works with both inline navigation items and dynamically loaded WordPress
menus.

### Can I set default icon settings for the entire navigation?

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.

### Does it work with the Ollie Menu Designer plugin?

Yes! The plugin fully supports Ollie Menu Designer’s mega menu dropdown items with
the same functionality as standard navigation items.

## 評価

![](https://secure.gravatar.com/avatar/78608c61d592330532df3f2d7fd4045f481fb9de7a1c60a470b45274316d0a14?
s=60&d=retro&r=g)

### 󠀁[Simply Perfect – 5 Stars is Not Enough](https://wordpress.org/support/topic/simply-perfect-5-stars-is-not-enough/)󠁿

 [slimpickins](https://profiles.wordpress.org/slimpickins/) 2026年3月5日

If you use icons in your menus and build with the block editor, or have made the
switch to full site editing, install this plugin. Previously I would enable classic
menus and use a custom menu walker to accomplish something similar. The Enable Navigation
Icons plugin offers a much cleaner and more streamlined solution.  To top it off,
Trent provided a fix approximately three hours after I posted an issue. This plugin
along with the Icon block will definitely be included in all of my builds. Trent,
if you ever consider extending Nick Diego’s Enable Button Icons plugin in a similar
fashion, I will be the first in line to do any testing.  This would be the “holy
trinity” for using SVG icons in the block editor. Thank you for an exceptional plugin.

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/)

## 貢献者と開発者

Enable Navigation Icons はオープンソースソフトウェアです。以下の人々がこのプラグ
インに貢献しています。

貢献者

 *   [ Trent Stromkins ](https://profiles.wordpress.org/bmx269/)

[“Enable Navigation Icons” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/enable-navigation-icons)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/enable-navigation-icons/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/enable-navigation-icons/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/enable-navigation-icons/)
を [RSS](https://plugins.trac.wordpress.org/log/enable-navigation-icons/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 0.2.1

 * Confirm compatibility with WordPress 7.0
 * Update npm dependencies
 * Remove legacy WordPress 6.1 fallback code (minimum version is 6.3)

#### 0.2.0

 * Add icon vertical alignment option (top, center, bottom) for multi-line menu 
   items
 * Add icon vertical offset for fine-tuning icon position (supports px, %, em, rem
   units)
 * Add WordPress Playground support for local development and testing
 * Fix icon size and spacing not applying to submenu/dropdown items rendered as 
   button elements
 * Update Node.js to 22 LTS and update npm dependencies

#### 0.1.1

 * Fix submenu icon not appearing on parent item when children have their own icons
 * Fix icon injection for submenu items rendered as button elements (click-to-open
   mode)
 * Fix icon styles leaking from parent submenu into child navigation items in editor
   and frontend
 * Fix block error when adding custom icon to navigation item with no existing icon

#### 0.1.0

 * Initial release
 * Icon selection (library, media, custom SVG)
 * Icon positioning (left/right, space between)
 * Icon styling (size, spacing, color, no fill option)
 * Navigation block default settings
 * Support for core/navigation-link and core/navigation-submenu blocks
 * Support for Ollie Menu Designer mega menu blocks

## メタ

 *  バージョン **0.2.1**
 *  最終更新日 **2週間前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 6.3またはそれ以降 **
 *  検証済み最新バージョン: **7.0**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/enable-navigation-icons/)
 * タグ
 * [block-editor](https://ja.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)
   [icons](https://ja.wordpress.org/plugins/tags/icons/)[menu](https://ja.wordpress.org/plugins/tags/menu/)
   [navigation](https://ja.wordpress.org/plugins/tags/navigation/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/enable-navigation-icons/advanced/)

## 評価

 5つ星中5つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/enable-navigation-icons/reviews/)

## 貢献者

 *   [ Trent Stromkins ](https://profiles.wordpress.org/bmx269/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/enable-navigation-icons/)