WordPress.org

Dzongkha

Get WordPress
WordPress.org

Plugin Directory

OOW Custom Menu Shortcode

OOW Custom Menu Shortcode

By David OOWPRESS
Download

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 depth attribute.
  • Multilingual Support: Works with WPML and Polylang via the lang attribute.
  • 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) or inline (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 support@oowcode.com.

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!

Blocks

This plugin provides 1 block.

  • OOW Custom Menu

Installation

  1. 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”.

  2. Add the Shortcode:

    • Use [oow_custom_menu name="your-menu-slug"] in posts, pages, or widgets.
    • Find your menu slug in Appearance > Menus.

  3. Customize:

    • Use attributes like class, theme, style, or depth to match your design.
    • Visit OOWCODE > OOW Menu Shortcode for the Shortcode Assistant and instructions.

FAQ

How do I find my menu’s slug?

Go to Appearance > Menus. The slug is a lowercase, hyphenated version of the menu name (e.g., “Main Menu” becomes “main-menu”).

How do I create a custom menu style?

Add a class attribute: [oow_custom_menu name="main-menu" class="my-custom-menu"], then style .my-custom-menu in your theme’s CSS.

What’s the difference between [oow_custom_menu] and [oowcode_custom_menu]?

Both shortcodes are identical and provided for branding flexibility.

How do I apply a theme?

Use the theme attribute: [oow_custom_menu name="main-menu" theme="minimalist"]. Select themes in the Shortcode Assistant.

Can I display submenus?

Yes, use depth: [oow_custom_menu name="main-menu" depth="2"].

How do I preview my menu?

Use the Shortcode Assistant under OOWCODE > OOW Menu Shortcode to generate and preview menus in real-time.

Does it work with page builders?

Yes, includes a Gutenberg block, Elementor widget, Divi module, and WPBakery component (requires respective plugins).

How do I make the menu accessible?

Add aria_label: [oow_custom_menu name="main-menu" aria_label="Main Navigation"].

Does it support multilingual menus?

Yes, use lang with WPML or Polylang: [oow_custom_menu name="main-menu" lang="fr"].

Why do I see notifications about Elementor, Divi, or WPBakery?

These appear in the respective editors if the plugins are inactive. Dismiss them permanently by clicking the “Dismiss” button.

Where can I get support?

Contact support@oowcode.com or visit OOWCODE.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“OOW Custom Menu Shortcode” is open source software. The following people have contributed to this plugin.

Contributors

Translate “OOW Custom Menu Shortcode” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.7

  • Added 10 predefined themes (e.g., Modern Horizontal, Dark Mode, Minimalist) with theme attribute.
  • 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 depth attribute.
  • Improved accessibility with aria_label and aria-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 lang attribute for multilingual support (WPML, Polylang).
  • Introduced fallback attribute for missing menus.
  • Optimized attributes for consistency (style for 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 .pot file.

1.1

  • Introduced multilingual support and refined shortcode options.
  • Modernized admin dashboard UI.

1.0

  • Initial release.

Meta

Ratings

No reviews have been submitted yet.

Add my review

See all reviews

Contributors

Support

Got something to say? Need help?

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin