[WordPress] CSVエクスポート&インポート可能な表組を簡単に組み込めるプラグイン
tableタグで表組作るのもいいけど、なんかもっとスマートな方法がないかと思っていたところ、見た目もキレイで簡単に、そして高機能!な表組を作成できるプラグインを見つけました。
某イベント告知ページ制作のお手伝いで大活躍しました!
こちらのブログを参考にさせていただきました。
blog.paz-para.com » Blog Archive » WordPressで表組みを利用する
WP-Table Reloaded 使い方
- Pluginをインストールして有効化します。
- 管理画面左サイドバーに「WP-Table Reloaded」という項目が追加されるので、それをクリックして設定画面へ。
- 新しいテーブルを追加します。
- テーブル名、説明、行、列、を入力します。
注意すべきは、行と列、逆になっていることです。行を入力したい場合は列に、列を入力したい場合は行に、入力しましょう。
※最新版1.9.1では行と列が逆なの、なおっていました。
- 表組の内容を記入します。
HTMLタグが使えるので、セル内に画像を挿入したりもできます。
- 行列の追加、削除、入れ換えなども簡単にできます。
ここでも、行と列が逆のことを指しているので注意です。
- 他にも、一番上の行をタイトルとするかどうか、閲覧者によってデータの並び替えや検索ができるようにするかどうか、など様々なオプションを設定することができます。

特に個人的に便利!と思ったのは以下。(上図で赤く囲んでます)- マウスカーソルで選択している行の色が変わるので見やすい!
- タイトル行クリックでデータのソートができる!
- インクリメンタルサーチで素早く検索できる!
- 設定を保存したら、テーブルのリストからショートコードをコピーします。

- ショートコードを、表組を表示させたい記事本文中に挿入して完成!
サンプル
で、これが試しに作ったサンプルです。
ビールについての表組を作ってみましたw
マウスオーバーしている行の色を変えたり。
リアルタイム検索できたり。
並び替えができたり。
CSVエクスポート&インポートもできたり、高機能すぎる!!
そして何より重要、見た目キレイで見やすいのです!
とにかく便利です〜!
| メーカー | 銘柄 | 感想 |
|---|---|---|
| キリン | ZERO | キレがあって美味しい。我が家の定番。 |
| サントリー | プレミアムモルツ | おめでたい日に飲みたい。 |
| アサヒ | アサヒザマスター | こくがあって美味しい。 |
| サッポロ | サッポロボール | ジンギスカンと一緒に飲みたい。 |
追記 2011.5.3
- 最新版1.9.1では行と列が逆なの、なおっていました。

[...] [WordPress] CSVエクスポート&インポート可能な表組を簡単に組み込めるプラグイン [...]