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

サービス

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

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

でも私と同じように、

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

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

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

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

TablePress – Tables in WordPress made easy
コードを書くことなく、WordPress サイトの投稿やページに美しくインタラクティブなテーブルを埋め込みます !

私はいつも、エクセルとかで表を作って、それを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をコピーしました