ワードプレスで表をソートする方法

サービス

仕事でワードプレスを扱うことが多いんですが、表を入れるときにいつもソートが出来なくて不便でした。

ソートしようと思って色々調べても、javascriptがどうとかCSSがどうとかで、何だかややこしそうだったんですよね。

でも私と同じように、

『ややこしい事は知らないけど表をソートしたい』

という方もいらっしゃると思います。

そして今日、カンタンにソート出来る表を作る方法を見つけました。

それが「TablePress」というプラグインを使う方法です。

TablePress – Tables in WordPress made easy
Embed beautiful, accessible, and interactive tables into your WordPress website’s posts and pages, without having to wri...

私はいつも、エクセルとかで表を作って、それをHTML化しています。

このTablePressを使えばそれをさらにソート可能な表に出来るので、かなり便利です。

完成形は、こんなやつです。

買スワップ
(ポイント)
買スワップ
(円)
売スワップ
(ポイント)
売スワップ
(円)
AUDCHF-1.11-125.46-4.11-464.55
AUDNZD-4.91-338.52-3.91-269.57
AUDUSD-2.09-224-1.69-181.13
CADJPY-2.89-289-3.59-359
CHFSGD-14.77-1,138.08-7.27-560.18
EURCAD-8.51-668.47-4.01-314.99
EURDKK-48.94-789.33-76.54-1,234.47
EURGBP-3.87-515.08-1.07-142.41
EURHKD-87.55-1,210.63-42.55-588.38

各列でソートが出来る上に、表示件数を変更したり検索機能も付いています。

普通に作ると結構な時間がかかりそうですが、これから紹介するやり方なら2,3分あれば十分です。

TablePressの使い方としては、

  1. TablePressをインストール・有効化する
  2. エクセルで表を作ってコピーする
  3. TablePressの「インポート」タブを開く
  4. インポートのソースで「手動入力」を選ぶ
  5. コピーしたエクセルを貼り付けて「インポート」をクリックする
  6. 出来上がった表のショートコードを記事に入力する

こういう手順になります。

ただワードプレスのバージョンが低いと使えないので、その場合はバックアップした後にアップデートを行いましょう。

ワードプレスでなにかの表を作る際は、参考にして下さい。

タイトルとURLをコピーしました