OOW Custom Menu Shortcode
Effortlessly display and customize WordPress menus with a flexible shortcode, allowing custom CSS styling, 10 predefined themes, real-time preview.
Plugin info
Maintenance & Compatibility
Maintenance score
Stale • Last updated 253 days ago
Is OOW Custom Menu Shortcode abandoned?
Likely maintained (last update 253 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
OOW Custom Menu Shortcode is a lightweight, versatile plugin that lets you display WordPress menus anywhere on your site using a simple shortcode. Whether you need a horizontal navigation bar, a vertical menu, or a styled submenu, this plugin gives you full control without theme modifications. Create your own unique menu styles with custom CSS classes or choose from 10 predefined themes for instant styling. With real-time preview in the Shortcode Assistant and seamless integrations with Gutenberg, Elementor, Divi, and WPBakery, it’s perfect for beginners and developers alike.
Why Choose OOW Custom Menu Shortcode?
- Flexible Shortcode: Use
[oow_custom_menu]or[oowcode_custom_menu]in posts, pages, or widgets. - Custom Styling: Apply custom CSS classes to create unique menu designs tailored to your theme.
- 10 Predefined Themes: Choose from Modern Horizontal, Dark Mode, Minimalist, Retro, and more for quick styling.
- Real-Time Preview: Generate and preview menus with themes in the Shortcode Assistant.
- Nested Menus: Display submenus with the
depthattribute. - Multilingual Support: Works with WPML and Polylang via the
langattribute. - Accessibility: Add ARIA labels for screen reader support.
- Page Builder Integration: Includes Gutenberg block, Elementor widget, Divi module, and WPBakery component.
- Customizable Layouts: Supports inline or list layouts with custom separators.
- Performance Optimized: Loads CSS only when needed and uses API caching.
- Modern Admin Interface: Clean dashboard with light/dark theme toggle.
Example Shortcodes
- Basic menu:
[oow_custom_menu name="main-menu"] - Custom styled menu:
[oow_custom_menu name="main-menu" class="my-custom-menu"] - Themed menu:
[oow_custom_menu name="main-menu" theme="dark-mode"] - Inline menu:
[oow_custom_menu name="main-menu" style="inline" separator=" > "] - Nested menu:
[oow_custom_menu name="main-menu" depth="2" theme="modern-horizontal"] - Multilingual menu:
[oow_custom_menu name="main-menu" lang="fr"] - Accessible menu:
[oow_custom_menu name="main-menu" aria_label="Main Navigation"] - Fallback menu:
[oow_custom_menu name="missing-menu" fallback="No menu available"]
Available Shortcode Attributes
- name (required): Menu slug (e.g., “main-menu”).
- class (optional): Custom CSS class for styling (e.g., “my-custom-menu”).
- theme (optional): Predefined theme (e.g., “dark-mode”, “retro”).
- style (optional): Layout—
list(default, vertical) orinline(horizontal). - separator (optional): Separator for inline menus (default:
|). - depth (optional): Maximum submenu depth (default: 1, use 0 for unlimited).
- aria_label (optional): Accessibility label (e.g., “Main Navigation”).
- lang (optional): Language code (e.g., “es”).
- fallback (optional): Content if menu doesn’t exist (e.g., “No menu found”).
Explore more at OOWCODE or contact [email protected].
License
This plugin is licensed under the GPLv2 or later. See License URI for details.
Credits
Developed by OOWPRESS, powered by OOWCODE. Thanks to our community for feedback!
Installation
-
Install the Plugin:
- Search for “OOW Custom Menu Shortcode” in Plugins > Add New.
- Or upload the plugin ZIP via Plugins > Add New > Upload Plugin.
- Click “Install Now” and “Activate”.
-
Add the Shortcode:
- Use
[oow_custom_menu name="your-menu-slug"]in posts, pages, or widgets. - Find your menu slug in Appearance > Menus.
- Use
-
Customize:
- Use attributes like
class,theme,style, ordepthto match your design. - Visit OOWCODE > OOW Menu Shortcode for the Shortcode Assistant and instructions.
- Use attributes like
Frequently Asked Questions
Go to Appearance > Menus. The slug is a lowercase, hyphenated version of the menu name (e.g., “Main Menu” becomes “main-menu”).
Add a class attribute: [oow_custom_menu name="main-menu" class="my-custom-menu"], then style .my-custom-menu in your theme’s CSS.
Both shortcodes are identical and provided for branding flexibility.
Use the theme attribute: [oow_custom_menu name="main-menu" theme="minimalist"]. Select themes in the Shortcode Assistant.
Yes, use depth: [oow_custom_menu name="main-menu" depth="2"].
Use the Shortcode Assistant under OOWCODE > OOW Menu Shortcode to generate and preview menus in real-time.
Yes, includes a Gutenberg block, Elementor widget, Divi module, and WPBakery component (requires respective plugins).
Add aria_label: [oow_custom_menu name="main-menu" aria_label="Main Navigation"].
Yes, use lang with WPML or Polylang: [oow_custom_menu name="main-menu" lang="fr"].
These appear in the respective editors if the plugins are inactive. Dismiss them permanently by clicking the “Dismiss” button.
Contact [email protected] or visit OOWCODE.
Review feed
Screenshots
Changelog
1.7
- Added 10 predefined themes (e.g., Modern Horizontal, Dark Mode, Minimalist) with
themeattribute. - Introduced Shortcode Assistant with real-time preview and theme selection.
- Added Gutenberg block, Elementor widget, Divi module, and WPBakery component.
- Implemented contextual, permanently dismissible admin notices for Elementor, Divi, and WPBakery.
- Enhanced theme styles to prevent interference from theme CSS (e.g., removed list bullets).
- Added support for nested menus with
depthattribute. - Improved accessibility with
aria_labelandaria-current. - Optimized CSS loading for performance.
- Updated documentation to reflect new features.
1.6
- Fixed minor compatibility issues.
- Updated documentation.
1.5
- Added support for both
[oow_custom_menu]and[oowcode_custom_menu]shortcodes. - Updated documentation for dual shortcode compatibility.
1.4
- Added
langattribute for multilingual support (WPML, Polylang). - Introduced
fallbackattribute for missing menus. - Optimized attributes for consistency (
stylefor layout). - Implemented caching for Plugins API.
- Enhanced plugin installation with auto-activation.
- Improved accessibility with ARIA attributes.
- Added light/dark theme toggle in admin.
1.3
- Improved shortcode performance and code organization.
- Enhanced customization for separators and styles.
1.2
- Added support for Arabic, German, English, Spanish, and French.
- Updated translation
.potfile.
1.1
- Introduced multilingual support and refined shortcode options.
- Modernized admin dashboard UI.
1.0
- Initial release.