![Wordpress Mobile Superfly Menu 1 Wordpress Mobile Superfly Menu 1](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress-mobile-Superfly-Menu-1.jpg?fit=590%2C300&ssl=1)
一個漂亮的選單,對wordpress網站優化來說非常重要;但是可以支援手機行動版本的wp優化更重要,因為使用手機看文章的人越來越多,連Google都說支援手機行動版本會列入搜尋排序的指標之一,但是要設計一個好用又美觀的選單真的不是件容易的事,有了Superfly Menu一切搞定。
WordPress生態圈
有時候,真的很配服外國人的創意的,創造了wordpress這個免費的軟體以後,更創造了以WP為主的軟體生態圈,衍生出Theme and Plugins的龐大商機;最熱銷的一款Theme,售價60美金,就可以賣27萬份,就創造了1620萬美金;而且這還只是單一這款喔!可以想像一下網路上數以萬計收費型的Theme和Plugins,創造多少網路經濟。接下來讓我們來看看今天的主題吧!
Superfly Menu有什麼神奇之處呢?
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 20](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-20.gif?resize=500%2C704&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 21](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-21.gif?resize=500%2C652&ssl=1)
掃一下,先看看手機版長什麼樣
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu Qrcode](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-qrcode.jpg?resize=300%2C298&ssl=1)
Superfly Menu
網址:http://superfly.looks-awesome.com
基本上它不是一個免費的Wordpress外掛程式,目前為止已經賣出3379份,也算是一個小有名氣的wordpress plugins,為什麼說基本上不是免費呢?因為你買的佈㬌主題可能有送,那就不用另外買囉!
當我們下載安裝並且啓用Superfly Menu外掛元件後,底下就是一些相關設定
底下圖文說明有點多,圖片中有附註通常是比較需要修改的部份,其餘就依個人需求設置囉!我自已呢!就沒有全部設定囉!
WordPress選單設定
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 17](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-17.jpg?resize=621%2C1024&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 18](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-18.jpg?resize=742%2C585&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 19](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-19.jpg?resize=742%2C533&ssl=1)
首先我們可以在「外觀/選單」中發現有一些變化了,每一個選單的名稱右側多出「* SF」的符號,它代表著SuperFly縮寫,也就是已安裝成功,我們可以按下「* SF」符號,個別設定每一個選單的樣式及功能。
Superfly Menu設定
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 2](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-2.jpg?resize=742%2C346&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 3](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-3.jpg?resize=742%2C594&ssl=1)
Superfly 一般設定/控制台
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 4](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-4.jpg?resize=742%2C608&ssl=1)
Superfly 樣式設定/控制台
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 11](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-11.jpg?resize=742%2C443&ssl=1)
Superfly 識別設定/控制台
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 12](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-12.jpg?resize=742%2C346&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 15](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-15.jpg?resize=180%2C300&ssl=1)
上方圖片:其實是一個非常棒的識別標誌,可以用個人大頭貼照片或Logo。
標題:建議不要設定太長,因為看起來會不美觀,如果上方圖片識別性夠的話,標題可以留空白
其他項目可以自行決定是否需要設定。
Superfly 社群設定/控制台
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 13](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-13.jpg?resize=742%2C595&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 16](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-16.jpg?resize=300%2C127&ssl=1)
Superfly 額外設定/控制台
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 14](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-14.jpg?resize=742%2C625&ssl=1)
Superfly 選單項目
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 6](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-6.jpg?resize=742%2C359&ssl=1)
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 7](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-7.jpg?resize=742%2C683&ssl=1)
在這一頁中,我只設定了字型大小,其他的項目可以依自已需求設定其他格式,可以自行調整。
Superfly 按鈕
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 8](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-8.jpg?resize=742%2C764&ssl=1)
Superfly 進階
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 9](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-9.jpg?resize=742%2C680&ssl=1)
Superfly 圖示
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 10](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-10.jpg?resize=742%2C515&ssl=1)
上面的設定過程中,可以先切成「Test Mode」,等到我們都測試調整完成後,再關掉。
codecanyon.net
![Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 5](https://i0.wp.com/jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress優化mobile手機行動版本選單推薦外掛Superfly-Menu-5.jpg?resize=742%2C342&ssl=1)
最後如果你是使用Wordpress,而且對這個小工具有興趣,這個價值22元美金的外掛,可以到這裡看看:Superfly — Responsive WordPress Menu Plugin