DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 提升網站可用性,簡化網頁翻頁功能
提升網站可用性,簡化網頁翻頁功能
編輯:關於網頁技巧     

最終效果如下圖,右側灰邊看相對位置,版權所有謹防假冒:

單頁數字英文效果

去年曾針對有時間先後的翻頁記錄了思考片段。之後沒來得及調整一直是默認和插件並用,雖然難看但似乎可用性還湊合,沒空所以沒改。今天給WP-PageNavi升級偶然看了看結構代碼,發現還算比較靈活,於是花了點時間嘗試調整。

感覺用戶對wordpress默認的翻頁並不是很排斥,但個人認為wp-pagenavi默認的效果還不如wordpress。這類增加了可點擊范圍的方框鏈接中規中矩,更適合CMS系統,並且也不融於當前風格。下邊個效果好點,但點“下一頁”還是不方便,而且語言傳達太啰嗦。

WP-PageNavi默認推薦的效果

還好wp-pagenavi字符集開放很徹底,之前也嘗試了2個數字效果,不過發現鏈接是多余,於是干脆精簡到只顯示1個數,很類似把默認的newer和older換成數字。如果把“下一頁”換成英文Older Entries,正好保證時間傳達的清晰准確。比較遺憾的是,鏈接不能控制title,先用用看。

單頁數字中文效果

雙頁數字中文效果

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved