tande lab.

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

tableタグで表組作るのもいいけど、なんかもっとスマートな方法がないかと思っていたところ、見た目もキレイで簡単に、そして高機能!な表組を作成できるプラグインを見つけました。
某イベント告知ページ制作のお手伝いで大活躍しました!

WP-Table Reloaded

こちらのブログを参考にさせていただきました。
blog.paz-para.com » Blog Archive » WordPressで表組みを利用する

WP-Table Reloaded 使い方

  1. Pluginをインストールして有効化します。
  2. 管理画面左サイドバーに「WP-Table Reloaded」という項目が追加されるので、それをクリックして設定画面へ。
    https://lh5.googleusercontent.com/_tfb0OOQJIJA/TWO8Cttf7oI/AAAAAAAAnC4/R8C6HXOAsaA/s800/WP-Table%20Reloaded_01.jpg

     
  3. 新しいテーブルを追加します。
    https://lh3.googleusercontent.com/_tfb0OOQJIJA/TWO8C53ItcI/AAAAAAAAnC8/jk6EFu2nnjc/s400/WP-Table%20Reloaded_02.jpg

     
  4. テーブル名、説明、行、列、を入力します。
    注意すべきは、行と列、逆になっていることです。行を入力したい場合は列に、列を入力したい場合は行に、入力しましょう。
    ※最新版1.9.1では行と列が逆なの、なおっていました。
    https://lh4.googleusercontent.com/_tfb0OOQJIJA/TWO8C-LZ30I/AAAAAAAAnDA/piIU665DJXs/s800/WP-Table%20Reloaded_03.jpg

     
  5. 表組の内容を記入します。
    HTMLタグが使えるので、セル内に画像を挿入したりもできます。
    https://lh4.googleusercontent.com/_tfb0OOQJIJA/TWO8C1slm4I/AAAAAAAAnDE/i7eWqiCYX5I/s400/WP-Table%20Reloaded_04.jpg

     
  6. 行列の追加、削除、入れ換えなども簡単にできます。
    ここでも、行と列が逆のことを指しているので注意です。
    https://lh5.googleusercontent.com/_tfb0OOQJIJA/TWO8DB7VrEI/AAAAAAAAnDI/0w8kJcdRoSY/s400/WP-Table%20Reloaded_05.jpg

     
  7. 他にも、一番上の行をタイトルとするかどうか、閲覧者によってデータの並び替えや検索ができるようにするかどうか、など様々なオプションを設定することができます。
    https://lh3.googleusercontent.com/_tfb0OOQJIJA/TWO8Io0lcoI/AAAAAAAAnDQ/6VINYXS9jK0/s400/WP-Table%20Reloaded_06.jpg
    特に個人的に便利!と思ったのは以下。(上図で赤く囲んでます)

     
    1. マウスカーソルで選択している行の色が変わるので見やすい!
    2. タイトル行クリックでデータのソートができる!
    3. インクリメンタルサーチで素早く検索できる!
       
  8. 設定を保存したら、テーブルのリストからショートコードをコピーします。
    https://lh4.googleusercontent.com/_tfb0OOQJIJA/TWO8Ivo2emI/AAAAAAAAnDY/a5vdNeMiMmc/s800/WP-Table%20Reloaded_08.jpg
  9. ショートコードを、表組を表示させたい記事本文中に挿入して完成!
     

サンプル

で、これが試しに作ったサンプルです。
ビールについての表組を作ってみましたw

マウスオーバーしている行の色を変えたり。
リアルタイム検索できたり。
並び替えができたり。
CSVエクスポート&インポートもできたり、高機能すぎる!!
そして何より重要、見た目キレイで見やすいのです!

とにかく便利です〜!

メーカー銘柄感想
キリンZEROキレがあって美味しい。我が家の定番。
サントリープレミアムモルツおめでたい日に飲みたい。
アサヒアサヒザマスターこくがあって美味しい。
サッポロサッポロボールジンギスカンと一緒に飲みたい。

追記 2011.5.3

  • 最新版1.9.1では行と列が逆なの、なおっていました。

追記 2012.2.2




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

  2. CSV一括登録 says: 2012/07/1014:22

    […] WordPressでCSVで一括登録したいけどなかなかこれというのがない。。。というのも、あとからもう一度吐き出して、編集したからなんですが、今の所全希望はかなっていないのですが便利なツールがあるのでメモ。といってもリンクですが。 http://aki789.6.ql.bz/?p=64  http://bambooo.jp/tips/1503.html同じように検索していたら面白そうなものを見つけました、表組みのプラグインですが、 私の場合ですと。単語登録時とかに使えそうですね。 http://tande.jp/lab/2011/02/990 […]

  3. […] 引用元: [WordPress] CSVエクスポート&インポート可能な表組を簡単に組み込めるプラグイン | tande lab.. […]

Submit comment