隨著智慧手機逐步普及,手機網站所佔比重逐年上升。因此在站羣 WordPress 網站建設時,手機網站的佈局成了一個重頭戲。下面我們説説手機站羣 WordPress 網站建設注意細節攻略.
佈局
我們一起來看看不同元素在佈局中的使用情況:
(1) 標誌
標誌是佈局的核心之一。標誌要儘可能做到引人注目,但與此同時,應注意它的尺寸,並確保它的大小不會超過 2KBs 。因為,行動網絡載入圖片通常要花很長時間,你也不想因為個體差異而使得自己的網站載入不完全。
(2) 網站導航
導航是設計中最重要的事之一。不管怎樣,你都需要導航欄來鏈接到網站的各個位置,它的位置通常在網站頂部。你也明白,大多數移動裝置根本不便於使用 QWERTY 實體或虛擬鍵盤。因此,為網站建立導航是移動網站介面友好的一個關鍵環節。
(3) 內容
內容在移動網站中佔據著核心位置。人們用移動裝置訪問網站,最主要的目的就是為了獲取內容資訊。所以要確保你的移動網站的內容不會有任何改變,否則,你最終可能將面對多用户流失。
人們使用移動裝置時,通常處於移動狀態,所以他們沒有太多時間來瀏覽 WordPress 網站內容。為此,你應該採取縮減內容的措施,並選取內容中有價值的部分,與此同時,你要將完整內容的鏈接提供給多用户。如果你的個人博客站羣處於活躍狀態,你可以忽略這個問題,因為,你不會每天都去對每篇博文的內容進行縮減。
我們都明白圖片在內容中的重要性。但是移動網站不宜使用過多圖片,因為,大部分手機載入這些圖片要花很長時間,所以儘可能地少用,如若上下文中涉及到相關圖片時,圖片則不可少。
如果你希望在移動網站上新增圖片,最好使用佔用空間小的.JPEG,.GIF,.PNG 等圖片格式。為了避免多用户對圖片進行縮放,一定要對圖片進行壓縮。現在幾乎所有的裝置都能顯示圖片,但是,有些多用户可能在瀏覽時會關閉圖片顯示。因此,推薦大家用 ALT 替換文字顯示圖片資訊。一些讀者或訪問者會放大圖片,為了避免這種情況,圖片的尺寸必須固定。
(4) 頁尾:
老話説得好:“看男人不能只看它的衣服,要看它的鞋” 。許多網站的頁尾做得非常爛。我經常逛博客站羣和站羣營銷網站,看到頁尾放慢了雜亂的超鏈接,我跟大多數人對此都非常厭惡,再加之,移動網站的螢幕尺寸小,這就可能造成客户或讀者流失。所以,製作吸引人的頁尾非常有必要。
所以,如果你希望你的應用站羣程序/網站的移動介面大獲全勝,你就應該把重心放在佈局上面,做到零錯誤,因為用移動裝置進行網頁瀏覽將會是未來發展的大趨勢。
代碼設計
很多開發新人在寫移動介面代碼時一直很猶豫,下面的建議有助於你打消這些考疑慮:
(1) 有效代碼
使用合適的代碼,確保其 100% 有效,因為大部分移動瀏覽器達不到電腦端的瀏覽器效能。
(2) 流動佈局:
在所有移動瀏覽器上檢視佈局效果,這往往是不現實的,因為用來瀏覽網頁的移動裝置太多,逐一去追蹤效果讓人很頭疼。流動佈局可以很好解決或避開這個問題,它可以根據螢幕尺寸自動調整。
(3) 具體的樣式表
你可隨時使用各種移動裝置找出更好的多用户體驗。比如,使用手持裝置瀏覽你的網站的多用户。
(4) 拒絕使用花哨的指令碼
你的移動網站想要成功,不要使用 Javascript 指令碼,Flash 動畫或其它任何花哨的指令碼語言。因為大多數移動裝置無法解析這些指令碼語言,最終,要麼裝置宕機,要麼出亂子。
如果你非用不可的話,那麼就應該給出友情提示,告知多用户他們的移動裝置正在載入和啓用這些指令碼。如果出了差錯,也錯不在你,因為你事先已經提醒了他們。
(5) 小心插入廣告
這一點應該引起大家的重視,不要讓你的移動網頁鋪天蓋地都是廣告,PC 端的網站同樣也應該注意這個問題。
俗話説得好:“一顆耗子屎攪壞一鍋湯” 。這對許多網站而言,倒是大實話。因為許多網站都是廣告滿天飛,他們根本不關心多用户體驗,一個個都唯利是圖。因為移動裝置的 CPM(每千人瀏覽頁面的費用)很高。
所以我建議,不要讓網站淹沒在廣告裏,尤其不要插入那些五顏六色的廣告。
(6) 自動識別移動瀏覽器
為了成功打響你的招牌,你應該在站羣服務器端納入 “移動瀏覽器偵測和重定向” 服務的指令碼(比如説 PHP)。你可能用得著 User Agent 偵測服務,站羣服務器會根據當前瀏覽器所描述的資訊來判定它應該訪問移動還網頁還是原網頁。你可以用 User Agent 偵測替代前面提到的 “PHP 移動瀏覽器偵測” 。再介紹另一例實現辦法,通過實時的 JavaScript 指令碼語言,請求儲存了裝置相關資訊的 DeviceAltlas 或 WURFL 資料庫,進行瀏覽器判定。
(7) 可開發專門的客户端站羣程序
如果你的多用户羣體數量非常高,可以為此開發一款針對多種移動介面的應用站羣程序。 Facebook 、 Gmail 、 Twitter 、 Yahoo 以及許多大公司都有自己的客户端應用站羣程序,這也是他們如此成功的原因。如果你有了自己的客户端站羣程序,就不必再擔心那些花哨的指令碼語言了,因為你可以按照自己的方式提升站羣程序效能。