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

梅問題-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輕鬆打造專屬的手機版網頁

相關文章

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 5 梅留言

  • 第2梅
    Max 說道:

    製作出手機版網頁之後,在Mobile theme switch裡面卻找不到特別製作的主題,
    是Mobile theme switch在判別手機板主題的時候有什麼特別的條件需要滿足嗎?

    回應:
    該外掛只有判斷裝置的部分 至於佈景需自行製作
  • 第1梅
    Daniel 說道:

    大大:
    請問你在 自訂模式切換 的章節中用的是什麼軟體?