Amit Dholiya Mobile Header
| 开发者 | amitdholiya |
|---|---|
| 更新时间 | 2026年9月14日 13:01 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Amit Dholiya Mobile Header adds a dedicated, deeply customizable navigation system for mobile visitors: a sticky mobile header, an animated hamburger button, a slide-out off-canvas menu, and a fixed bottom tab bar — all controlled from one modern admin panel with live preview.
Every rule the plugin generates is scoped to your chosen breakpoint (768px by default), so desktop visitors see your theme exactly as before.
Key features
- Mobile-only header with 4 layout styles, sticky behavior, transparency, shadows, rounded corners
- Logo + site title controls: retina logo, alignment, sizing, margins, display mode
- Fully styleable header text: font, weight, size, spacing, line height, color, case
- Hamburger menu: 4 icon styles, 10 animations, full color and sizing control
- Off-canvas slide menu: direction, width, colors, overlay, search, social icons, login/profile, WooCommerce cart
- Google Fonts-ready menu typography
- Fixed footer navigation bar with up to 5 items, 4 visual styles, active-state highlighting
- Popup or fullscreen search with optional AJAX live suggestions
- 8 built-in social networks plus unlimited custom icons
- Smooth page load transitions (fade, fade+slide, loader)
- Import / Export / Reset settings as JSON
- Live preview panel — every change reflects instantly
- Full keyboard accessibility: ESC to close, focus trap, ARIA attributes, screen-reader labels
- Built with the WordPress Settings API, nonces, capability checks, sanitization and escaping throughout
- No jQuery on the frontend; dynamic CSS generated from your settings and cached
- Compatible with Gutenberg, block themes, Elementor, Astra, Kadence, GeneratePress, and WooCommerce
安装:
- Upload the
amitdholiya-mobile-headerfolder to/wp-content/plugins/, or install the zip via Plugins → Add New → Upload Plugin. - Activate the plugin through the “Plugins” screen.
- Go to Mobile Header in the admin sidebar to configure your header, menu, and footer bar.
- Optionally assign a menu to the "Amit Dholiya Mobile Header — Slide Menu" location under Appearance → Menus, or pick one directly on the Slide Menu tab.
常见问题:
Will this affect my desktop header?
No. With "Mobile Only" enabled (default), every generated style is wrapped in a max-width media query at your chosen breakpoint, plus a hard override that hides the plugin's elements above that breakpoint.
Does it work with my theme?
The plugin hooks into the standard wp_body_open and wp_footer action hooks, which are supported by all modern block themes and by popular classic themes such as Astra, Kadence, and GeneratePress.
Does it require WooCommerce?
No. WooCommerce-specific features (cart icon and count) simply stay hidden if WooCommerce isn't active.
更新日志:
1.1.0
- Renamed the plugin to "Amit Dholiya Mobile Header" (distinctive name/slug per WordPress.org review guidance).
- Removed the free-text Custom CSS / Custom JavaScript fields — arbitrary code insertion is no longer permitted on the directory. Every visual option remains available as a structured control (color pickers, sliders, toggles, etc.).
- Fixed: color fields with the alpha picker (rgba output) were being rejected by the sanitizer and silently reset to defaults on save.
- Fixed: Import/Reset controls were nested inside the main settings form (invalid HTML), which could prevent the Save button from submitting at all.
- Fixed: unchecked toggle fields now correctly save as off instead of reverting to their schema default.
- Fixed: mobile header layout overlap between the site title and hamburger icon on narrow screens (now uses CSS Grid instead of absolute centering).
- Fixed: search dropdown position and visibility CSS issues.
- Initial release.