「Mobile theme switch」 手機版佈景切換外掛

香腸所使用的WordPress部落格系統,因為之前還沒加裝手機版佈景主題,想找個外掛試試看,讓手機版的使用者可以擁有手機版的專屬網頁,不必在小小的畫面中瀏覽一般PC網頁版,就在煩惱之餘,我們的美食一哥阿福推薦我一套WordPress手機版外掛「Mobile theme switch」,不過這個外掛只支援切換為手機版,所以使用者需要另外設計或是找個手機版佈景來套用。

透過「Mobile theme switch」這款外掛,可以讓你網站有效的套用手機版網頁,至於這款外掛有沒有失誤呢?目前使用上還好,至少在電腦瀏覽器看網頁的時候,都還沒有不小心變成手機版,不過倒是有遇過在手機版上誤判為網頁版,但問題不大,這種東西或多或少都會誤判,是正常的狀況,如果太頻繁就算是個bug囉!

其實這款外掛很簡單,本來不打算寫成文章,不過這麼好用的東西不推薦好像對不起自己,所以就發篇文章與大家分享一下是哪個外掛?這款外掛最先介紹是從梅干那邊看到的,而且看到他的手機版乾淨俐落所以就想說也來改一下香腸炒魷魚的手機版網頁,當香腸花了一天的時間改完之後,就立刻將它放到網站上,然後利用Mobile theme switch這款WordPress手機板外掛,讓網站現在也有手機版囉!

  • 外掛名稱:Mobile theme switch
  • 外掛下載:按這裡 

第1步  首先來到你的WordPress後台介面,在左邊的「外掛」部分點選「新增外掛」,接著搜尋一下這個外掛的名稱「Mobile theme switch」,找到相符的外掛後點「立刻安裝」。

「Mobile theme switch」 手機版佈景切換外掛

第2步  安裝完成後請直接啟用外掛。

「Mobile theme switch」 手機版佈景切換外掛

第3步  現在我們跳到FTP畫面,這時候請先將您已經製作好的手機版佈景主題,上傳到一般的佈景主題目錄,也就是「/public_html/wp-content/themes」下面。

「Mobile theme switch」 手機版佈景切換外掛

第4步  回到WordPress後台,我們點左下方【外觀】→【Mobile theme switch】,進入後請選擇你要套用給手機版使用的佈景,然後點選﹝Update Options﹞更新設定。

「Mobile theme switch」 手機版佈景切換外掛

 

第5步  如果你有安裝快取外掛,記得做手機版的設定與清除快取內容。在此我們以WP Super Cache為例子,進入WP Super Cache設定頁面切到【進階選項】,將其中的「行動裝置支援」打勾,更新一下就可以了。

「Mobile theme switch」 手機版佈景切換外掛

第6步  透過智慧型手機瀏覽,就會出現專屬的手機版網頁,平版電腦也會相同。在此我們使用Android手機做為瀏覽範例。

香腸炒魷魚QR Code

「Mobile theme switch」 手機版佈景切換外掛

「Mobile theme switch」 手機版佈景切換外掛