開發(fā)者和設(shè)計(jì)師如何搶占移動(dòng)互聯(lián)網(wǎng)先機(jī)
原創(chuàng)【51CTO獨(dú)家譯稿】當(dāng)前無論你身在何方,Web訪問都是十分重要的。讓你的客戶可以方便地訪問你的Web站點(diǎn)是至關(guān)重要的。讓你的Web站點(diǎn)在一臺(tái)計(jì)算機(jī)上擁有良好的用戶體驗(yàn)和讓它在移動(dòng)平臺(tái)上可用完全是兩回事了。
移動(dòng)互聯(lián)網(wǎng)是開發(fā)者和設(shè)計(jì)師的下一個(gè)戰(zhàn)場,同時(shí)它也應(yīng)該是廣告商應(yīng)該認(rèn)真考慮的領(lǐng)域。常規(guī)的Web站點(diǎn)在手機(jī)上不會(huì)被裁剪。要讓你的Web站點(diǎn)可以在移動(dòng)網(wǎng)絡(luò)上訪問,需要做一些額外的工作。如果你做了這個(gè)前瞻性的工作,那么你將會(huì)在這次大潮中占盡先機(jī)。
在本文中,我們將會(huì)看到一些可以讓你的移動(dòng)Web站點(diǎn)正常工作的基本技術(shù)。
傳統(tǒng)的Web站點(diǎn)在移動(dòng)設(shè)備上無法正常工作
當(dāng)人們通過手機(jī)訪問常規(guī)的Web站點(diǎn)的時(shí)候,為什么這些常規(guī)的Web站點(diǎn)不能正常工作呢?好的,讓我們多談一些這方面的內(nèi)容。傳統(tǒng)的Web站點(diǎn)是針對(duì)傳統(tǒng)的瀏覽器創(chuàng)建的,移動(dòng)設(shè)備沒有這樣的瀏覽器或功能;移動(dòng)設(shè)備比較小,它們的外觀和尺寸也不盡相同,所以,它們可能無法顯示常規(guī)的Web站點(diǎn)。你的移動(dòng)Web站點(diǎn)應(yīng)該是常規(guī)的Web站點(diǎn)的“簡化版本”。
幾乎所有的Web站點(diǎn)都可以從移動(dòng)版本中獲得好處,但是某些類型的站點(diǎn)可以獲得更多的好處,就像Andy Scherer在EzineArticles.com上的一篇文章中寫道的那樣:
◆提供本地服務(wù)和超級(jí)本地服務(wù)的站點(diǎn)
提供本地服務(wù)和超級(jí)本地服務(wù)的站點(diǎn)(例如餐館)可以從移動(dòng)Web站點(diǎn)中獲得明顯的好處,因?yàn)橐凸娺M(jìn)行溝通,這是一種高效而友好的方式。
◆電子商務(wù)站點(diǎn)
電子商務(wù)站點(diǎn)是有傾向性的;它們必須要接觸到客戶,然后盡可能地讓他們購買產(chǎn)品。
◆以新聞為主導(dǎo)的Web站點(diǎn)和博客
以新聞為主導(dǎo)的Web站點(diǎn)和博客都希望讓它們的內(nèi)容保持***,有時(shí),需要及時(shí)地進(jìn)行“爆料”。一個(gè)移動(dòng)Web站點(diǎn)可以幫助它們實(shí)現(xiàn)這個(gè)目標(biāo)。
很明顯,對(duì)于每個(gè)企業(yè)來說,擁有一個(gè)優(yōu)秀的Web站點(diǎn)都是頭等大事。為你的Web站點(diǎn)創(chuàng)建一個(gè)移動(dòng)版本是具有一定的前瞻性的,這可以讓你在競爭之中領(lǐng)先一步;毫無疑問,這是企業(yè)站點(diǎn)的未來。
如果你還是不相信,你可以繼續(xù)閱讀這篇文章。這是可以說服你的幾件事:
◆iPhone在移動(dòng)市場中占有很大的市場份額——但是它無法顯示任何基于Flash的組件(傳統(tǒng)的Web瀏覽器是可以做到這一點(diǎn)的)。
◆根據(jù)來自于AdMob(移動(dòng)廣告網(wǎng)絡(luò)的***之一)的統(tǒng)計(jì)數(shù)據(jù)數(shù)據(jù),在2010年4月,全球差不多有4000萬個(gè)Android和iPhone移動(dòng)設(shè)備正在使用中——這只是所有主流的移動(dòng)設(shè)備中的兩個(gè)而已(也就是說,這個(gè)統(tǒng)計(jì)數(shù)據(jù)不包括Blackberry等移動(dòng)設(shè)備)。
在2010年***季度,總共賣出了5470萬部智能手機(jī),這個(gè)數(shù)據(jù)比去年同期增長了56%。
◆許多人開始通過它們的移動(dòng)設(shè)備來訪問互聯(lián)網(wǎng)了。Web市場正在急速地增長和膨脹,雖然傳統(tǒng)的Web瀏覽器還在使用,但是,比起計(jì)算機(jī)來,它們在移動(dòng)設(shè)備上使用得更多一些。
有什么教訓(xùn)需要吸取嗎?
如果你使用一個(gè)基于Flash的設(shè)計(jì),并且你的Web站點(diǎn)沒有移動(dòng)版本,那么你可能會(huì)遇到一些麻煩。你的移動(dòng)訪問者們可能無法看到完整的Web站點(diǎn)。
如果你的Web站點(diǎn)圖形化比較嚴(yán)重,或者使用了多媒體,或者功能比較復(fù)雜,那么它在移動(dòng)設(shè)備上的表現(xiàn)是不會(huì)太好的。要時(shí)刻牢記:并非所有的移動(dòng)用戶都使用***的高速數(shù)據(jù)網(wǎng)絡(luò)。此外,移動(dòng)設(shè)備的處理器也不像家用或辦公用PC的處理器那樣強(qiáng)悍。
雖然簡潔的,干凈的,不花哨的Web站點(diǎn)無需做什么額外的修改就可以在大多數(shù)的移動(dòng)設(shè)備上正常工作,但是測試還是十分重要的。在移動(dòng)瀏覽器上,輕量級(jí)的符合標(biāo)準(zhǔn)的Web站點(diǎn)肯定比重量級(jí)的Web站點(diǎn)表現(xiàn)的要好。
我怎樣進(jìn)入移動(dòng)領(lǐng)域?
為你的Web站點(diǎn)創(chuàng)建一個(gè)移動(dòng)版本并不想聽上去那么困難。要在一個(gè)移動(dòng)設(shè)備中顯示一個(gè)現(xiàn)代的,帶有CSS代碼的Web站點(diǎn),通??梢酝ㄟ^創(chuàng)建一個(gè)無CSS樣式的版本,然后使用自動(dòng)的代碼把用戶轉(zhuǎn)向這個(gè)新版本來實(shí)現(xiàn)。一些提供內(nèi)容管理系統(tǒng)(content management systems)的Web站點(diǎn)(例如:WordPress)有現(xiàn)成的移動(dòng)模板,這樣的話,可以省去這個(gè)麻煩的過程。在其他更復(fù)雜的應(yīng)用場景中,這可能是一個(gè)比較大的挑戰(zhàn)。
有些Web站點(diǎn)的站長只對(duì)他們的站點(diǎn)的主要區(qū)域進(jìn)行改造,讓這些區(qū)域?qū)σ苿?dòng)用戶更加友好。這個(gè)選擇也是你的***選擇。如果可能的話,盡量咬緊牙關(guān)這樣做。你的移動(dòng)訪問者們肯定會(huì)因?yàn)槟愕恼军c(diǎn)可以支持他們的設(shè)備而心懷感激的。#p#
為什么你的Web站點(diǎn)要對(duì)移動(dòng)用戶更加友好?
由于移動(dòng)設(shè)備的便利性,以及即時(shí)滿足性(現(xiàn)在的用戶基本沒有什么耐心),移動(dòng)產(chǎn)業(yè)正在穩(wěn)步地增長。這是必須針對(duì)移動(dòng)設(shè)備優(yōu)化你的Web站點(diǎn)的5個(gè)主要原因。
考慮一下你的客戶
通常來說,傳統(tǒng)的Web站點(diǎn)內(nèi)容都比較豐富,一般都包括Flash和視頻內(nèi)容,這些內(nèi)容在移動(dòng)平臺(tái)上是無法正常顯示的。如果你不為你的站點(diǎn)提供一個(gè)移動(dòng)版本,那么你的站點(diǎn)的用戶體驗(yàn)會(huì)比較差,并且很有可能會(huì)造成用戶的不滿,這只會(huì)有一種結(jié)果:措施銷售良機(jī)。
移動(dòng)設(shè)備上的搜索
當(dāng)你在移動(dòng)設(shè)備上進(jìn)行搜索的時(shí)候,這個(gè)查詢會(huì)訪問針對(duì)移動(dòng)內(nèi)容做過優(yōu)化的索引。移動(dòng)搜索還處于“幼兒期”;索引相對(duì)少一些,這意味著幾乎沒有其他的Web站點(diǎn)會(huì)和你進(jìn)行競爭。如果對(duì)你的Web站點(diǎn)進(jìn)行優(yōu)化,創(chuàng)建一個(gè)移動(dòng)版本,那么這會(huì)讓你的排名更加靠前的,在將來,當(dāng)索引數(shù)急劇增加,競爭日漸激烈的時(shí)候,你的排名也會(huì)很高的。實(shí)際上,在將來,你有更好的機(jī)會(huì)來提高排名,因?yàn)樵谶@個(gè)領(lǐng)域,你已經(jīng)形成品牌優(yōu)勢了。
在競爭中處于優(yōu)勢地位
在2010年年底,移動(dòng)用戶的數(shù)量有望突破10億大關(guān),可以預(yù)見,在接下來的幾年里,移動(dòng)Web的普及情況會(huì)達(dá)到一個(gè)***的程度。如果你沒有對(duì)你的Web站點(diǎn)進(jìn)行優(yōu)化,并且沒有注意到現(xiàn)在的統(tǒng)計(jì)學(xué)數(shù)據(jù)的話,那么你一定會(huì)錯(cuò)過這次可以開拓流量之源的大好良機(jī)的。
以“移動(dòng)達(dá)人”為目標(biāo)用戶群
你肯定見過他們:如果你把這些人和他們的BlackBerrys, PDAs 或 iPhones分開哪怕一分鐘,那么他們就活不下去了。這些“移動(dòng)發(fā)燒友”使用移動(dòng)設(shè)備的時(shí)間比他們使用PC的時(shí)間要多,他們更喜歡通過他們的移動(dòng)設(shè)備來訪問互聯(lián)網(wǎng)。一般來說,他們是移動(dòng)領(lǐng)域的“一等公民”,他們不在乎花費(fèi)更多的錢,一些研究表明,應(yīng)該以他們?yōu)槟繕?biāo)用戶群,除此之外的其他方式都是在浪費(fèi)時(shí)間。如果你還沒有構(gòu)建一個(gè)移動(dòng)Web站點(diǎn),也沒有相應(yīng)地對(duì)營銷策略進(jìn)行調(diào)整的話,那么你是無法抓住這個(gè)高消費(fèi)的用戶群的。
移動(dòng)廣告的點(diǎn)擊率(CTR)更高
在最近這幾年里,各種研究都表明,和在線廣告比起來,移動(dòng)廣告的點(diǎn)擊率(CTR)更高;移動(dòng)廣告的點(diǎn)擊率在5%到15%之間,而基于計(jì)算機(jī)的點(diǎn)擊率平均只有2%。在互聯(lián)網(wǎng)營銷這個(gè)領(lǐng)域中,移動(dòng)領(lǐng)域還是一個(gè)新興的領(lǐng)域,它給你提供了大量的機(jī)會(huì),可以讓你的營銷效果邁向一個(gè)新的臺(tái)階。#p#
讓你的Web站點(diǎn)移動(dòng)化
設(shè)計(jì)一個(gè)移動(dòng)Web站點(diǎn)有一套特殊的流程。構(gòu)建一個(gè)移動(dòng)Web站點(diǎn)的最容易的方法是對(duì)你現(xiàn)有的Web站點(diǎn)進(jìn)行修改,讓它可以兼容移動(dòng)設(shè)備。在開始之前,有一些原則和要點(diǎn)需要首先搞清楚。
布局
瀏覽一個(gè)移動(dòng)Web站點(diǎn)可能會(huì)比較耗費(fèi)時(shí)間,所以,應(yīng)該把最重要的信息放到頁面的頂部。在布局方面,應(yīng)該注意以下這些要點(diǎn):
Logo:Logo應(yīng)該是引人注目的,但是請注意它的體積;你要確保它不會(huì)超過2KB,因?yàn)樵谝苿?dòng)網(wǎng)絡(luò)上載入圖像需要花費(fèi)很長時(shí)間,你也不希望對(duì)某些人來說,你的站點(diǎn)看起來不完整吧!
Web站點(diǎn)導(dǎo)航:讓左右滾動(dòng)的范圍最小化;在一個(gè)手機(jī)上,這很難做到。作為一個(gè)替代方案,你可以把你的內(nèi)容放在一個(gè)單獨(dú)的列中。對(duì)于輸入來說,大多數(shù)的移動(dòng)設(shè)備都會(huì)提供一個(gè)小型的,或虛擬的“QWERTY”鍵盤,但是它是很難使用。如果你想讓你的Web站點(diǎn)對(duì)移動(dòng)用戶更加友好的話,你必須提供一個(gè)完整的導(dǎo)航系統(tǒng)。
內(nèi)容:在你的移動(dòng)Web站點(diǎn)上的信息應(yīng)該是容易閱讀的,同時(shí),它們也應(yīng)該是容易導(dǎo)航的,你的Web站點(diǎn)不應(yīng)該讓訪問者花費(fèi)太長的時(shí)間來思考,因?yàn)樵跒g覽你的Web站點(diǎn)的時(shí)候,他們隨時(shí)都有可能離開。應(yīng)該只選擇那些應(yīng)該被顯示出來的內(nèi)容,并且通過調(diào)整文本大小的方式來設(shè)計(jì)菜單,免除用戶進(jìn)行縮放的麻煩。在排版方面,可以考慮使用標(biāo)頭來控制字體的大小。
如果你想把圖像放到移動(dòng)Web站點(diǎn)上,應(yīng)該用JPEG, GIF 或 PNG 格式的圖片;這些格式的圖片相對(duì)來說,體積會(huì)小一些。壓縮的圖片可以避免縮放,同時(shí),還可以讓用戶在瀏覽的時(shí)候把圖像關(guān)掉。這些格式的圖像都可以使用“alt”文本屬性。
編碼
移動(dòng)Web站點(diǎn)可以用XML, XHTML 或 基本的 HTML 和 CSS來編碼。在用target keywords增大內(nèi)容的可用性的時(shí)候,title標(biāo)簽,description meta標(biāo)簽,heading標(biāo)簽和文件名的定義都應(yīng)該小心一些。
當(dāng)提到編碼的時(shí)候,許多缺乏經(jīng)驗(yàn)的移動(dòng)界面開發(fā)者都會(huì)很頭痛,下面這些技巧可以幫助你擺脫這些煩惱。
確保你的代碼是合適的,并且是100%有效的,因?yàn)榇蠖鄶?shù)移動(dòng)瀏覽器都不像對(duì)應(yīng)的PC瀏覽器那樣強(qiáng)大。
要想看到你的布局在各種現(xiàn)有的移動(dòng)瀏覽器上都是什么樣子并不是一件很容易的事情。解決這個(gè)問題的一種方法是使用“動(dòng)態(tài)布局”,這種布局方式可以針對(duì)不同的屏幕尺寸自動(dòng)地對(duì)布局進(jìn)行調(diào)整。為了達(dá)到這個(gè)目的,應(yīng)該避免用像素來設(shè)置寬度,取而代之,應(yīng)該使用百分比或ems來設(shè)置寬度。
樣式表單:你可以針對(duì)不同移動(dòng)設(shè)備創(chuàng)建更好的用戶體驗(yàn)。例如,對(duì)于使用手持設(shè)備來瀏覽你的Web站點(diǎn)的用戶來說,你可以在你的Web站點(diǎn)的<head>中使用如下代碼:
- <link rel="stylesheet" href="handheld.css" type="text/css" media="handheld">
廣告
在你的移動(dòng)站點(diǎn)或主站點(diǎn)中,不要讓廣告充滿整個(gè)頁面。
應(yīng)用程序
如果你的用戶群比較龐大,可以針對(duì)不同的移動(dòng)設(shè)備創(chuàng)建專用的應(yīng)用程序。如果你為特定的手機(jī)創(chuàng)建了一個(gè)專用的應(yīng)用程序,那么你無需再擔(dān)心花哨的腳本了,你可以隨意地對(duì)這個(gè)應(yīng)用程序進(jìn)行強(qiáng)化。
頁面的體積
當(dāng)為一個(gè)移動(dòng)Web站點(diǎn)指定一個(gè)樣式的時(shí)候,盡量讓它簡單一些,同時(shí),讓頁面的體積更小一些。對(duì)于一個(gè)移動(dòng)頁面來說,頁面體積的上限是25KB,所以,為了適應(yīng)各種條件,如果可能的話,***使用小于10KB的頁面。要時(shí)刻謹(jǐn)記:在按照KB來計(jì)費(fèi)的情況下,用戶通常會(huì)做一些數(shù)據(jù)計(jì)劃的。
頁面的鏈接
一個(gè)設(shè)計(jì)優(yōu)秀的移動(dòng)Web站點(diǎn)會(huì)帶有“返回”按鈕和鏈接。在一個(gè)手機(jī)上進(jìn)行導(dǎo)航并不是一件容易的事情,許多手機(jī)都沒有“返回”按鈕,所以提供“返回”按鈕和鏈接可以幫助訪問者擺脫各種“死胡同”。所以,要確保每個(gè)頁面都可以鏈接到另外一個(gè)頁面。
測試
應(yīng)該在多種設(shè)備上(***是在不同的平臺(tái)上)對(duì)你的Web站點(diǎn)的移動(dòng)版本進(jìn)行測試;這是確定你的Web站點(diǎn)可以提供良好的用戶體驗(yàn)的唯一方法。如果你無法使用多種設(shè)備來進(jìn)行測試,可以使用基于Web的模擬器(例如:iPhoneTester.com)#p#
可以幫助你完成這個(gè)任務(wù)的一些應(yīng)用程序和工具
讓我們來討論一些具體的技術(shù),使用這些技術(shù),你可以創(chuàng)建一個(gè)干凈的,看上去比較專業(yè)的移動(dòng)Web站點(diǎn)。
MoFuse
MoFuse通過你的Web站點(diǎn)的RSS feed來創(chuàng)建一個(gè)移動(dòng)版本。這個(gè)名字的意思是:“Mobile Fusion”,它提供了一個(gè)平臺(tái),這個(gè)平臺(tái)可以讓企業(yè),博主和其他的發(fā)布者提供更好的移動(dòng)用戶體驗(yàn)。
MoFuse可以讓你充分地進(jìn)行定制:你可以改變顏色,也可以為你的移動(dòng)Web站點(diǎn)添加新的頁面,Logo和鏈接。它使用它自己的跟蹤工具(和Google Analytics類似)來保存訪問者的訪問痕跡。相對(duì)于0元的價(jià)格來說,它可以滿足你的一切需求。
MoFuse的官方站點(diǎn):http://www.mofuse.com/
Mobify
Mobify可以快速地對(duì)一個(gè)Web站點(diǎn)進(jìn)行優(yōu)化,讓它更適合通過移動(dòng)設(shè)備來訪問。內(nèi)容發(fā)布者,Web設(shè)計(jì)師和博主都使用Mobify為現(xiàn)有的Web站點(diǎn)設(shè)計(jì)外觀和可用的移動(dòng)布局。
Mobify的官方站點(diǎn):http://mobify.me/
Mowser
Mowser通過獲取可以在PC上正常瀏覽的HTML頁面,然后針對(duì)移動(dòng)設(shè)備對(duì)它們調(diào)整來讓W(xué)eb站點(diǎn)移動(dòng)化。在轉(zhuǎn)換過程中,Mowser通過一種可以預(yù)知的,線性的方式來轉(zhuǎn)換一個(gè)頁面。為了確保質(zhì)量***,最有用的Web頁面可以在移動(dòng)設(shè)備上顯示,Mowser可能會(huì)對(duì)某些圖像,文本格式,或某些方面的頁面功能,以及把訪問者轉(zhuǎn)向移動(dòng)版本(如果存在的話)的方式進(jìn)行修改。
Mowser的官方站點(diǎn):http://mowser.com/
Wirenode
Wirenode是一個(gè)非常基礎(chǔ)的移動(dòng)Web站點(diǎn)創(chuàng)建工具。定制化的選項(xiàng)也比較有限;Wirenode提供了一些現(xiàn)成的模板,可以對(duì)Web站點(diǎn)做一些小的修改(例如:改變字體顏色和背景顏色)。它不支持自定義域名,但是它提供了一個(gè)跟蹤工具。
Wirenode的官方站點(diǎn):http://www.wirenode.com/
Instant Mobilizer
Instant Mobilizer是dotMobi公司的產(chǎn)品,它可以在一眨眼的功夫里把你的Web站點(diǎn)移動(dòng)化。它為現(xiàn)有的Web站點(diǎn)提供方便而便宜的服務(wù),讓這些站點(diǎn)可以通過移動(dòng)設(shè)備來訪問。Instant Mobilizer可以通過調(diào)整圖像的尺寸,文本格式和插入其他可以對(duì)移動(dòng)設(shè)備提供更好的用戶體驗(yàn)的功能的方式,來確保你的Web站點(diǎn)可以在任何一部手機(jī)上都正常工作。
Instant Mobilizer的官方站點(diǎn):http://instantmobilizer.com/
Mippin
Mippin也是一個(gè)把RSS feed轉(zhuǎn)換成移動(dòng)Web站點(diǎn)的工具。它比較簡單,但是定制化選項(xiàng)十分有限;雖然你無法使用自定義的域名或跟蹤移動(dòng)訪問者,但是你可以上傳一個(gè)Logo,改變字體顏色和類型,以及讓站點(diǎn)盈利(保持你現(xiàn)有的利潤水品)。
Mippin的官方站點(diǎn):http://www.mippin.com/web/
Google Mobile Optimizer
Google Mobile Optimizer是讓一個(gè)站點(diǎn)移動(dòng)化的最快方法。只需提供URL,它就會(huì)通過移出標(biāo)頭和廣告以及調(diào)整所有圖像內(nèi)容的尺寸等方式來優(yōu)化這個(gè)Web站點(diǎn),讓它可以通過手機(jī)來瀏覽。這實(shí)際上是一個(gè)即時(shí)的創(chuàng)建工具。它無需注冊,也無法對(duì)外觀進(jìn)行定制。
Google Mobile Optimizer的官方站點(diǎn):http://www.google.co.uk/gwt/n
MoSync
MoSync是一個(gè)用于開發(fā)移動(dòng)應(yīng)用程序的SDK(Software Development Kit),它是建立在通用的編程實(shí)踐和標(biāo)準(zhǔn)(例如:完整的Eclipse集成和C/C++)基礎(chǔ)之上的。使用MoSync,你可以很容易地開發(fā)出一些相對(duì)復(fù)雜的應(yīng)用程序,只需幾次點(diǎn)擊,就可以為許多不同的移動(dòng)平臺(tái)和數(shù)百個(gè)不同的移動(dòng)設(shè)備構(gòu)建出專用的應(yīng)用程序。
MoSync的官方站點(diǎn):http://www.mosync.com/
Wapple
Wapple為移動(dòng)Web站點(diǎn)和服務(wù)可以在所有的移動(dòng)瀏覽器上正常工作提供了技術(shù)和解決方案。在Canvas方面,Wapple擁有先進(jìn)的技術(shù),這些技術(shù)可以讓你用極低的成本來完成這個(gè)任務(wù),我們是移動(dòng)Web設(shè)計(jì),移動(dòng)用戶體驗(yàn)和移動(dòng)廣告方面的專家,在這些方面,我們提供了一個(gè)完全托管的服務(wù)。
Wapple Architect可以讓開發(fā)者使用一種革命性的編程語言,快速而準(zhǔn)確地對(duì)現(xiàn)有的Web內(nèi)容和應(yīng)用程序進(jìn)行調(diào)整,讓他們對(duì)移動(dòng)設(shè)備更加友好。
Wapple Exhibit可以對(duì)你的移動(dòng)Web站點(diǎn)進(jìn)行調(diào)整和優(yōu)化,確保它們在所有的移動(dòng)設(shè)備上都可以提供***的用戶體驗(yàn)和完整的品牌忠誠度。
Wapple的官方站點(diǎn):http://wapple.net/##p
WordPress插件
對(duì)于那些使用WordPress平臺(tái)的人來說,有很多免費(fèi)的和付費(fèi)的插件可以使用。下面介紹一下其中的一些插件。
MobilePress
你可以對(duì)這個(gè)插件進(jìn)行設(shè)置,讓它可以針對(duì)特定的設(shè)備模型或移動(dòng)瀏覽器(例如Safari for iPhone 或 Opera Mini)顯示特定的主題;你的博客可以根據(jù)設(shè)備的特性來顯示。這個(gè)插件允許主題開發(fā)者們?yōu)閃ordPress博客開發(fā)他們自己的移動(dòng)主題。
(MobilePress的官方站點(diǎn):http://wordpress.org/extend/plugins/mobilepress/
WordPress Mobile Edition
WordPress會(huì)自動(dòng)探測出使用移動(dòng)瀏覽器的訪問者,然后自動(dòng)地載入你的Web站點(diǎn)的移動(dòng)版本。你可以在“Settings”中編輯移動(dòng)瀏覽器的列表。這個(gè)插件可以針對(duì)特定的移動(dòng)瀏覽器或設(shè)備(包括:iPhone, Windows Mobile 和 Opera Mini)載入特定的主題。
WordPress Mobile Edition的官方站點(diǎn):http://wordpress.org/extend/plugins/wordpress-mobile-edition/
WordPress Mobile Pack
這個(gè)插件也提供了移動(dòng)識(shí)別和設(shè)備適應(yīng)的功能,提供了一些現(xiàn)成的widget。通過這些功能,它可以自動(dòng)地調(diào)整圖像的尺寸,自動(dòng)地把文章或博文分到多個(gè)頁面中。它提供的管理員面板可以讓你更加輕松地管理你的Web站點(diǎn),那個(gè)廣告widget可以在你的Web頁面的移動(dòng)版本上顯示移動(dòng)廣告或AdSense。
WordPress Mobile Pack的官方站點(diǎn):http://wordpress.org/extend/plugins/wordpress-mobile-pack/
WPhone Admin Plug-in
使用這個(gè)插件,你可以通過一個(gè)移動(dòng)瀏覽器來管理你的WordPress。它提供了兩個(gè)管理員界面。其中一個(gè)是針對(duì)iPhone,iPod和其他支持JavaScript, CSS, AJAX和滑動(dòng)菜單的設(shè)備的。另外一個(gè)“精簡”版本是針對(duì)不支持JavaScript的手機(jī)的。這個(gè)插件可以根據(jù)用戶使用的瀏覽器,自動(dòng)地在完整版本和精簡版本之間進(jìn)行切換。
WPhone Admin Plug-in的官方站點(diǎn):http://wordpress.org/extend/plugins/wphone/
Wetomo WordPress to Mobile
Wetomo可以對(duì)復(fù)雜的Web站點(diǎn)進(jìn)行簡化,讓它們可以通過手機(jī)來訪問。這個(gè)插件可以對(duì)手機(jī)進(jìn)行探測,在你和用戶之間充當(dāng)代理的角色,對(duì)博客進(jìn)行修改,讓它更適合通過這個(gè)手機(jī)來瀏覽。
Wetomo WordPress to Mobile的官方站點(diǎn):http://wordpress.org/extend/plugins/wetomo/
Mobile Admin
這個(gè)WordPress插件可以讓你用一種用戶友好性較高的方式在移動(dòng)設(shè)備上訪問管理員界面。它是專門針對(duì)iPhone 和 iPod Touch來開發(fā)的,在基礎(chǔ)水平上,它支持大多數(shù)其他的瀏覽器。Mobile Admin支持大多數(shù)的WordPress管理員功能(例如:自動(dòng)保存,添加標(biāo)簽以及評(píng)論審核)。
Mobile Admin的官方站點(diǎn):http://wordpress.org/extend/plugins/mobileadmin/
總結(jié)
關(guān)于移動(dòng)技術(shù)是否,以及何時(shí)能進(jìn)步,讓用戶可以訪問完整的Web站點(diǎn)的爭論還在繼續(xù)。我們不應(yīng)該假設(shè)所有人的觀點(diǎn)都是一致的?,F(xiàn)在確保你的關(guān)鍵性內(nèi)容可用可以幫助你在將來獲得你想要的流量。當(dāng)那些現(xiàn)在可以訪問你的Web站點(diǎn)的移動(dòng)版本的人可以訪問完整的Web站點(diǎn)的時(shí)候,他們還會(huì)回來的。
【51CTO譯稿,非經(jīng)授權(quán)謝絕轉(zhuǎn)載,合作媒體轉(zhuǎn)載請注明原文出處、作者及51CTO譯稿和譯者!】
原文名稱:How to Create a Mobile Version of Your Website
原文地址:http://www.instantshift.com/2010/12/20/how-to-create-a-mobile-version-of-your-website/
【編輯推薦】