ワードプレスでテーブルを作成するのに便利なプラグインTablePress。標準でテーブルを並べ替えるようにできる機能も付いておりとても便利ですね。
今回はTablePressの列を任意の並び順にする方法を解説いたします。

テーブルプレスの並び順機能の問題点

TablePressの並べ替え機能は強制的にアルファベットまたは数字の昇順・降順となるため、任意の並び順とすることが難しいです。例えば、大きな動物順で下記のようなテキストをテーブルプレスで並べ替え機能を利用して表を作りたいとき、正しい並び順にすることができません

●犬
●蟻
●象

これは、上記の3つの要素に並べ返したいパラメータの情報が含まれておらず、TablePressには任意のパラメータでテーブルを並べ替えできる機能もないからです。

隠し文字をテーブルに挿入しその値で並び替えさせる

見えない文字をテーブルプレスの各セルに挿入することで上記の例でも正しく大きさ順に並び変えさせることが可能です。

<span style="display:none">2</span>●犬
<span style="display:none">1</span>●蟻
<span style="display:none">3</span>●象

<span style=”display:none”>2</span> は、透明な文字列による数字をテーブルのセルに追加し、この透明文字でTablePressが並び替えをしてくれることにより、任意の順番でテーブルの列をソートする仕組みを付け加えることができます。

お試しください

WordPressでお困りの際はワードプレスドクターにお気軽にご相談くださいませ