先前曾分享過WPtouch外掛套件,讓Wordpress可以依使用的裝置,自動切換成手機版模式,但WPtouch時常造成誤辨,明明使用桌機版,還硬被切到手機版,除此之外在版型的部分,也相當的制式,同時WPtouch則是仿造iOS的樣式,若要修改它的佈景,那還真是複雜,且它的切回桌機版模式,時常秀斗,當切換到桌機版時,也無法再將它切回來,所以最近梅干趁著這次的小改版,也順便製作了手機版型,因此現在用手機,也可舒服的閱讀梅問題的文章啦!
雖然製作手機版頁面並不困難,但麻煩的是在頁面的切換,找了好幾套的佈景切換外掛,終於找到一套合用的佈景切換,同時還可自由的切換模式,如此一來就不用擔心,當把頁面切成桌機就回不來的冏境,更重要的一點就是可自行的設計,自已的手機版頁面,讓你的頁面更有個人特色,現在就一塊來看看,如何在Wordpress自動的切換手機佈景,以及製作的重點。
使用外掛:
外掛名稱:Mobile theme switch
外掛版本:0.6
適用平台:WordPress 2.7+
下載網址:http://wordpress.org/extend/plugins/mobile-theme-switcher/
外掛版本: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,這樣就會切回手機版啦!
馬上來測試一下,拉到網頁下方,就可任意的切換瀏覽模式啦!
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題