1. 首頁
  2. »
  3. 網站架設
  4. »
  5. WordPress
  6. »
  7. WordPress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁

WordPress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁

2012/12/12

梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁

  先前曾分享過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下,再進到後台啟用它。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


接著把作好的手機佈景,放到wp-content / themes下。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


進到Mobile theme switch,從Mobile theme的下拉選單中,選擇手機版的佈景。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


這時拿出智慧型手機來測試一下,頁面就會自動的切換成手機版本啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


自訂模式切換:
開啟手機版的footer.php,加入連結為?mobile=off,這樣就會切回電腦版啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


接著開啟電腦版的footer.php,加入連結為?mobile=on,這樣就會切回手機版啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁


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

梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁