Rich Menu Details: Icons & Subtext
| 开发者 | aanees61 |
|---|---|
| 更新时间 | 2026年7月28日 19:54 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPL-2.0+ |
| 版权网址: | 版权信息 |
详情介绍:
- Add Icons - Add Font Awesome icons or custom SVG icons to any menu item
- Upload SVG & Images - Select Image or SVG files securely directly from the WordPress Media Library
- Add Subtext - Display descriptive text below the main menu title
- Per-Item Controls - Customize icon size, icon color, spacing, subtext size, and subtext color for each menu item
- Live Preview - See changes in real-time with instant preview as you type
- Global Settings - Set default values for all sizes and colors, and globally enable/disable
- Works Everywhere - Compatible with all WordPress themes
- Page Builder Ready - Fully compatible with Elementor (no automated icon hijacking)
- High Security - Fully compatible with Wordfence security rules
- RTL Support - Fully compatible with RTL languages
- RTL Support - Fully compatible with RTL languages
- Lightweight - Minimal CSS, no bloat, performance optimized
- Performance Optimized - Pre-cached database options and WP standard asset queues
- Go to Appearance > Menus
- Edit any menu item
- Check "Enable Icon & Subtext"
- Click "Browse Icons" to search and choose a Font Awesome 6 icon visually, OR
- Click "Media Library" or upload an SVG file, OR
- Paste SVG code directly into the icon text field.
- Add subtext and customize appearance
- Save the menu
- No Bloat - Just the features you need, nothing more
- Modern Code - Built with OOP, namespaces, and modern PHP practices
- Theme Compatible - Works with any WordPress theme
- Developer Friendly - Clean code with hooks and filters
- Translated - Ready for internationalization
安装:
- Upload the
rich-menu-details-iconsfolder to the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Go to Appearance > Menus to start adding icons
- Configure global settings under Appearance > Menu Icons
屏幕截图:
常见问题:
How do I add icons to my menu?
Go to Appearance > Menus, click on any menu item, check "Enable Icon & Subtext", and:
- Click "Browse Icons" to search and choose a Font Awesome 6 icon visually, OR
- Click "Media Library" to choose any image or SVG file from your WordPress media library, OR
- Paste SVG code directly into the icon text field.
Can I use custom SVG icons or Images?
Yes! You can select SVG or standard image files natively from your WordPress Media Library, or paste SVG code. This ensures complete compatibility with security plugins like Wordfence while offering you total flexibility.
Will this work with Elementor?
Yes! The plugin uses specific HTML markup that ensures Elementor does not accidentally strip or hijack your menu icons. It will render perfectly inside Elementor nav menus.
Will this work with my theme?
Yes, the plugin is designed to work with any WordPress theme.
Does this affect performance?
The plugin is extremely lightweight. Global options are pre-cached and Font Awesome can be disabled from CDN if your theme already loads it.
Can I disable icons globally?
Yes, go to Appearance > Menu Icons and uncheck "Enable icons and subtext globally".
Does it support RTL languages?
Yes, full RTL support is included.
What icon libraries are supported?
Font Awesome 6 is supported out of the box. You can also use custom SVG icons.
更新日志:
- Initial release
- Font Awesome 6 support with searchable modal picker
- Elementor compatibility natively integrated
- Wordfence compatibility via native WordPress Media Library integration for Image and SVG files
- Secure SvgSanitizer preventing XSS and script injection
- Nonce verification and edit_theme_options capability checks
- Per-item controls for: Icon Size, Icon Color, Subtext Size, Subtext Color, and Spacing
- Performance optimization with pre-cached global options
- WP standard asset queue compliance (no raw link/style injections)
- Instant admin preview and full RTL support