Wordpress Mobile Superfly Menu 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
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 一般樣式
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 21
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 豐富圖文樣式

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

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu Qrcode
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu Qrcode

Superfly Menu

網址:http://superfly.looks-awesome.com

基本上它不是一個免費的Wordpress外掛程式,目前為止已經賣出3379份,也算是一個小有名氣的wordpress plugins,為什麼說基本上不是免費呢?因為你買的佈㬌主題可能有送,那就不用另外買囉!

當我們下載安裝並且啓用Superfly Menu外掛元件後,底下就是一些相關設定

底下圖文說明有點多,圖片中有附註通常是比較需要修改的部份,其餘就依個人需求設置囉!我自已呢!就沒有全部設定囉!

WordPress選單設定

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 17
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 控制Wordpress中的選單
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 18
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 單獨設定選單圖示
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 19
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 單獨設定選單是否出現於行動版本中

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

Superfly Menu設定

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 2
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 選單目錄來源設定,不需特別設定
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 3
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 選單顯示規則設定,測試時,將「Test Mode」開啓

Superfly 一般設定/控制台

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 4
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 一般設定/選單控制

Superfly 樣式設定/控制台

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 11
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 樣式設定/選單控制

Superfly 識別設定/控制台

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 12
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 識別/選單控制
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 15
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 前台展示

上方圖片:其實是一個非常棒的識別標誌,可以用個人大頭貼照片或Logo。

標題:建議不要設定太長,因為看起來會不美觀,如果上方圖片識別性夠的話,標題可以留空白

其他項目可以自行決定是否需要設定。

Superfly 社群設定/控制台

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 13
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 社群設定/選單控制
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 16
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 前台選單社群展示

Superfly 額外設定/控制台

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 14
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 額外設定/選單控制

Superfly 選單項目

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 6
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 選單項目設定1
Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 7
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu -選單項目設定2

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

Superfly 按鈕

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 8
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 按鈕

Superfly 進階

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 9
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 進階

Superfly 圖示

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 10
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – 圖示

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

codecanyon.net

Wordpress優化mobile手機行動版本選單推薦外掛Superfly Menu 5
WordPress優化mobile手機行動版本選單推薦外掛Superfly Menu – codecanyon.net

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

回覆留言

Please enter your comment!
Please enter your name here