在網站剛建了沒多久之后，我就開放rpc-xml，并用官方的WordPress客戶端瀏覽網站，結果那打開速度慢得嚇人??！然后用mini opera打開網站，可憐我的流量！于是便有了為手機等移動設備做一個移動版界面的想法。

終于選了一個最佳的方案，用了3天的時間，為網站做了一個移動版界面。

雖然這個移動版界面早在2月中旬便做好了，但一直都沒有對它進行介紹，趁著今天總算大概把“涂鴉大賽”活動籌備好了，果斷跟大家分享制作WordPress移動版的方法。

為WordPress制作移動版主要有三種方案，都是通過插件來讓網站識別用戶是否通過移動設備瀏覽網站，然后給用戶加載移動界面。第一種具體的原理是直接把網站轉為wap版，第二種則是為網站套用另一個主題。在這里我推薦使用第二種方法，第一種方法把網站轉為wap版雖然方便，但是直接轉的網站UI實在不是那么的好看，只是純文字，加上最簡單的至上而下排版，而且幾乎沒有任何讓我們進行開發的地方。而第二種則可以讓我們自己重新做一個UI面積小，而且與電腦版界面搭配的移動版界面。經過我用Android，諾基亞（Symbian），索愛（A200）3個操作平臺和操作系統測試過后均能正確識別，加載移動版界面。

下面先簡單介紹制作移動版本的主角——WordPress Mobile Pack

WordPress Mobile Pack會自動識別用戶是通過何種瀏覽器瀏覽WordPress站點，能在WordPress2.5或以上版本中使用。如果是用移動設備上的瀏覽器瀏覽，則會自動給用戶加載移動界面，這個移動界面可以是用WordPress Mobile Pack自帶的主題（4鐘顏色），也可以用自己制作的主題。如果你使用的是插件自帶的主題，那么在后臺—外觀—WordPress Mobile Pack （手機主題）里勾選第一個選項（啟用諾基亞模板），則可以為諾基亞的瀏覽者提供更多的界面優化，同時該選項也支持為基于WebKit的移動瀏覽器提供豐富的主題，如蘋果的iPhone和Palm Pre。當然為了更好地配合電腦版主題，我還是使用自己制作的主題，為了更好地適合移動設備瀏覽，這次的主題以簡潔，體積小為設計理念，能不用的功能就不用，能用css background的就不用圖片，loop、header和配色提取自一個模仿Blueberry的官方移動版主題，然后經過3天的努力，把sidebar和4個頁面模板做好了！其中日志列表頁面與電腦版的大不相同，沒有使用loop而直接使用wp_get_archives調用日志列表，然后用css加以控制。留言板頁面也是直接使用wp_list_comments和原生的嵌套回復，因此在各種移動設備上都有很高的外觀與功能兼容性。

然后就是把自己做的主題上傳到WordPress的主題目錄，在后臺—外觀—WordPress Mobile Pack （手機主題）里選擇自己的主題。順帶把最后一個選項也勾選了，它會在你的電腦版和移動版界面的底部里加入一個鏈接，點擊該鏈接可以把切換為另一種界面，防止有部分移動設備無法自動切換為移動版界面時可以讓用戶手動切換。

這里提供一個WordPress Mobile Pack的漢化補丁，雖然是1.2.2版的漢化補丁，但測試后在該插件的最新版本1.2.4上也能正常使用。

WordPress Mobile Pack 漢化補丁

經過多次的局部修改，就有了現在大家看到的移動版界面：

用數據說話是最有力的，馬上用手機進行瀏覽測試：

移動設備：N85

瀏覽器：UC

統計方式：UC流量統計

打開UC，查看流量，顯示本次流量為2.33 K（說明UC打開時會自動聯網并加載一些數據）。

然后直接打開我的網站，完全加載后再查看本次流量：9.62 K，即打開移動版的網站消耗了7.29 K流量。

再用網站底部的鏈接手動切換為電腦版主題，查看本次流量：51.67K，即打開電腦版主題消耗了42.05K流量。

經過測試，瀏覽移動版界面只需要電腦版1/6的流量?？梢姙閃ordPress制定移動版本的確能大大節省瀏覽者的手機流量（話說哥昨晚超流量了，不知不覺被扣掉GPRS費，結果早上起來十分悲劇的發現手機已經停機了，10086果然是世界上最關心我話費的人）。當然移動版界面的加載速度也是飛快的！

當初玩WordPress，就是希望能拋開各種繁瑣的統計，追求簡單的生活！簡簡單單的記錄下每一個文字。也正像這個移動版主題那樣簡潔、快速！所以只從移動版界面投入使用后，幾乎每天晚上睡前總會習慣性地用手機瀏覽一下網站。