外掛標籤
開發者團隊
② 後台搜尋「DS Mobile Menu – Customizable Bottom Navigation Bar」→ 直接安裝（推薦）
原文外掛簡介
DS Mobile Menu adds a beautiful, fully customizable bottom navigation bar to any WordPress website. Inspired by native mobile apps, it transforms the browsing experience on smartphones and tablets with smooth animations, six premium layout presets, and deep WooCommerce integration.
Why DS Mobile Menu?
Most mobile menus just style the hamburger. DS Mobile Menu replaces it with a native-app-style bottom navigation bar that visitors actually love to use.
6 Premium Layout Presets
Minimal — Clean, flat bar. Pure simplicity, zero distraction.
Modern — Card-elevated bar with a smooth active indicator line.
Glassmorphism — Frosted glass with backdrop blur and transparency.
Floating — Pill-shaped bar that hovers above the viewport edge.
Center FAB — Standard bar with an oversized center action button.
Premium App — Native-app feel with animated active state and notch support.
Unlimited Menu Builder
Build any navigation you need:
* Unlimited menu items with drag-and-drop sorting
* Custom icons (Dashicons, Font Awesome optional, or inline SVG)
* Custom URLs, Page links, Post links, Category links, External links
* Phone & Email links
* Custom badges, tooltips, and labels
* Hide labels, control icon size, font size, padding, border radius
* Per-item animations (bounce, pulse, shake, scale)
Deep WooCommerce Integration
Automatically detects WooCommerce and supports:
* Home, Shop, Categories, Wishlist, Cart, Checkout, My Account
* Live cart badge counter via WC fragments (no page reload)
* Badge auto-hides when cart is empty
Full Visibility Controls
Show or hide the menu based on:
* Device (desktop, tablet, mobile — CSS breakpoints, no UA sniffing)
* Login state (logged in / logged out)
* User roles
* Specific pages
* 404, Search, Archive pages
* WooCommerce pages
Professional Customizer
Unlimited colors with live preview
Typography (font family, size, weight)
Glass effect with blur control
Gradients, borders, shadows
Safe area support (iPhone notch / home indicator)
Dark mode (respects prefers-color-scheme)
Transition duration and easing
Performance First
No jQuery dependency on front-end — pure vanilla JS
Deferred script loading
Conditional asset loading — CSS/JS only on pages where the menu renders
Generated CSS written to a static file — served as a static asset, not generated on each request
No render-blocking resources
Core Web Vitals friendly
Accessibility (WCAG AA)
Full keyboard navigation
ARIA labels and aria-current="page" on active items
Screen reader friendly with sr-only labels
Visible focus states
Contrast compliant
Security
Nonce verification on all AJAX requests
Capability checks (manage_options) on all admin actions
Full input sanitization and output escaping
No direct database writes from raw user input
Proper Settings API usage
Import / Export
Backup and transfer all settings between sites with one click. Useful for staging-to-production deployments.
RTL Support
Full right-to-left layout support for Arabic, Hebrew, and other RTL languages.
Translation Ready
100% internationalized. All strings use proper text domains and escaping translation functions. Includes a .pot template.
