4 月21
安裝WPTouch外掛將WordPress升級為適合「行動裝置」瀏覽網站

安裝WPTouch外掛將WordPress升級為適合「行動裝置」瀏覽網站現在使用智慧型手機上網的人口可說是節節攀升,現在連Google都不得不重視,而且還要求其所有關係比較密切的網站經營者與部落客必須符合「行動裝置相容性測試」,否則以後使用搜尋排名將會下降。所以,這裡要介紹一款工作熊幾經波折費了一番功夫才發現的WordPress外掛《WPTouch Mobile Plugin 》,驀然回首原來就在燈火闌珊處啊!

這款《WPTouch Mobile Plugin 》外掛是免費的,可以讓使用WordPress架設網站的使用者不費吹灰之力就可以完成網站行動版的設置與升級,重點是有支援中文版,而且原來安裝的AdSense廣告也都還在,真是太好用了,WordPress架站者的懶人聖品。另外這款外掛還支援使用者自己放置程式碼於頁腳(footer)的地方,方便使用者安裝自己的Analytics或AdSense程式碼。

相關閱讀:Google開始將【適合行動裝置瀏覽的程度】列入評級

廢話不多說,就來看看這款《WPTouch Mobile Plugin 》外掛如何安裝與使用!

步驟1、下載並安裝《WPTouch Mobile Plugin 》外掛

《WPTouch Mobile Plugin 》外掛網站:https://wordpress.org/plugins/wptouch/

你可以從上面的連結到WordPress管網下載外掛來解壓縮,然後在上傳到版型下面的《plugin》目錄下。不過工作熊建議到WordPress的後台點【外掛】,在點擊【安裝外掛】,然後在搜尋框輸入【wptouch】按【Enter】鍵。找到《WPtouch Mobile Plug》後按【立刻安裝】就以了。

步驟1、下載並安裝《WPTouch Mobile Plugin 》外掛

安裝完成後,接著按【啟用外掛】。

WPTouch02

步驟2、設定WPtouch為中文版

WPtouch剛安裝完成的時候只會顯示英文,不知道是否為bug,這裡明明就有自動偵測語言的功能。不管了,如果使用的時候沒有自動顯示為中文,就請依照下列的操作步驟來設定成中文顯示吧,畢竟大家都是使用中文,有中文看起來還是比較舒服,但有些地方仍然沒有完全中文化就是了。

在WordPress後台的左側邊欄找到【WPtouch】,點擊一下後會開啟下面的子功能表,點一下【Core Settings】,在「Regionalization」的地方選擇【繁體字】,否則手幾顯示的時候功能表會出現英文字。

步驟2、設定WPtouch為中文版

這就是設定變成繁體中文顯示的畫面了。WPTouch06

相信我,這樣子就完成手機板的版型升級了。

步驟3、驗證手機板畫面顯示

趕快拿出手機來輸入我們剛剛安裝《WPTouch Mobile Plugin 》外掛的網址。噹噹~出現了!出現了!這首頁的畫面比我想像中的還要來得優,而且還是免費的。贊啦!

使用WPTouch外掛,首頁顯示手機版畫面。使用WPTouch外掛,首頁顯示手機版畫面。

檢查一下單篇文章,畫面也很優,雖然可能還比不上其他客製化的版型,但目前這個樣子就已經很滿足了,日後有時間再來修改自己的版型。而且原來安裝Google的AdSense廣告也可以正常顯示。

使用WPTouch外掛,單篇文章顯示手機版畫面。使用WPTouch外掛,單篇文章顯示手機版畫面,連AdSense廣告也可以顯示。

步驟4、進階設定WPtouch安裝自己的追蹤碼

說真的WPtouch並不需要什麼特別的設定就可以使用了,其實免費版也沒有太多可以設定的地方,下面就稍微介紹一下可以設定的地方。

點擊【WPtouch】下面的【主旨設定】,在【一般】標籤的地方可以設定首頁文章顯示的數量,下面的地方則可以設定要不要顯示文章分類與標籤、日期、作者、搜尋…等功能,可以依照個人需要來設定。
步驟4、進階設定WPtouch安裝自己的追蹤碼。

點擊【WPtouch】下面的【主旨設定】,在【品牌】標籤的地方可以設定主題的顏色。另外,有個地方很重要的是「主題頁腳」的地方,這裡可以貼上Analytics的追蹤碼以及AdSense的廣告程式碼,雖然我們在原來的版型可能已經有放置Analytics追蹤碼了,可是手機板形是新的版型與程式,所以手機版型應該是還沒有Analytics追蹤碼,如果可以的話建議使用手機模擬軟體瀏覽器來看一下原始碼會比較好一點。
WPTouch。有個地方很重要的是「主題頁腳」的地方,這裡可以貼上Analytics的追蹤碼以及AdSense的廣告程式碼,雖然我們在原來的版型可能已經有放置Analytics追蹤碼了,可是手機板形是新的版型與程式,所以手機版型應該是還沒有Analytics追蹤碼,如果可以的話建議使用手機模擬軟體瀏覽器來看一下原始碼會比較好一點。 

把【品牌】標籤的畫面再往下拉,可以看到「頁腳社交連結」設定,這裡可以設定你的Facebook、Tiwtter、Google+、Instagram、Tumblr、電子郵件、RSS等網址連結。設定完成後記得按【儲存更改】。
WPTouch12

後記:

  1. 開始使用《WPTouch Mobile Plugin 》後發現一個問題,網頁下面有【行動】與【桌面】選項,如果使用者如果點選了【桌面】,也就是傳統電腦顯示頁面後,畫面好像就回不到【行動】頁面了,這點可能要注意一下。
  2. 目前免費版的《WPTouch Mobile Plugin 》只會在手機的瀏覽器上顯示手機版的畫面,如果是平板電腦則還是顯示成電腦版的畫面。


延伸閱讀:
Google Publisher Plugin:讓WordPress掛AdSense廣告不用怕
[外掛]讓WordPress也能用電子郵件通知對方留言已回覆
WP-PageNavi讓WordPress也可以有數字分頁功能列


本部落格提供免費電子書索取:
我如何開始寫部落格 寫部落格賺錢術 如何提昇部落格人氣

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *