教學筆記 | 科技 | 網路分享

輕鬆打造你的行動網站:WPtouch Mobile Plugin

2016-11-24
wptouch-mobile-plugin

為何要有行動版網站?

隨著行動上網的普及
越來越多的流量是來自於智慧型手機或是平板
而總是站在未來看現在的Google早在2015年4月就將是否適合行動裝置瀏覽列入評級
顯然你的網站是否符合手機瀏覽絕對是會影響SEO排名
而且在今年10月
手機及平板等行動上網裝置的流量已經正式超過桌上型電腦了
為了不流失瀏覽數
網站支援行動版是現在不得不做的事情

WPtouch Mobile Plugin
根據StatCounter統計,今年10月份全球行動上網的流量已超越電腦桌面平台,兩者出現死亡交叉。(圖/翻攝StatCounter)

你可以在行動裝置相容性測試工具中檢測相容性
如果網站沒有支援RWD
那就很容易有一堆提示跟紅字了…

WPtouch Mobile Plugin
舊式的網站介面在手機瀏覽時非常辛苦啊

還好如果你是用Wordpress架站
可以利用Jetpack就可以直接將網站改成行動版
但是Jetpack所提供的版本比較簡潔
所以Zeta改用另一個非常漂亮的外掛來打造行動版網站:WPtouch Mobile Plugin



WPtouch Mobile Plugin功能介紹

WPtouch Mobile Plugin的功能很強大
不過部分的功能需要付費才能開啟
不過既然免費版就很好用了
大家可以試用看看
如果有需要再升級就好了

直接開啟WPtouch Mobile Plugin後
在手機上瀏覽網站版型就改變了
大部分的人在做網站時都會設置首頁為靜態頁面
在行動版就沒有這個必要
我們可以在一般設定中的LANDING PAGES修改要顯示的首頁
Zeta是直接設為文章首頁

在選單位置也出現給WPtouch專用的選單
可以視情況做修改

 

 

切換到自訂設定
也出現手機版的頁面設定
這樣要修改網站要呈現的內容與樣式就方便多了

 

修改完的網站在回到行動裝置相容性測試工具中做檢測就沒問題囉