[WordPress] 外掛分享： Responsive Mobile Menu

WordPress 外掛 Responsive Mobile Menu 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Responsive Mobile Menu」是 2017-05-11 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2017-05-12，距離現在已有 2914 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

lindbergsw |

外掛標籤

menu | sidebar | navigation | responsive | responsive menu |

內容簡介

這個外掛主要是設計為行動版菜單，但它同時支持桌面和觸控設備，並可設定顯示在特定解析度下，如平板電腦、手機、桌面等。設置起來只需要不到一分鐘，只需點擊啟用並選擇要顯示的設備即可。

前往外觀 -> 反應式菜單並進行設置！
啟用外掛只需選擇偏好設備，然後按“更新”即可

如需要幫助或有疑問，請通過[email protected]與我聯繫

注意事項：

該外掛只能顯示1個菜單
您可以選擇僅在手機、平板電腦、筆記型電腦或桌面上顯示菜單
如果菜單圖標無法顯示，請查看常見問題解答
尺寸：手機：768、平板電腦：992、筆記型電腦：1200、桌面：1200或更高。

常見問題解答：

菜單圖標無法顯示
在菜單按鈕選項下，您需要使用正確的類選擇器或ID選擇器，包括對應的“.”點號作為類選擇器以及“#”井號作為ID選擇器。
類選擇器在一個或多個字符串之前加上一個點號“.”宣告。 字符串由開發人員定義。

ID選擇器使用井號“#”進行宣告。與類選擇器一樣，開發人員定義字符串。

安裝：

在WordPress的“外掛”菜單下的“新增”部分，您可以找到不同選項以添加反應式手機菜單外掛。
在WordPress中，搜尋“反應式手機菜單”並點擊安裝
使用FTP可以將responsive-mobile-menu上傳到/wp-content/plugins/目錄

更改：

2017年5月1日：更新UI
2017年5月1日：修復了菜單在啟用時沒有水平滾動條的問題
2017年5月3日：更新動畫
2017年5月5日：增加更多自定義選項
2017年5月6日：清理和最小化代碼
2017年5月6日：更新按鈕設計
2017年5月6日：更新設置UI
2017年5月7日：重寫動畫功能
2017年5月7日：更新圖像
2017年5月10日：更新觸控功能
2017年5月11日：更新回返/關閉導航設計
2017年5月11日：現在如果有足夠的內容，您可以在側邊欄中滾動
2017年5月11日：改進說明和整體解釋

授權：

感謝Pluto提供CSS動畫
感謝Colorzilla提供的CSS工具：http://colorzilla.com
Responsive Mobile Menu使用https://www.iconfinder.com中的免費圖標，它是GPL許可下的//https://www.gnu.org/copyleft/gpl.html
Responsive Mobile Menu受Responsive Menu By Peter Featherstone啟發//捐款鏈接：https://responsive.menu/donate//插件鏈接：https://wordpress.org/plugins/responsive-menu/
Responsive Mobile Menu是WBB Off Canvas Menu By Webberty的分支，該菜單已經有2年未更新//捐款鏈接：https://pledgie.com/campaigns/30022//插件鏈接：https://wordpress.org/plugins/wbb-off-canvas-menu/
Responsive Mobile Menu使用Dave Gandy的Font Awesome //http://fontawesome.io/

原文外掛簡介

While designed primarily as a mobile menu, this plugins works on both desktop and touch devices and can be set to be shown at specified resolutions such as tablet, mobile phone, desktop and more. It takes less than a minute to setup, literally all you have to do is click activate and choose devices to show on.
Go to Appearance -> Responsive Menu and make your settings!
To activate the plugin, all you have to do is pick your prefered devices and click “Update”
If you need help or have questions please contact me at [email protected]
NOTES:

You can only show 1 menu with this plugin
You can choose to only show the menu on mobile, tablet, laptop or desktop
If the menu icon won’t show up, look under fequently asked questions
Sizes: Mobile: 768, tablet: 992, laptop: 1200, desktop: 1200 and up.

FREQUENTLY ASKED QUESTIONS:
Menu icon will not show up
Under the menu button options you need to use the correct class selector or id selector including the corresponding dot “.” for class selector and the hash “#” for the ID selectors.
Class selectors are declared with a dot “.” preceding a string of one or more characters. The string of characters is defined by the developer.
ID selector is declared using a hash, or pound symbol “#”. Just as is the case with an Class selector, this string of characters is defined by the developer.
INSTALLATION:

In WordPress under the plugin menu > “add new” section you can find different options to add the responsive mobile menu plugin.
In WordPress under plugins search for “responsive mobile menu” and click install
Using FTP you can upload the responsive-mobile-menu to the /wp-content/plugins/ directory.

CHANGES:

1th May 2017: Updated UI
1th May 2017: Fixed so menu doesn’t have horizontal scroll on activation
3th May 2017: Updated animations
5th May 2017: Added more customization
6th May 2017: Cleaned and minified code
6th May 2017: Updated button design
6th May 2017: Updated Settings UI
7th May 2017: Rewrote animation features
7th May 2017: Updated images
10th May 2017: Updated touch functions
11th May 2017: Updated back/close navigation design
11th May 2017: You can now scroll in the sidebar if there is enough content
11th May 2017: Improved descriptions and overall explanations

LICENSES:

Thank you to Pluto for the CSS animations
Thank you to Colorzilla for your CSS tools: http://colorzilla.com
Responsive Mobile Menu uses free icons from https://www.iconfinder.com which is under the GPL license // https://www.gnu.org/copyleft/gpl.html
Responsive Mobile Menu is inspired by Responsive Menu By Peter Featherstone // Donation link: https://responsive.menu/donate // Plugin link: https://wordpress.org/plugins/responsive-menu/
Responsive Mobile Menu is a fork of WBB Off Canvas Menu By Webberty which sadly has not been updated for 2 years // Donation link: https://pledgie.com/campaigns/30022 // Plugin link: https://wordpress.org/plugins/wbb-off-canvas-menu/
Responsive Mobile Menu uses Font Awesome by Dave Gandy // http://fontawesome.io/

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Responsive Mobile Menu」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | trunk |

延伸相關外掛（你可能也想知道）

  • Breadcrumb NavXT 》Breadcrumb NavXT 是受歡迎的 WordPress 外掛 Breadcrumb Navigation XT 的後繼者，從頭開始編寫以比其前輩更好。此外掛可為您的 WordPress 網誌或網站生成定...。
  • WP-PageNavi 》想要取代舊的 ← Older posts | Newer posts → 連結，並改為一些頁面連結嗎？, 這個外掛提供了 wp_pagenavi() 的樣板標籤，可以產生豪華的分頁連結...。
  • Max Mega Menu 》Max Mega Menu 可自動將您現有的菜單轉換為豪華菜單。您還可以將任何 WordPress widget 添加到菜單中，使用主題編輯器重新風格化菜單，並使用內建設置更改菜...。
  • Page scroll to id 》Page scroll to id 是一款功能完整的外掛，將瀏覽器「跳轉」行為替換成平滑捲動動畫效果，當按下 href 值含 # 的鏈結時。此外，它提供所有基本工具和進階功能...。
  • Menu Image, Icons made easy 》這個外掛可以輕鬆地在選單項目中加入圖像或圖示，打造更好的網站選單。, 可以控制圖像或圖示的位置以及大小。, 這個 Menu Image 外掛還有其他功能，以下是其...。
  • Menu Icons by ThemeIsle 》這個外掛提供了在選單項目中加入圖示的功能，就像最新的儀表板選單的外觀一樣。, , 使用方法, , 啟用外掛後，前往外觀 > 選單以編輯您的選單, 在「選單圖...。
  • LuckyWP Table of Contents 》ptoc] used to manually insert the table of contents., Filters lwptoc_settings, lwptoc_post_settings, Use for change plugin settings programmaticall...。
  • Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式，擁有超過150個可自訂選項，讓您擁有22,500種組合選擇！您不需要編寫代碼或知識，只需使用簡單易用的介...。
  • Font Awesome 4 Menus 》此 WordPress 外掛能夠在不需編寫任何程式碼的情況下，將 Font Awesome 4 圖示添加到您的 WordPress 選單和網站上！您只需將 fa-（圖示名稱）添加為選單的 cl...。
  • Exclude Pages 》這個外掛新增了一個勾選框，「在選單中包含此頁面」，取消勾選則排除使用者在您的網站上看到的頁面導覽中的頁面。, 如有問題：聯繫我。此插件新增了一個勾選...。
  • WP-Paginate 》最新消息, WP-Paginate 是一個簡單靈活的分頁外掛，可為您的 WordPress 網站提供更好的導覽方式。, 除了提高訪客的使用體驗外，更廣泛的報告顯示，分頁可透過...。
  • Rich Table of Contents 》RTOC是一個來自日本的目錄生成外掛，讓任何人都可以輕鬆地創建目錄。除了擁有傳統目錄外掛的功能外，它設計了精美易用的介面。實時預覽具有直觀的使用者介面...。
  • Flexy Breadcrumb 》PressTigers 的 Flexy Breadcrumb 是一個簡單而強大的麵包屑導覽系統外掛，適用於 WordPress 網站。使用此外掛，您可以透過 [flexy_breadcrumb] 短碼在網站的...。
  • WP Realtime Sitemap 》這是一個網站地圖的 WordPress 外掛，可以讓您輕鬆地顯示所有頁面、文章、存檔、分類和標籤，而無需進行樣板修改或在網頁上懂 HTML/PHP 知識。, 此外掛不會建...。
  • WP PageNavi Style 》首先，我想感謝 Lester 'GaMerZ' Chan 和 scribu 為這個美麗的 WordPress 頁面導航外掛所做出的貢獻。, 使用此外掛你必須先安裝 Wp Pagenavi。 , 連結：分頁...。

文章
Filter
Apply Filters
Close
Mastodon