
一個漂亮的選單,對wordpress網站優化來說非常重要;但是可以支援手機行動版本的wp優化更重要,因為使用手機看文章的人越來越多,連Google都說支援手機行動版本會列入搜尋排序的指標之一,但是要設計一個好用又美觀的選單真的不是件容易的事,有了Superfly Menu一切搞定。
文章目錄
WordPress生態圈
有時候,真的很配服外國人的創意的,創造了wordpress這個免費的軟體以後,更創造了以WP為主的軟體生態圈,衍生出Theme and Plugins的龐大商機;最熱銷的一款Theme,售價60美金,就可以賣27萬份,就創造了1620萬美金;而且這還只是單一這款喔!可以想像一下網路上數以萬計收費型的Theme和Plugins,創造多少網路經濟。接下來讓我們來看看今天的主題吧!
Superfly Menu有什麼神奇之處呢?


掃一下,先看看手機版長什麼樣

Superfly Menu
網址:http://superfly.looks-awesome.com
基本上它不是一個免費的Wordpress外掛程式,目前為止已經賣出3379份,也算是一個小有名氣的wordpress plugins,為什麼說基本上不是免費呢?因為你買的佈㬌主題可能有送,那就不用另外買囉!
當我們下載安裝並且啓用Superfly Menu外掛元件後,底下就是一些相關設定
底下圖文說明有點多,圖片中有附註通常是比較需要修改的部份,其餘就依個人需求設置囉!我自已呢!就沒有全部設定囉!
WordPress選單設定



首先我們可以在「外觀/選單」中發現有一些變化了,每一個選單的名稱右側多出「* SF」的符號,它代表著SuperFly縮寫,也就是已安裝成功,我們可以按下「* SF」符號,個別設定每一個選單的樣式及功能。
Superfly Menu設定


Superfly 一般設定/控制台

Superfly 樣式設定/控制台

Superfly 識別設定/控制台


上方圖片:其實是一個非常棒的識別標誌,可以用個人大頭貼照片或Logo。
標題:建議不要設定太長,因為看起來會不美觀,如果上方圖片識別性夠的話,標題可以留空白
其他項目可以自行決定是否需要設定。
Superfly 社群設定/控制台


Superfly 額外設定/控制台

Superfly 選單項目


在這一頁中,我只設定了字型大小,其他的項目可以依自已需求設定其他格式,可以自行調整。
Superfly 按鈕

Superfly 進階

Superfly 圖示

上面的設定過程中,可以先切成「Test Mode」,等到我們都測試調整完成後,再關掉。
codecanyon.net

最後如果你是使用Wordpress,而且對這個小工具有興趣,這個價值22元美金的外掛,可以到這裡看看:Superfly — Responsive WordPress Menu Plugin