WordPress：【IT老五】一分鐘快速支持移動端

wp用了很久了，因爲wp站點IT老五一直只是作爲自己的博客用於記錄，也就沒有去考慮移動端兼容的問題了。這段時間看到Google Search Console的幾封關於“移動設備易用性 問題”的郵件，而且在手機上打開wp站點確實體驗很差，於是決定做下移動端兼容處理。

思路很簡單，使用一個新的主題用於在移動設備上展示。於是，找到了兩個插件，WordPress Mobile Themes與WP Mobile X，兩者都能爲wp開啓在移動端使用一個新的主題。

區別

兩者最大區別在於：前者僅提供插件，需要自己另外找主題；而後者在插件基礎上，自帶了一套免費默認主題以及一套收費主題。另外，還有一些小區別：前者後臺設置僅提供主題選擇（手機及平板設備可以分別設置），後者因爲帶有默認主題，所以在主題選擇之外還有簡易的主題設置頁面。

WP Mobile X

爲了省事，我選擇了WP Mobile X，並使用了其默認主題，安裝及配置操作步驟如下：

1. 下載WP Mobile X插件包

2. 在wp後臺-->插件-->安裝插件頁，點擊上傳插件，選擇剛下載的zip包進行上傳並安裝，

   
   
3. 安裝成功後，在已安裝的插件中找到WP Mobile X並開啓

4. 此時可以看到左邊功能列表最下方出現了“手機主題”，點擊進入設置

   
   
5. 根據提示在常規設置和主題設置中進行設置
6. 需要注意的是，因爲是使用了新的主題，所以需要在 外觀-->菜單中爲你的移動端主題設置新的菜單（也可以跟pc端的共用）
7. 其他個性設置，因爲是新的主題，如果你之前在pc主題下做過一些js修改，可能需要在新主題下再重新修改一次。

效果

最終效果如下圖：

基本上使用上述的兩個插件，實現wp兼容移動端僅僅需要幾分鐘的時間，加上一些配套的信息完善、主題選擇及js修改等，也花不了多少時間，但在移動設備上的體驗確實有了巨大的改善。

簡書：ThinkinLiu 博客: IT老五

下載地址：
WordPress Mobile Themes 官網：https://wordpress.org/plugins/wp-mobile-themes/
WP Mobile X 官網：https://wordpress.org/plugins/wp-mobile-x/