{"id":207156,"date":"2024-10-15T21:04:58","date_gmt":"2024-10-15T21:04:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/oowcode-custom-menu-shortcode\/"},"modified":"2025-04-22T15:48:56","modified_gmt":"2025-04-22T15:48:56","slug":"oowcode-custom-menu-shortcode","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/oowcode-custom-menu-shortcode\/","author":21171063,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.7","stable_tag":"1.7","tested":"6.8.5","requires":"5.8","requires_php":"7.0","requires_plugins":null,"header_name":"OOW Custom Menu Shortcode","header_author":"oowpress","header_description":"A powerful tool that allows users to customize and display WordPress menus with full flexibility using a shortcode. Easily configure inline options like menu style and separators for tailored display. No coding required.","assets_banners_color":"080b0f","last_updated":"2025-04-22 15:48:56","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/profiles.wordpress.org\/oowpress\/","header_plugin_uri":"https:\/\/profiles.wordpress.org\/oowpress\/","header_author_uri":"https:\/\/oowcode.com","rating":0,"author_block_rating":0,"active_installs":60,"downloads":1761,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"oowpress","date":"2024-10-15 21:28:52"},"1.1":{"tag":"1.1","author":"oowpress","date":"2024-12-05 11:20:58"},"1.2":{"tag":"1.2","author":"oowpress","date":"2024-12-08 20:37:24"},"1.3":{"tag":"1.3","author":"oowpress","date":"2024-12-09 21:59:26"},"1.4":{"tag":"1.4","author":"oowpress","date":"2025-04-08 08:40:03"},"1.5":{"tag":"1.5","author":"oowpress","date":"2025-04-15 10:53:11"},"1.6":{"tag":"1.6","author":"oowpress","date":"2025-04-17 08:05:59"},"1.7":{"tag":"1.7","author":"oowpress","date":"2025-04-22 15:48:56"}},"upgrade_notice":{"1.7":"<p>Upgrade to create custom menu styles with CSS classes, access 10 predefined themes, use real-time preview in the Shortcode Assistant, add nested menus, and enjoy page builder integrations with improved notifications.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3272066,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3283236,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"oowcode\/custom-menu":{"name":"oowcode\/custom-menu","title":"OOW Custom Menu"}},"tagged_versions":["1.0","1.1","1.2","1.3","1.4","1.5","1.6","1.7"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"<strong>Shortcode Assistant<\/strong>: Real-time preview with theme selection.\n[assets\/screenshot-1.png]","2":"<strong>Admin Interface<\/strong>: Instructions tab with shortcode usage guide.\n[assets\/screenshot-2.png]","3":"<strong>Themed Menu<\/strong>: Example of Modern Horizontal theme in front-end.\n[assets\/screenshot-3.png]","4":"<strong>Nested Menu<\/strong>: Dark Mode theme with submenus.\n[assets\/screenshot-4.png]","5":"<strong>Page Builder Integration<\/strong>: Elementor widget in action.\n[assets\/screenshot-5.png]"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[240849,54291,241187,2859,241188],"plugin_category":[43],"plugin_contributors":[233185],"plugin_business_model":[],"class_list":["post-207156","plugin","type-plugin","status-publish","hentry","plugin_tags-custom-menu-shortcode","plugin_tags-menu-customization","plugin_tags-menu-themes","plugin_tags-navigation-menu","plugin_tags-page-builder-integration","plugin_category-customization","plugin_contributors-oowpress","plugin_committers-oowpress"],"banners":{"banner":"https:\/\/ps.w.org\/oowcode-custom-menu-shortcode\/assets\/banner-772x250.png?rev=3283236","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/oowcode-custom-menu-shortcode\/assets\/icon-256x256.png?rev=3272066","icon_2x":"https:\/\/ps.w.org\/oowcode-custom-menu-shortcode\/assets\/icon-256x256.png?rev=3272066","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>OOW Custom Menu Shortcode<\/strong> 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\u2019s perfect for beginners and developers alike.<\/p>\n\n<h3>Why Choose OOW Custom Menu Shortcode?<\/h3>\n\n<ul>\n<li><strong>Flexible Shortcode<\/strong>: Use <code>[oow_custom_menu]<\/code> or <code>[oowcode_custom_menu]<\/code> in posts, pages, or widgets.<\/li>\n<li><strong>Custom Styling<\/strong>: Apply custom CSS classes to create unique menu designs tailored to your theme.<\/li>\n<li><strong>10 Predefined Themes<\/strong>: Choose from Modern Horizontal, Dark Mode, Minimalist, Retro, and more for quick styling.<\/li>\n<li><strong>Real-Time Preview<\/strong>: Generate and preview menus with themes in the Shortcode Assistant.<\/li>\n<li><strong>Nested Menus<\/strong>: Display submenus with the <code>depth<\/code> attribute.<\/li>\n<li><strong>Multilingual Support<\/strong>: Works with WPML and Polylang via the <code>lang<\/code> attribute.<\/li>\n<li><strong>Accessibility<\/strong>: Add ARIA labels for screen reader support.<\/li>\n<li><strong>Page Builder Integration<\/strong>: Includes Gutenberg block, Elementor widget, Divi module, and WPBakery component.<\/li>\n<li><strong>Customizable Layouts<\/strong>: Supports inline or list layouts with custom separators.<\/li>\n<li><strong>Performance Optimized<\/strong>: Loads CSS only when needed and uses API caching.<\/li>\n<li><strong>Modern Admin Interface<\/strong>: Clean dashboard with light\/dark theme toggle.<\/li>\n<\/ul>\n\n<h3>Example Shortcodes<\/h3>\n\n<ul>\n<li>Basic menu: <code>[oow_custom_menu name=\"main-menu\"]<\/code><\/li>\n<li>Custom styled menu: <code>[oow_custom_menu name=\"main-menu\" class=\"my-custom-menu\"]<\/code><\/li>\n<li>Themed menu: <code>[oow_custom_menu name=\"main-menu\" theme=\"dark-mode\"]<\/code><\/li>\n<li>Inline menu: <code>[oow_custom_menu name=\"main-menu\" style=\"inline\" separator=\" &gt; \"]<\/code><\/li>\n<li>Nested menu: <code>[oow_custom_menu name=\"main-menu\" depth=\"2\" theme=\"modern-horizontal\"]<\/code><\/li>\n<li>Multilingual menu: <code>[oow_custom_menu name=\"main-menu\" lang=\"fr\"]<\/code><\/li>\n<li>Accessible menu: <code>[oow_custom_menu name=\"main-menu\" aria_label=\"Main Navigation\"]<\/code><\/li>\n<li>Fallback menu: <code>[oow_custom_menu name=\"missing-menu\" fallback=\"No menu available\"]<\/code><\/li>\n<\/ul>\n\n<h3>Available Shortcode Attributes<\/h3>\n\n<ul>\n<li><strong>name<\/strong> (required): Menu slug (e.g., \"main-menu\").<\/li>\n<li><strong>class<\/strong> (optional): Custom CSS class for styling (e.g., \"my-custom-menu\").<\/li>\n<li><strong>theme<\/strong> (optional): Predefined theme (e.g., \"dark-mode\", \"retro\").<\/li>\n<li><strong>style<\/strong> (optional): Layout\u2014<code>list<\/code> (default, vertical) or <code>inline<\/code> (horizontal).<\/li>\n<li><strong>separator<\/strong> (optional): Separator for inline menus (default: <code>|<\/code>).<\/li>\n<li><strong>depth<\/strong> (optional): Maximum submenu depth (default: 1, use 0 for unlimited).<\/li>\n<li><strong>aria_label<\/strong> (optional): Accessibility label (e.g., \"Main Navigation\").<\/li>\n<li><strong>lang<\/strong> (optional): Language code (e.g., \"es\").<\/li>\n<li><strong>fallback<\/strong> (optional): Content if menu doesn\u2019t exist (e.g., \"No menu found\").<\/li>\n<\/ul>\n\n<p>Explore more at <a href=\"https:\/\/oowcode.com\">OOWCODE<\/a> or contact <a href=\"mailto:&#x73;u&#112;&#x70;o&#114;&#x74;&#064;&#111;&#x6f;&#119;&#099;&#x6f;&#100;&#101;&#x2e;&#099;&#111;&#x6d;\">support@oowcode.com<\/a>.<\/p>\n\n<h3>License<\/h3>\n\n<p>This plugin is licensed under the GPLv2 or later. See <a href=\"https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\">License URI<\/a> for details.<\/p>\n\n<h3>Credits<\/h3>\n\n<p>Developed by <a href=\"https:\/\/oowpress.com\">OOWPRESS<\/a>, powered by <a href=\"https:\/\/oowcode.com\">OOWCODE<\/a>. Thanks to our community for feedback!<\/p>\n\n<!--section=installation-->\n<ol>\n<li><p><strong>Install the Plugin<\/strong>:<\/p>\n\n<ul>\n<li>Search for \"OOW Custom Menu Shortcode\" in Plugins &gt; Add New.<\/li>\n<li>Or upload the plugin ZIP via Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Click \"Install Now\" and \"Activate\".<\/li>\n<\/ul><\/li>\n<li><p><strong>Add the Shortcode<\/strong>:<\/p>\n\n<ul>\n<li>Use <code>[oow_custom_menu name=\"your-menu-slug\"]<\/code> in posts, pages, or widgets.<\/li>\n<li>Find your menu slug in Appearance &gt; Menus.<\/li>\n<\/ul><\/li>\n<li><p><strong>Customize<\/strong>:<\/p>\n\n<ul>\n<li>Use attributes like <code>class<\/code>, <code>theme<\/code>, <code>style<\/code>, or <code>depth<\/code> to match your design.<\/li>\n<li>Visit OOWCODE &gt; OOW Menu Shortcode for the Shortcode Assistant and instructions.<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20do%20i%20find%20my%20menu%E2%80%99s%20slug%3F'><h3>How do I find my menu\u2019s slug?<\/h3><\/dt>\n<dd><p>Go to Appearance &gt; Menus. The slug is a lowercase, hyphenated version of the menu name (e.g., \"Main Menu\" becomes \"main-menu\").<\/p><\/dd>\n<dt id='how%20do%20i%20create%20a%20custom%20menu%20style%3F'><h3>How do I create a custom menu style?<\/h3><\/dt>\n<dd><p>Add a <code>class<\/code> attribute: <code>[oow_custom_menu name=\"main-menu\" class=\"my-custom-menu\"]<\/code>, then style <code>.my-custom-menu<\/code> in your theme\u2019s CSS.<\/p><\/dd>\n<dt id='what%E2%80%99s%20the%20difference%20between%20%5Boow_custom_menu%5D%20and%20%5Boowcode_custom_menu%5D%3F'><h3>What\u2019s the difference between [oow_custom_menu] and [oowcode_custom_menu]?<\/h3><\/dt>\n<dd><p>Both shortcodes are identical and provided for branding flexibility.<\/p><\/dd>\n<dt id='how%20do%20i%20apply%20a%20theme%3F'><h3>How do I apply a theme?<\/h3><\/dt>\n<dd><p>Use the <code>theme<\/code> attribute: <code>[oow_custom_menu name=\"main-menu\" theme=\"minimalist\"]<\/code>. Select themes in the Shortcode Assistant.<\/p><\/dd>\n<dt id='can%20i%20display%20submenus%3F'><h3>Can I display submenus?<\/h3><\/dt>\n<dd><p>Yes, use <code>depth<\/code>: <code>[oow_custom_menu name=\"main-menu\" depth=\"2\"]<\/code>.<\/p><\/dd>\n<dt id='how%20do%20i%20preview%20my%20menu%3F'><h3>How do I preview my menu?<\/h3><\/dt>\n<dd><p>Use the Shortcode Assistant under OOWCODE &gt; OOW Menu Shortcode to generate and preview menus in real-time.<\/p><\/dd>\n<dt id='does%20it%20work%20with%20page%20builders%3F'><h3>Does it work with page builders?<\/h3><\/dt>\n<dd><p>Yes, includes a Gutenberg block, Elementor widget, Divi module, and WPBakery component (requires respective plugins).<\/p><\/dd>\n<dt id='how%20do%20i%20make%20the%20menu%20accessible%3F'><h3>How do I make the menu accessible?<\/h3><\/dt>\n<dd><p>Add <code>aria_label<\/code>: <code>[oow_custom_menu name=\"main-menu\" aria_label=\"Main Navigation\"]<\/code>.<\/p><\/dd>\n<dt id='does%20it%20support%20multilingual%20menus%3F'><h3>Does it support multilingual menus?<\/h3><\/dt>\n<dd><p>Yes, use <code>lang<\/code> with WPML or Polylang: <code>[oow_custom_menu name=\"main-menu\" lang=\"fr\"]<\/code>.<\/p><\/dd>\n<dt id='why%20do%20i%20see%20notifications%20about%20elementor%2C%20divi%2C%20or%20wpbakery%3F'><h3>Why do I see notifications about Elementor, Divi, or WPBakery?<\/h3><\/dt>\n<dd><p>These appear in the respective editors if the plugins are inactive. Dismiss them permanently by clicking the \"Dismiss\" button.<\/p><\/dd>\n<dt id='where%20can%20i%20get%20support%3F'><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>Contact <a href=\"mailto:&#x73;u&#112;&#x70;o&#114;&#x74;&#064;&#111;&#x6f;&#119;&#099;&#x6f;&#100;&#101;&#x2e;&#099;&#111;&#x6d;\">support@oowcode.com<\/a> or visit <a href=\"https:\/\/oowcode.com\">OOWCODE<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.7<\/h4>\n\n<ul>\n<li>Added 10 predefined themes (e.g., Modern Horizontal, Dark Mode, Minimalist) with <code>theme<\/code> attribute.<\/li>\n<li>Introduced Shortcode Assistant with real-time preview and theme selection.<\/li>\n<li>Added Gutenberg block, Elementor widget, Divi module, and WPBakery component.<\/li>\n<li>Implemented contextual, permanently dismissible admin notices for Elementor, Divi, and WPBakery.<\/li>\n<li>Enhanced theme styles to prevent interference from theme CSS (e.g., removed list bullets).<\/li>\n<li>Added support for nested menus with <code>depth<\/code> attribute.<\/li>\n<li>Improved accessibility with <code>aria_label<\/code> and <code>aria-current<\/code>.<\/li>\n<li>Optimized CSS loading for performance.<\/li>\n<li>Updated documentation to reflect new features.<\/li>\n<\/ul>\n\n<h4>1.6<\/h4>\n\n<ul>\n<li>Fixed minor compatibility issues.<\/li>\n<li>Updated documentation.<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>Added support for both <code>[oow_custom_menu]<\/code> and <code>[oowcode_custom_menu]<\/code> shortcodes.<\/li>\n<li>Updated documentation for dual shortcode compatibility.<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>Added <code>lang<\/code> attribute for multilingual support (WPML, Polylang).<\/li>\n<li>Introduced <code>fallback<\/code> attribute for missing menus.<\/li>\n<li>Optimized attributes for consistency (<code>style<\/code> for layout).<\/li>\n<li>Implemented caching for Plugins API.<\/li>\n<li>Enhanced plugin installation with auto-activation.<\/li>\n<li>Improved accessibility with ARIA attributes.<\/li>\n<li>Added light\/dark theme toggle in admin.<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>Improved shortcode performance and code organization.<\/li>\n<li>Enhanced customization for separators and styles.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>Added support for Arabic, German, English, Spanish, and French.<\/li>\n<li>Updated translation <code>.pot<\/code> file.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Introduced multilingual support and refined shortcode options.<\/li>\n<li>Modernized admin dashboard UI.<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Effortlessly display and customize WordPress menus with a flexible shortcode, allowing custom CSS styling, 10 predefined themes, real-time preview.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/207156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=207156"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/oowpress"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=207156"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=207156"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=207156"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=207156"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=207156"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=207156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}