外掛標籤
開發者團隊
原文外掛簡介
Giuliomax Menu Builder lets you create fully customized navigation menus and embed them anywhere using the [menux] shortcode. Build your menu visually from the WordPress admin, style it with 20 preset themes or full manual controls, and it works perfectly on desktop, tablet and mobile.
Starting from v2.3, it ships a complete Mega Menu system — a feature typically locked behind premium plugins — for free.
✨ Main Features
Visual menu builder — drag-and-drop interface to add pages, custom links, icons, badges, notification dots and submenus up to 3 levels
Page + custom link support — use existing WP pages or external URLs, with target controls and role visibility
Advanced item targeting — show/hide items by user role, login state, device, current page, schedule, time range or UTM source
Menu location assignment — tag items for Primary, Footer, Sidebar or Mobile and render with [menux location="..."]
20 preset themes — professionally designed themes with one-click apply and live preview: Ghost, Void Dark, Indigo Pulse, Aurora Night, Navy Command, Tropical Bloom, Evergreen, Cyber Matrix, Rose Silk, Sky Fresh, Newspaper Ink, Dev Dark, Ocean Electric, Violet Cloud, Swiss Pro, Cosmic Dusk, Warm Honey, Cloud Glass, Carbon Pro, Aegean Teal
Responsive mobile menu — automatic fit-based breakpoint or manual pixel threshold
4 mobile opening modes — Dropdown, Fullscreen overlay, Drawer left, Drawer right
Hamburger style controls — Classic, Modern or Minimal icon appearance, alignment and colors
Link shape — configurable border-radius for pill-style or sharp links
Sticky header — fixed menu on scroll with background, shadow, alignment, shrink and auto-hide behavior
Scroll progress bar — page reading indicator that works on sticky or normal menus
Dark mode support — Light, Dark or Auto (follows OS preference)
Typography & layout — Google Fonts, fallback font, size, weight, letter spacing, text transform and items alignment
Link animations — hover effects like Lift, Scale, Pulse, Bounce, Shake, Glow and Underline
Entrance animations — Fade, Slide, Zoom, Flip with duration, delay and stagger controls
Submenu styling — background, border, link color, shadow and animation controls
Logo support — add and position a logo image directly inside the menu bar
WP Menu Integration — intercept classic theme wp_nav_menu() calls and replace them with MenuX output
Import / Export — save and restore menu configurations as JSON
Full reset — one-click button to delete all saved items, styles and settings
Multilingual ready — WPML, Polylang and TranslatePress support with language-specific item labels
Live preview — real-time desktop/tablet/mobile preview while building the menu
⚡ Mega Menu (free)
Build rich, full-width dropdown panels for any first-level navigation item — the kind of feature most plugins charge for.
Up to 4 columns per panel, each independently sized (% width or auto)
5 column item types: clickable links, section headings, dividers, images, and arbitrary shortcodes / Gutenberg blocks
Icon + description on link items — give users context at a glance (e.g. “Dashboard — Analytics & reports”)
Icon on headings — visually group sections with a Font Awesome icon
Click-to-pick icon picker — browse and search Font Awesome 6 Free icons directly from the editor; no class names to remember
Drag & drop reordering of items within each column
Independent per-item toggle — enable Mega Menu on one or multiple nav items independently
Full-width panel that anchors to the navigation container, not to the individual link
Gradient backgrounds — 12 ready-made gradient presets (Dark, Purple, Indigo, Sky, Teal, Emerald, Sunset, Rose, Gold, Charcoal…) plus a custom gradient builder with direction, two color pickers and live apply
Panel appearance controls — padding, column gap, border radius, font size, link color, heading color, accent color
Smooth hover — 200 ms grace timer ensures the panel never disappears when moving the mouse from the trigger link to the panel content
Mobile-aware — collapses inline on small screens, or can be disabled on mobile entirely
6 demo templates — one-click starting points to get up and running in seconds:
SaaS Product (4 cols, dark gradient — Features, Docs, Company, CTA)
E-Commerce (3 cols, white — Categories, Deals, Account)
Creative Agency (3 cols, purple gradient — Services, Portfolio, Studio)
News & Blog (3 cols, light — Topics, Sections, Connect)
Corporate (3 cols, sky gradient — Solutions, Industries, Company)
Restaurant (3 cols, warm gradient — Menu, Locations, Reserve)
Toggleable live preview — click “👁 Preview” in the editor toolbar to see an approximation of the panel below the editor, without leaving the page
🎨 Style Options
Colors: background (solid or gradient), links, hover state (solid or gradient), active state (solid or gradient), submenus, hamburger
Typography: Google Fonts, font family, size, weight, letter spacing, text transform
Layout: gap, horizontal padding, vertical padding, items alignment, link border-radius
Mobile: breakpoint, opening mode, overlay color/opacity/blur, drawer width, open animation
Sticky: background, shadow, padding, alignment, transition, shrink effect, auto-hide on scroll
Mega Menu: background (solid or gradient), padding, gap, radius, font size, link color, heading color, accent color, mobile behavior
🔌 Usage
Go to Giuliomax Menu Builder in the WordPress admin sidebar
Build your menu items using the visual drag-and-drop builder
Apply a preset theme or configure colors and style manually
To add a Mega Menu: go to the Mega Menu tab, enable it on a nav item, click Edit Columns, add columns and items
Place [menux] in any page, post, widget or template
🚀 Pro Version
The Pro version adds:
📊 Click statistics — track which items users click, by device, role and date
🔍 Search bar — instant full-text search modal with keyboard navigation
♿ Accessibility panel — WCAG 2.1 tools (focus outline, skip link, reduced motion, high contrast, ARIA labels)
🎨 Custom CSS — write your own CSS rules directly from the admin panel
📄 Multiple menus — create and manage independent menu configurations for different pages or locations
External Services
This plugin may connect to the following external service:
Google Fonts (optional)
If a Google Font name is entered in the Style panel (Typography tab), the plugin loads that font’s stylesheet from Google’s servers at https://fonts.googleapis.com. This request is made only when a Google Font is explicitly configured by the site administrator. The font name and the visitor’s IP address are sent to Google as part of the standard HTTP request.
Terms of service: https://developers.google.com/terms
Privacy policy: https://policies.google.com/privacy
Font Awesome icons are bundled locally within the plugin and do not load from any external server.
