{"id":411107,"date":"2024-10-15T08:00:00","date_gmt":"2024-10-15T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/oowcode-custom-menu-shortcode\/"},"modified":"2025-04-22T23:48:00","modified_gmt":"2025-04-22T23:48:00","slug":"oowcode-custom-menu-shortcode","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/oowcode-custom-menu-shortcode\/","title":{"rendered":"OOW Custom Menu Shortcode"},"content":{"rendered":"<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<h3>Why Choose OOW Custom Menu Shortcode?<\/h3>\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<h3>Example Shortcodes<\/h3>\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=\" > \"]<\/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<h3>Available Shortcode Attributes<\/h3>\n<ul>\n<li><strong>name<\/strong> (required): Menu slug (e.g., \u201cmain-menu\u201d).<\/li>\n<li><strong>class<\/strong> (optional): Custom CSS class for styling (e.g., \u201cmy-custom-menu\u201d).<\/li>\n<li><strong>theme<\/strong> (optional): Predefined theme (e.g., \u201cdark-mode\u201d, \u201cretro\u201d).<\/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., \u201cMain Navigation\u201d).<\/li>\n<li><strong>lang<\/strong> (optional): Language code (e.g., \u201ces\u201d).<\/li>\n<li><strong>fallback<\/strong> (optional): Content if menu doesn\u2019t exist (e.g., \u201cNo menu found\u201d).<\/li>\n<\/ul>\n<p>Explore more at <a href=\"https:\/\/oowcode.com\" rel=\"nofollow ugc\">OOWCODE<\/a> or contact <a href=\"mailto:support@oowcode.com\" rel=\"nofollow ugc\">support@oowcode.com<\/a>.<\/p>\n<h3>License<\/h3>\n<p>This plugin is licensed under the GPLv2 or later. See <a href=\"https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\" rel=\"nofollow ugc\">License URI<\/a> for details.<\/p>\n<h3>Credits<\/h3>\n<p>Developed by <a href=\"https:\/\/oowpress.com\" rel=\"nofollow ugc\">OOWPRESS<\/a>, powered by <a href=\"https:\/\/oowcode.com\" rel=\"nofollow ugc\">OOWCODE<\/a>. Thanks to our community for feedback!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Effortlessly display and customize WordPress menus with a flexible shortcode, allowing custom CSS styling, 10 predefined themes, real-time preview.<\/p>\n","protected":false},"author":65,"featured_media":411108,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"OOW Custom Menu Shortcode - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Effortlessly display and customize WordPress menus with a flexible shortcode, allowing custom CSS styling, 10 predefined themes, real-time preview."},"footnotes":""},"categories":[1],"tags":[61125,61272,61273,4894,61274],"class_list":["post-411107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-custom-menu-shortcode","tag-menu-customization","tag-menu-themes","tag-navigation-menu","tag-page-builder-integration"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=411107"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/411107\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/411108"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=411107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=411107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=411107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}