Title: WP Hamburger Author: Fahad Mahmood Published: 2020 年 10 月 9 日 Last modified: 2025 年 4 月 25 日 --- 搜尋外掛 ![](https://ps.w.org/wp-hamburger/assets/banner-772x250.png?rev=2592480) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/wp-hamburger/assets/icon-256x256.png?rev=2396441) # WP Hamburger 由 [Fahad Mahmood](https://profiles.wordpress.org/fahadmahmood/) 開發 [下載](https://downloads.wordpress.org/plugin/wp-hamburger.1.6.8.zip) * [詳細資料](https://tw.wordpress.org/plugins/wp-hamburger/#description) * [使用者評論](https://tw.wordpress.org/plugins/wp-hamburger/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/wp-hamburger/#installation) * [開發資訊](https://tw.wordpress.org/plugins/wp-hamburger/#developers) [技術支援](https://wordpress.org/support/plugin/wp-hamburger/) ## 外掛說明 * Author: [Fahad Mahmood](https://www.androidbubbles.com/contact) * Project URI: [http://androidbubble.com/blog/wordpress/plugins/wp-hamburger](http://androidbubble.com/blog/wordpress/plugins/wp-hamburger) * License: GPL 3. See License below for copyright jots and titles. WP Hamburger is a WordPress plugin with extensive customization possibility including font-size, font-weight, color, bullets, background, opacity, font-family and menu selection. Customization possibility including font-size, font-weight, color, bullets, background, opacity, font-family and menu selection. WP Hamburger is WordPress plugin to redesign the menus with different color combination, font family, bullets and custom CSS. Colors and bullets for First Level / Second Level menu items can be customized separately. ### Highly Customizable * Settings page demo preview available * Mobile and Desktop compatibility * Font Family * Background Color * Background Opacity * Hamburger Color * Parent Level Menu Items * Child Level Menu Items * Font Color * Font Weight * List Bullets * FontAwesome Icons * Custom Image Upload for Bullets * Custom CSS section ### License This WordPress Plugin is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or any later version. This free software is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this software. If not, see http:// www.gnu.org/licenses/gpl-2.0.html. ## 螢幕擷圖 [⌊Configuration > menu selection⌉⌊Configuration > menu selection⌉[ Configuration > menu selection [⌊Customization > font family, color, bullets, font-size and opacity etc.⌉⌊Customization > font family, color, bullets, font-size and opacity etc.⌉[ Customization > font family, color, bullets, font-size and opacity etc. [⌊Customization > custom css styles⌉⌊Customization > custom css styles⌉[ Customization > custom css styles [⌊Implementation Overview⌉⌊Implementation Overview⌉[ Implementation Overview [⌊Opacity Settings & Custom Bullet Image from Media Library⌉⌊Opacity Settings & Custom Bullet Image from Media Library⌉[ Opacity Settings & Custom Bullet Image from Media Library [⌊Collapsible Menu Items for Hover Effects⌉⌊Collapsible Menu Items for Hover Effects⌉[ Collapsible Menu Items for Hover Effects [⌊Hover BG Color, Hover BG Image, Hover Text Color, Reset Selection⌉⌊Hover BG Color, Hover BG Image, Hover Text Color, Reset Selection⌉[ Hover BG Color, Hover BG Image, Hover Text Color, Reset Selection [⌊Hierarchical Menu Items On Settings Page⌉⌊Hierarchical Menu Items On Settings Page⌉[ Hierarchical Menu Items On Settings Page [⌊Hover Effect Demo #1⌉⌊Hover Effect Demo #1⌉[ Hover Effect Demo #1 [⌊Hover Effect Demo #2⌉⌊Hover Effect Demo #2⌉[ Hover Effect Demo #2 [⌊Hover Effect Background Image Demo #1⌉⌊Hover Effect Background Image Demo #1⌉[ Hover Effect Background Image Demo #1 [⌊Hover Effect Background Image Demo #2⌉⌊Hover Effect Background Image Demo #2⌉[ Hover Effect Background Image Demo #2 [⌊Hover Effect Background Image - Media Library⌉⌊Hover Effect Background Image - Media Library⌉[ Hover Effect Background Image – Media Library [⌊Hover Effects⌉⌊Hover Effects⌉[ Hover Effects ## 安裝方式 From the WordPress plugin menu click on Add New and search for WP Hamburger Instead of searching for a plugin you can directly upload the plugin zip file by clicking on Upload: Use the browse button to select the plugin zip file that was downloaded, then click on Install Now. The plugin will be uploaded to your blog and installed. It can then be activated. “WP Hamburger” is available in left sidebar settings menu. ## 常見問題集 ### How does it work? Go to settings page, select a menu and save changes. ### Is it free or a paid plugin? Basic functionality is free. Customization options are available in premium version. ### Do I need to purchase to make it work? No, you do not need to purchase as it is fully functional as a free version. Just customization from settings page is not available in free version but still you can customize with you HTML/CSS skills. ### Where to report if I found a bug? It is always better to open a ticket on support forum. There is a help tab on settings page for your convenience. ### What if any other plugin or theme using a different version of Bootstrap or FontAwesome? You can turn Bootstrap and FontAwesome OFF from settings page. ### How can I contribute to this plugin? You may suggest improvements, features and user friendliness. Your name will be mentioned in changelog with the respective plugin version in next release. ### Is it compatible with Avada, Enfold and standard WordPress twenty series themes? Yes, it is compatible with all kind of themes. If you face any compatibility issue, let us know and we will try to make it work in next version. ### Where the menu will be found? You will find WP Hamburger menu item under settings menu. ### How to change font family for the menu items? Use Font family name for example Arial or leave it blank for default. ### How to choose bullets for menu items? Insert HTML/CSS bullets disc, circle, outsite inside etc., or choose icons from FontAwesome. Alternatively, custom image can be used from media library as well. Recommended dimensions are 32px X 32px. ## 使用者評論 ![](https://secure.gravatar.com/avatar/de523ef5298fc6f50cd71364e2cd0c53e45c20324feaf642b1b3a6cd35925dbe? s=60&d=retro&r=g) ### 󠀁[Great Help from Fahad](https://wordpress.org/support/topic/great-help-from-fahad/)󠁿 [flyguy222](https://profiles.wordpress.org/flyguy222/) 2025 年 1 月 16 日 I needed to make the Hamburger menu transparent and had made a lot of google searches for how to do it. Didn't find an answer. Finally I reached out to Fahad at support and he was very patient with me (computer communications isn't my strong point) and helped me through it. This is a great hamburger menu with lots of options. I really thank Fahad for his help. ![](https://secure.gravatar.com/avatar/53f3a2f026736d4545ce9963d63a516d0a1061d700ee5945bda10dd3227e8bcf? s=60&d=retro&r=g) ### 󠀁[Oops site went BOOM](https://wordpress.org/support/topic/oops-site-went-boom/)󠁿 [culturalproduct](https://profiles.wordpress.org/culturalproduct/) 2023 年 7 月 19 日 1 則留言 So, installed, selected menu, saved, and wow – my whole site was compressed into a roughly phone screen sized window in the centre of the browser window. Luckily just unselecting the menu restored things to normal. I think it may need some work before its useable. ![](https://secure.gravatar.com/avatar/38218d57444a4139391189d2336a8a955f2f347a4a72415f1128f985b0ee710a? s=60&d=retro&r=g) ### 󠀁[Broke them Main Site](https://wordpress.org/support/topic/broke-them-main-site/)󠁿 [TecBrat](https://profiles.wordpress.org/tecbrat/) 2023 年 4 月 5 日 I installed and activated this and set it to work on the main menu. The entire site displayed narrow on screen and did not display a hamburger menu. ![](https://secure.gravatar.com/avatar/1d683a590a4e58c6e0dbabb67bbc8f08829197e83653a4cc9f284df3742fb01b? s=60&d=retro&r=g) ### 󠀁[DO NOT INSTALL!](https://wordpress.org/support/topic/do-not-install-75/)󠁿 [serpelli](https://profiles.wordpress.org/serpelli/) 2022 年 8 月 11 日 1 則留言 I've installed the plugin and it completely deleted my functions.php file, making the theme broken. Do not install. ![](https://secure.gravatar.com/avatar/d6bd90364beb3597011beab061625cc197a21cd86374a165661538421326a8d2? s=60&d=retro&r=g) ### 󠀁[Configuration page & plugin don’t work](https://wordpress.org/support/topic/configuration-page-plugin-dont-work/)󠁿 [yannickburky](https://profiles.wordpress.org/yannickburky/) 2021 年 12 月 10 日 2 則留言 The configuration page don't work. Only the premium one. And nothing happens in front. [ 閱讀全部 5 則使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈WP Hamburger〉的開發相關工作。 參與者 * [ Fahad Mahmood ](https://profiles.wordpress.org/fahadmahmood/) * [ Invoicepress ](https://profiles.wordpress.org/invoicepress/) [將〈WP Hamburger〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-hamburger) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-hamburger/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-hamburger/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-hamburger/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-hamburger/)。 ## 變更記錄 #### 1.6.7 * Some CSS styles are updated. [Thanks to Al Clark][10/11/2024] #### 1.6.5 * Updated for WordPress. [24/05/2023] #### 1.6.4 * Updated for WordPress. [07/09/2022] #### 1.6.3 * Submenu issue resolved. [Thanks to Kickan][19/03/2022] #### 1.6.2 * Hide on mobile, new option added. [Thanks to yannickburky][11/12/2021] #### 1.6.1 * Hide on desktop, new option added. [Thanks to yannickburky][11/12/2021] #### 1.6 * Updated for WordPress. #### 1.5 * Hide on scroll revised. [Thanks to Diana] #### 1.4 * Custom image as bullet. [Thanks to Diana] #### 1.3 * PHP Notice and Warning fixed. [Thanks to Abu Usman] #### 1.2 * Position and DOM Position fields added. #### 1.1 * Elektro Skin added for WP Hamburger and Hover Effects Introduced. [Thanks to Diana & Team Ibulb Work] #### 1.0 * Initial Release of WP Hamburger. [Thanks to Diana from Switzerland] ## 中繼資料 * 版本 **1.6.8** * 最後更新 **1 年前** * 啟用安裝數 **100+** * WordPress 版本需求 ** 3.5 或更新版本 ** * 已測試相容的 WordPress 版本 **6.8.10** * PHP 版本需求 ** 7.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/wp-hamburger/) * 標籤: * [FontAwesome](https://tw.wordpress.org/plugins/tags/fontawesome/)[hamburger](https://tw.wordpress.org/plugins/tags/hamburger/) [menu](https://tw.wordpress.org/plugins/tags/menu/)[mobile responsive](https://tw.wordpress.org/plugins/tags/mobile-responsive/) [sticky](https://tw.wordpress.org/plugins/tags/sticky/) * [進階檢視](https://tw.wordpress.org/plugins/wp-hamburger/advanced/) ## 評分 2.6 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/?filter=2) * [ 3 個 1 星使用者評論 ](https://wordpress.org/support/plugin/wp-hamburger/reviews/?filter=1) [撰寫評分](https://wordpress.org/support/plugin/wp-hamburger/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/wp-hamburger/reviews/) ## 參與者 * [ Fahad Mahmood ](https://profiles.wordpress.org/fahadmahmood/) * [ Invoicepress ](https://profiles.wordpress.org/invoicepress/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-hamburger/)