先前曾分享過WPtouch 插件套件,讓 Wordpress 可以依使用的裝置,自動切換成手機版模式,但 WPtouch 時常造成誤辨,明明使用桌機版,還硬被切到手機版,除此之外在版型的部分,也相當的制式,同時 WPtouch 則是仿造 iOS 的樣式,若要修改它的主題,那還真是複雜,且它的切回桌機版模式,時常秀鬥,當切換到桌機版時,也無法再將它切回來,所以最近我趁着這次的小改版,也順便製作了手機版型,因此現在用手機,也可舒服的閲讀梅問題的文章啦!

  雖然製作手機版頁面並不困難,但麻煩的是在頁面的切換,找了好幾套的主題切換插件,終於找到一套合用的主題切換,同時還可自由的切換模式,如此一來就不用擔心,當把頁面切成桌機就回不來的冏境,更重要的一點就是可自行的設計,自已的手機版頁面,讓你的頁面更有個人特色,現在就一塊來看看,如何在 Wordpress 自動的切換手機主題,以及製作的重點。


使用插件:

插件名稱:Mobile theme switch
插件版本:0.6
適用平台:WordPress 2.7+
下載網址:http://wordpress.org/extend/plugins/mobile-theme-switcher/

將插件放到 wp-content / plugins下,再進到後台啓用它。


接着把作好的手機主題,放到 wp-content / themes下。


進到Mobile theme switch,從 Mobile theme 的下拉選單中,選擇手機版的主題。


這時拿出智慧型手機來測試一下,頁面就會自動的切換成手機版本啦!


自訂模式切換:
開啓手機版的 footer.php,加入連結為?mobile=off,這樣就會切回電腦版啦!


接着開啓電腦版的 footer.php,加入連結為?mobile=on,這樣就會切回手機版啦!


馬上來測試一下,拉到網頁下方,就可任意的切換瀏覽模式啦!