分類
前端設計

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

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

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

然後改成將資料寫入DB

再另外撈出來

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

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

TinyTable JavaScript Table Sorter

table-sorter

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

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

套用之後的結果

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

官網的demo

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

分類
艾德分享

修改 WordPress 內建 widgets 的分類排序

昀芽同學留言詢問說文章分類要如何排序呢?內建的 widgets (模組) 裡,只有三種可以勾選。下拉式選單、顯示文章數量及目錄層次三個功能。

wp_category.png

如果要按照其他的排序方法要怎麼修改?通常不外乎是透過 plugin (插件)來修改,不然就得手動修改,那要怎麼手動修改? 方法不會太難。

步驟

打開 wp-includes 這個目裡,找到 widgets.php 這個檔案, 如果沒有修改過任何的內容,可以找到第 627 行,內容如下:

$cat_args = “orderby=name&show_count={$c}&hierarchical={$h}”;

這邊會發現 orderby=name 就是按照名稱來排序,因為 WordPress 是把 orderby=name 設為 default 。

依照 WordPress 官方網站所提供的資料關於 wp_list_categories 的用法

orderby
(string) Sort categories alphabetically, by unique Category ID, or by the count of posts in that Category. The default is sort by category name. Valid values: * ID
* name - default
* count

所以可以選擇 分類 ID 排序名稱排序文章數量多寡排序,依照這個就可以修改成自己需要的模式囉。當然也可以修改多到少或者少到多的排序方法,再多一個 order=ASC 或者 order=DESC (ASC 少到多、DESC 多到少)
$cat_args = “order=ASC&orderby=name&show_count={$c}&hierarchical={$h}”;