WordPress網站手機瀏覽的最佳化設定方式

常常在微博,推特看到有興趣的文章標題,但點進去後往往不是字太小難以閱讀,不然就是開很慢。但有些網站就有手機閱覽模式的設定,像#36氪#就有這樣親民的設定。有鑒於使用手機逛網路的使用者越來越多(像我就是),所以將網站設定成適合手機瀏覽格式就相當有必要。你不需要另外做一個專門給手機看的網站,只要設定成自動偵測就可以了,我們使用WordPress Mobile Pack這個外掛進行設定:

基本要求

  • 你的網站必需是在自己空間架的
  • 並且使用Wordpress所建立的網站

安裝

使用方式

安裝完成後會在“外觀”選項下出現以下三個新項目,然後調整成你要的設定就可以了

  • Mobile Theme:只在你選擇Mobile預設佈景主題時才有用
  • Mobile Widget
  • Mobile Switcher:可選擇Mobile預設佈景主題或任意主題

用手機檢視時,不同的佈景主題會有不同的效果,在我的網站是設定成當讀者由Laptop或Desktop進來時會看到Fluid Blue這個佈景主題,但用手機瀏覽時則會看到Scherzo這個主題,因為我不太喜歡預設的手機主題,所以測試幾個主題後認為Scherzo比較合適手機瀏覽。

注意:當一開始設定好Scherzo側邊欄項目給Mobile使用 然後切換回Fluid Blue後,如果要再切回去Scherzo的話,兩邊主題的側邊欄設定全部都會變回預設,要小心!不過,只要到 >未啓用的模組 重新拖到側邊欄就好了

此外,微博本身就有此設定,當讀者經由微博連到你的網站時,會出現使用手機版或電腦版的選項,只是如果原本有分享按鈕的功能會消失。