Multilevel Navigation Menu

外掛說明

Multilevel Navigation Menu plugin ability to add a full-screen navigation menu to our website. An easy way to use the plugin on our website.

You can use the [multilevel_navigation_menu] shortcode in your header file and after that, the menu will be shown automatically on the front side.

Make sure you have hide your default navigation menu before adding a shortcode. From CSS, javascript or any other way.

Awesome features

  • Display the menu with full-width or container width
  • Set menu outer width as well as inner container left and right spacing of the menu
  • Display the multi-level menu (Level 1, 2, 3, 4, 5)
  • Set menu background and font color based on the menu level
  • Set the responsive breakpoint of menu

Shortcodes

  • [multilevel_navigation_menu] – Show the navigation menu in the header(front side).

螢幕擷圖

  • Multilevel Navigation Menu
  • Setting page
  • Assign menu on theme location

安裝方式

  • Install using the WordPress Plugin installer, or Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation
  • Activate the plugin through the “Plugins” administration page in WordPress
  • Go to Appearance > Multilevel Navigation Menu

常見問題集

1) How to show the navigation menu?

  • Navigate to Appearance > Multilevel Navigation Menu and enable.
  • Use the [multilevel_navigation_menu] in your header file and save it.

2) How to change color of the menu?

  • Navigate to Appearance > Multilevel Navigation Menu and select color from the color picker based on the menu level.

3) How to set menu width and responsive breakpoint?

  • Navigate to Appearance > Multilevel Navigation Menu and set as below:
  • Navigation Menu Outer Width: Insert Width with “px” or “%”.
  • Navigation Menu Inner Container Left Right Space (Padding): Insert Width with “px” or “%”.
  • Mobile Menu Breakpoint : Insert Breakpoint with “px”.

使用者評論

2021 年 3 月 1 日 1 則留言
plugin is awesome but dropdown menu is not working properly. please update with this #mnmwp-main-menu ul ul { z-index: 2; }
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Multilevel Navigation Menu〉的開發相關工作。

參與者

將〈Multilevel Navigation Menu〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0 – 22/03/2020

  • Initial Release

1.0.1 – 02/05/2020

  • Fix Minor bugs.

1.0.2 – 21/11/2020

  • Fix Minor bugs.

1.0.3 – 04/04/2021

  • Fix Minor css related bugs.

1.0.4 – 04/04/2021

  • Fix Minor css related bugs.

1.0.5 – 01/08/2021

  • Fix Minor bugs.

1.0.6 – 04/02/2022

  • Fix Minor bugs.

1.0.7 – 04/02/2022

  • Fix Minor bugs.

1.0.8 – 29/01/2023

  • Release Date – 29 January 2023
  • Fix Minor bugs.
  • Tested up to PHP 8.1

2.0.0 – 01/01/2025

  • Release Date – 01 January 2025
  • Fixed minor bugs.

2.0.1 – 01/01/2025

  • Release Date – 01 January 2025
  • Fixed minor bugs.
  • Resolved a CSS issue.
  • The dynamic values for “Navigation Menu Outer Width” and “Navigation Menu Inner Container Left/Right Space (Padding)” were not working previously as defined in the backend configuration. This issue has now been fixed, and the feature works properly in this version.
  • If you experience any left or right spacing issues after updating this plugin, please ensure that the ‘Navigation Menu Outer Width’ and ‘Navigation Menu Inner Container Left Right Space (Padding)’ settings are configured correctly on the settings page under Appearance > Multilevel Navigation Menu.
  • Based on the theme, there is the possibility to change the priority of some CSS classes to ensure the navigation menu’s CSS displays properly on the frontend.
  • Tested with the latest “Twenty Twenty-Four” and “Twenty Twenty-Five” themes.
  • Tested up to PHP 8.1.

2.0.2 – 06/01/2025

  • Fix Stable Tag issue in readme.txt.