wp用了很久了闷串，因為wp站點IT老五一直只是作為自己的博客用于記錄刨裆，也就沒有去考慮移動端兼容的問題了夹抗。這段時間看到Google Search Console的幾封關(guān)于“移動設(shè)備易用性 問題”的郵件蒲祈，而且在手機上打開wp站點確實體驗很差呆瞻，于是決定做下移動端兼容處理谷婆。
思路很簡單慨蛙，使用一個新的主題用于在移動設(shè)備上展示辽聊。于是，找到了兩個插件期贫，WordPress Mobile Themes與WP Mobile X跟匆，兩者都能為wp開啟在移動端使用一個新的主題。
區(qū)別
兩者最大區(qū)別在于：前者僅提供插件通砍，需要自己另外找主題玛臂；而后者在插件基礎(chǔ)上，自帶了一套免費默認主題以及一套收費主題封孙。另外迹冤，還有一些小區(qū)別：前者后臺設(shè)置僅提供主題選擇（手機及平板設(shè)備可以分別設(shè)置），后者因為帶有默認主題虎忌，所以在主題選擇之外還有簡易的主題設(shè)置頁面泡徙。
WP Mobile X
為了省事，我選擇了WP Mobile X膜蠢，并使用了其默認主題堪藐，安裝及配置操作步驟如下：
- 下載WP Mobile X插件包
-
在wp后臺-->插件-->安裝插件頁，點擊上傳插件挑围，選擇剛下載的zip包進行上傳并安裝礁竞，
itlao5后臺設(shè)置.png - 安裝成功后，在已安裝的插件中找到WP Mobile X并開啟
-
此時可以看到左邊功能列表最下方出現(xiàn)了“手機主題”杉辙，點擊進入設(shè)置
itlao5后臺設(shè)置2.png - 根據(jù)提示在常規(guī)設(shè)置和主題設(shè)置中進行設(shè)置
- 需要注意的是苏章，因為是使用了新的主題，所以需要在 外觀-->菜單中為你的移動端主題設(shè)置新的菜單（也可以跟pc端的共用）
- 其他個性設(shè)置奏瞬，因為是新的主題枫绅，如果你之前在pc主題下做過一些js修改，可能需要在新主題下再重新修改一次硼端。
效果
最終效果如下圖：
基本上使用上述的兩個插件并淋，實現(xiàn)wp兼容移動端僅僅需要幾分鐘的時間，加上一些配套的信息完善珍昨、主題選擇及js修改等县耽，也花不了多少時間，但在移動設(shè)備上的體驗確實有了巨大的改善镣典。
簡書：ThinkinLiu 博客: IT老五
下載地址：
WordPress Mobile Themes 官網(wǎng)：https://wordpress.org/plugins/wp-mobile-themes/
WP Mobile X 官網(wǎng)：https://wordpress.org/plugins/wp-mobile-x/
