主題下載次數(shù)
服務(wù)網(wǎng)站數(shù)量
本站主題用戶
在網(wǎng)站剛建了沒多久之后，我就開放rpc-xml，并用官方的WordPress客戶端瀏覽網(wǎng)站，結(jié)果那打開速度慢得嚇人啊！然后用mini opera打開網(wǎng)站，可憐我的流量！于是便有了為手機(jī)等移動(dòng)設(shè)備做一個(gè)移動(dòng)版界面的想法。
終于選了一個(gè)最佳的方案，用了3天的時(shí)間，為網(wǎng)站做了一個(gè)移動(dòng)版界面。
雖然這個(gè)移動(dòng)版界面早在2月中旬便做好了，但一直都沒有對(duì)它進(jìn)行介紹，趁著今天總算大概把“涂鴉大賽”活動(dòng)籌備好了，果斷跟大家分享制作WordPress移動(dòng)版的方法。
為WordPress制作移動(dòng)版主要有三種方案，都是通過插件來讓網(wǎng)站識(shí)別用戶是否通過移動(dòng)設(shè)備瀏覽網(wǎng)站，然后給用戶加載移動(dòng)界面。第一種具體的原理是直接把網(wǎng)站轉(zhuǎn)為wap版，第二種則是為網(wǎng)站套用另一個(gè)主題。在這里我推薦使用第二種方法，第一種方法把網(wǎng)站轉(zhuǎn)為wap版雖然方便，但是直接轉(zhuǎn)的網(wǎng)站UI實(shí)在不是那么的好看，只是純文字，加上最簡(jiǎn)單的至上而下排版，而且?guī)缀鯖]有任何讓我們進(jìn)行開發(fā)的地方。而第二種則可以讓我們自己重新做一個(gè)UI面積小，而且與電腦版界面搭配的移動(dòng)版界面。經(jīng)過我用Android，諾基亞（Symbian），索愛（A200）3個(gè)操作平臺(tái)和操作系統(tǒng)測(cè)試過后均能正確識(shí)別，加載移動(dòng)版界面。
下面先簡(jiǎn)單介紹制作移動(dòng)版本的主角——WordPress Mobile Pack
WordPress Mobile Pack會(huì)自動(dòng)識(shí)別用戶是通過何種瀏覽器瀏覽WordPress站點(diǎn)，能在WordPress2.5或以上版本中使用。如果是用移動(dòng)設(shè)備上的瀏覽器瀏覽，則會(huì)自動(dòng)給用戶加載移動(dòng)界面，這個(gè)移動(dòng)界面可以是用WordPress Mobile Pack自帶的主題（4鐘顏色），也可以用自己制作的主題。如果你使用的是插件自帶的主題，那么在后臺(tái)—外觀—WordPress Mobile Pack （手機(jī)主題）里勾選第一個(gè)選項(xiàng)（啟用諾基亞模板），則可以為諾基亞的瀏覽者提供更多的界面優(yōu)化，同時(shí)該選項(xiàng)也支持為基于WebKit的移動(dòng)瀏覽器提供豐富的主題，如蘋果的iPhone和Palm Pre。當(dāng)然為了更好地配合電腦版主題，我還是使用自己制作的主題，為了更好地適合移動(dòng)設(shè)備瀏覽，這次的主題以簡(jiǎn)潔，體積小為設(shè)計(jì)理念，能不用的功能就不用，能用css background的就不用圖片，loop、header和配色提取自一個(gè)模仿Blueberry的官方移動(dòng)版主題，然后經(jīng)過3天的努力，把sidebar和4個(gè)頁面模板做好了！其中日志列表頁面與電腦版的大不相同，沒有使用loop而直接使用wp_get_archives調(diào)用日志列表，然后用css加以控制。留言板頁面也是直接使用wp_list_comments和原生的嵌套回復(fù)，因此在各種移動(dòng)設(shè)備上都有很高的外觀與功能兼容性。
然后就是把自己做的主題上傳到WordPress的主題目錄，在后臺(tái)—外觀—WordPress Mobile Pack （手機(jī)主題）里選擇自己的主題。順帶把最后一個(gè)選項(xiàng)也勾選了，它會(huì)在你的電腦版和移動(dòng)版界面的底部里加入一個(gè)鏈接，點(diǎn)擊該鏈接可以把切換為另一種界面，防止有部分移動(dòng)設(shè)備無法自動(dòng)切換為移動(dòng)版界面時(shí)可以讓用戶手動(dòng)切換。
這里提供一個(gè)WordPress Mobile Pack的漢化補(bǔ)丁，雖然是1.2.2版的漢化補(bǔ)丁，但測(cè)試后在該插件的最新版本1.2.4上也能正常使用。
WordPress Mobile Pack 漢化補(bǔ)丁
經(jīng)過多次的局部修改，就有了現(xiàn)在大家看到的移動(dòng)版界面：
用數(shù)據(jù)說話是最有力的，馬上用手機(jī)進(jìn)行瀏覽測(cè)試：
移動(dòng)設(shè)備：N85
瀏覽器：UC
統(tǒng)計(jì)方式：UC流量統(tǒng)計(jì)
打開UC，查看流量，顯示本次流量為2.33 K（說明UC打開時(shí)會(huì)自動(dòng)聯(lián)網(wǎng)并加載一些數(shù)據(jù)）。
然后直接打開我的網(wǎng)站，完全加載后再查看本次流量：9.62 K，即打開移動(dòng)版的網(wǎng)站消耗了7.29 K流量。
再用網(wǎng)站底部的鏈接手動(dòng)切換為電腦版主題，查看本次流量：51.67K，即打開電腦版主題消耗了42.05K流量。
經(jīng)過測(cè)試，瀏覽移動(dòng)版界面只需要電腦版1/6的流量。可見為WordPress制定移動(dòng)版本的確能大大節(jié)省瀏覽者的手機(jī)流量（話說哥昨晚超流量了，不知不覺被扣掉GPRS費(fèi)，結(jié)果早上起來十分悲劇的發(fā)現(xiàn)手機(jī)已經(jīng)停機(jī)了，10086果然是世界上最關(guān)心我話費(fèi)的人）。當(dāng)然移動(dòng)版界面的加載速度也是飛快的！
當(dāng)初玩WordPress，就是希望能拋開各種繁瑣的統(tǒng)計(jì)，追求簡(jiǎn)單的生活！簡(jiǎn)簡(jiǎn)單單的記錄下每一個(gè)文字。也正像這個(gè)移動(dòng)版主題那樣簡(jiǎn)潔、快速！所以只從移動(dòng)版界面投入使用后，幾乎每天晚上睡前總會(huì)習(xí)慣性地用手機(jī)瀏覽一下網(wǎng)站。
§
編輯補(bǔ)充：推薦十個(gè) WordPress 插件，可以讓你網(wǎng)站更便于手機(jī)訪問。
1. WordPress Mobile Edition
由 Crowd Favorite 開發(fā)，這個(gè)插件對(duì)于移動(dòng)設(shè)備訪問者提供一個(gè)簡(jiǎn)潔的潔面。當(dāng)用戶使用手機(jī)瀏覽器訪問你的網(wǎng)站的時(shí)候，它能自動(dòng)檢測(cè)瀏覽器，并加載網(wǎng)站的手機(jī)版。你可以在設(shè)置頁編輯移動(dòng)瀏覽器的列表。這個(gè)插件可以對(duì)于特定的瀏覽器或設(shè)備加載指定的主題，比如 iPhone, Windows Mobile, Opera Mini 或者其他的手機(jī)網(wǎng)絡(luò)瀏覽器。
2. WordPressMobile.mobi
最熱門的 WordPress 插件之一，已被下載數(shù)千次。這個(gè) WordPress 插件讓你博客對(duì)手機(jī)更加友好，減少在手機(jī)瀏覽器中的加載時(shí)間，配置頁面更加適合手機(jī)。
3. WordPress Mobile Pack
有一個(gè) WordPress 手機(jī)瀏覽器插件。它能識(shí)別手機(jī)、重排版面并支持掛件。由于具有了手機(jī)識(shí)別、版面重排的功能，它可以自動(dòng)調(diào)整圖片大小，分割文章為多個(gè)頁面，因此你的網(wǎng)站在任何移動(dòng)手機(jī)上都會(huì)表現(xiàn)很好。他有移動(dòng)管理面板，可以輕松進(jìn)行管理。移動(dòng)廣告掛件允許在網(wǎng)頁的手機(jī)版中顯示手機(jī)廣告。
4. MobilePress
你可以設(shè)置這個(gè)插件對(duì)特定的設(shè)備模式或者手機(jī)瀏覽器顯示指定的主題，比如 iPhone, Opera Mini 等，這樣你的博客外觀更適合這些設(shè)備。這個(gè)插件也允許 WordPress 主題開發(fā)者開發(fā)自己主題的移動(dòng)版本。
5. Mobile Admin
這個(gè) WordPress 手機(jī)插件允許用戶通過手機(jī)對(duì)管理后臺(tái)進(jìn)行友好的訪問。這個(gè)插件轉(zhuǎn)為 iPhone 和 iPod Touch 設(shè)備開發(fā)，在基本功能上也支持其他的瀏覽器。Mobile Admin 支持 WordPress 管理控制臺(tái)的大多數(shù)功能，比如編輯文章、自動(dòng)保存、標(biāo)簽、審核評(píng)論等等。
6. Mobilize
這個(gè) WordPress 插件一旦安裝，會(huì)自動(dòng)檢測(cè)任何訪問你的網(wǎng)站的移動(dòng)設(shè)備，并重定向到 Mippin 服務(wù)器。Mippin 將會(huì)重新組織你的頁面內(nèi)容來適應(yīng)手機(jī)的型號(hào)。比如說，如果你的網(wǎng)站有土坡，Mippin 就會(huì)調(diào)整圖片大小適應(yīng)手機(jī)屏幕，視頻會(huì)轉(zhuǎn)換為 3gp 格式，因此用戶會(huì)獲得較好的使用體驗(yàn)，并樂于訪問你的網(wǎng)站。
7. WPhone Admin Plug-in
這個(gè)插件允許使用移動(dòng)瀏覽器來管理 WordPress 博客。他有兩個(gè)移動(dòng)管理界面，一個(gè)適合 iPhone/iPod Touch 或者其他支持 JavaScript 和 CSS AJAC 以及側(cè)滑菜單的設(shè)備；另一個(gè)精簡(jiǎn)版適用于不支持 JavaScript 設(shè)備的手機(jī)。他在瀏覽器中可以在全功能版本和精簡(jiǎn)版之間進(jìn)行自動(dòng)切換。
8. Mowser
Mowser 是個(gè)可以讓你的 WordPress 博
客更適合手機(jī)瀏覽器或者其他手持設(shè)備的服務(wù)。這個(gè)插件自動(dòng)檢測(cè)使用移動(dòng)電話的訪問者，并重定向到博客經(jīng)過優(yōu)化的版本。
9. Wetomo WordPress to Mobile
Wetomo 插件將自動(dòng)檢測(cè)使用手機(jī)訪問你的網(wǎng)站的用戶。Wetomo 將會(huì)扮演一個(gè)你和用戶之間的一個(gè)代理，調(diào)整你的博客來適應(yīng)用戶的手持設(shè)備，這樣讓你的博客在移動(dòng)瀏覽器中更好看。
10. WP viewMobile
這個(gè)插件用來讓你的博客為手機(jī)互聯(lián)網(wǎng)時(shí)代做好準(zhǔn)備。它會(huì)檢測(cè)通過手機(jī)訪問你的博客的用戶。它可以自動(dòng)發(fā)送經(jīng)過優(yōu)化適應(yīng)移動(dòng)用戶的版本。他會(huì)調(diào)整博客中圖片的尺寸來適應(yīng)手機(jī)，如果手機(jī)不支持圖片就會(huì)直接移除圖片，這樣用戶訪問不會(huì)有任何問題。
主題貓WP建站，累計(jì)幫助1300+客戶成功建站，為站長(zhǎng)提供支持！
立刻開啟你的建站之旅
正版主題咨詢