仕事でワードプレスを扱うことが多いんですが、表を入れるときにいつもソートが出来なくて不便でした。
ソートしようと思って色々調べても、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の使い方としては、
- TablePressをインストール・有効化する
- エクセルで表を作ってコピーする
- TablePressの「インポート」タブを開く
- インポートのソースで「手動入力」を選ぶ
- コピーしたエクセルを貼り付けて「インポート」をクリックする
- 出来上がった表のショートコードを記事に入力する
こういう手順になります。
ただワードプレスのバージョンが低いと使えないので、その場合はバックアップした後にアップデートを行いましょう。
ワードプレスでなにかの表を作る際は、参考にして下さい。