分類
前端設計

酷炫的Js排序分頁功能-TinyTable JS

這幾天嘗試把魔獸英雄榜的公會資料成員抓下來玩,抓回來的樣子如下

http://i-joyland.com/wowparty/list.php

然後改成將資料寫入DB

再另外撈出來

當然撈出來的樣子也是一樣。

上網尋找到一個透過 JS 就可達到各欄位排序及分頁的功能

TinyTable JavaScript Table Sorter

重點是JS只有 2.5KB,只要在頁面上加上簡單的語法就可以做出欄位排序及不同數量顯示分頁的功能了。

看起來應該是將所有資料撈出來後透過JS處理,不過當筆數變很大量時,能不能即時處理呢@@..

套用之後的結果

http://i-joyland.com/wowparty/search.php

官網的demo

這功能很不錯,可以多玩玩 XD

分類
Themes

[WordPress] 單篇文章分頁模式教學

昨天 Vista 問我怎麼單篇文章不能分頁啊?喔喔?WordPress 本來就有單篇文章分頁的功能,應該可以啊~~艾德之後檢視了自己之前設計的 Theme 發現了問題所在,都把這個基本功能拿掉了 Q_Q ,之前設計的 Theme 共有四個,HyalineDrop2SplashWiiLikeEduardo M ,每個都沒有單篇文章的分頁功能,囧rz。好吧,要來補救這個小缺點,當然也要控制一下這個分頁的樣式,讓它更好看。

首先,先打開 Single.php 檢查一下有沒有 wp_link_pages() 這個功能 如果有的請用下方的代碼取代原有的部份,如果沒有的話,請在



的下方加入以下的代碼

好了之後,在打開 style.css
在最底部加入底下的 CSS


/* 單篇文章分頁 */
.link_pages {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 10px;
margin: 0px;
}

.link_pages a {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}

.link_pages a:hover {
color: #ffffff;
background: #D1CAAF;
border-color: #D1CAAF;
text-decoration: none;
}

這樣就可以有單篇文章分頁的功能了,之後只要在要分頁的地方加上 <!–nextpage–> 就可以分頁囉!

效果:

分類
Plugins WordPress

[教學] WordPress Comment 分頁模式

剛剛艾德已經提到了建立留言板的方法,如果留言板的回應數量爆多的時候,網頁一次讀取破百篇的回應可是會龜到爆的,所以分頁模式可以讓讀取速度加快,也方便閱讀。曾經進去國外的部落格,回應數破百,然後沒有分頁,真的是讀取到哭。

其實 WordPress 的 comment 部份,在網誌分頁與單篇文章都是共用的,所以只要設定好之後,全部的 comment 部份都會分頁,如果之前有看過艾德所寫的文章,應該會看到Comment 分頁功能

範例圖示:

這次官方的版本已經出 WordPress Paged Comments Plugin 2.6.4 版

使用方法:

先將檔案下載下來,解壓縮之後將 page-comments 的整個目錄上傳到 plugins裡。

將 paged-comments.php 用筆記本打開(其他編輯軟體以可以),找到第 24 行,如下圖。

$paged_comments->per_page = 10; 這個地方就是分頁的篇數,預設是10篇,想要改成 5 篇就自動分頁請將10改成 5。

$paged_comment ->ordering = ‘DESC’; 這個部份是設定留言的新舊排序,DESC 是新留言在上面,ASC 是舊留言在上面。

其他設定就不多介紹。

再將 theme 目錄 -> default目錄裡面的 comments-paged.php 上傳到您正在使用的theme目錄。最後到後台啟動plugin即可。

基本上這篇文章有點跟之前的教學重複到,不過這次還是順著囉。