Navigation JHAC Plugin
A simplistic menu navigation plugin crafted and designed for use on a WordPress website.
This plugin enables users to add a beautifully simplistic mobile and desktop navigation feature, intended to help visitors explore a WordPress website.
Installation
From within WordPress
- Visit ‘Plugins’ > ‘Add New’.
- Search for ‘Navigation JHAC’.
- Activate from your Plugins page.
- Create a WordPress Menu with the name “Header Menu”.
- Output the navigation by using [nav_jhac_full].
Manually
- Upload the ‘navigation-jhac’ folder to the ‘/wp-content/plugins/’ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Create a WordPress Menu with the name “Header Menu”.
- Then output the navigation by using [nav_jhac_full].
Screenshots
The Desktop Navigation
The Mobile Menu Bar
The Mobile Navigation Once Opened
FAQ
Create a WordPress Menu with the name “Header Menu”. To output the navigation, use this shortcode [nav_jhac_full]. Additionally, you can also use a different shortcode if you wish to display the mobile and desktop navigations in different locations (i.e, the mobile navigation at the top of the header, and the desktop navigation at the bottom of the header). The desktop navigation shortcode is [nav_jhac_des] and the mobile navigation shortcode is [nav_jhac_mob].
Changelog
1.5
- Enabled opacity options for the colours specified.
- Ensured compatibility up to WordPress version 6.1.1.
- Upgraded the method of which the styling is applied to the navigation.
- Extra options added to the settings page.
1.4
- Created option for specifying the text colour.
1.3
- Improved settings page appearance.
- Added functionality to have the mobile menu item fully clickable (not just the arrow) should the target link be empty or contain just “#”.
- Updated the mobile menu so that if the item is an anchor link, the menu will automatically hide when the item is clicked.
- Increased the spacing underneath the mobile menu address.
- Added JSColour Picker onto the plugin settings page.
- Updated settings page icon.
1.2
- Updated plugin page banners.
- Updated centre align field options.
1.1
- Latest WordPress version compatibility improvements.