超多機能テーブル作成プラグイン「TablePress」

超多機能テーブル作成プラグイン「TablePress」

最終更新日:2022/05/13 キャプチャと一部内容を差し替えました。

ダウンロード/インストール

公式サイトからダウンロードするか、
プラグインの新規追加で「TablePress」を検索してインストールしてください。

スクリーンショット 2016-02-08 10.46.59

スクリーンショット 2016-02-08 9.50.41

管理画面の説明

スクリーンショット 2016-03-01 14.50.12

  1. 作成済みのテーブル一覧
  2. テーブル新規作成
  3. 外部ファイルのインポート
  4. 作成したテーブルのエクスポート
  5. 設定画面、ここにCSSも記述可能
  6. Tablepressプラグインの情報

日本語化できない?

少し前のバージョンまで5.PluginOptionsから日本語化が出来たのですが、現在プラグイン内で変更はできなくなっています。(日本語化は可能なようです、必要に応じて調べてみると情報が出てきます。)ここでは、英語表記で進めていきます。

現在は日本語化されています。

テーブルの新規作成

それではまずはテーブルを作成してみましょう

スクリーンショット 2016-03-01 15.19.52

ここでは「firstTable」という名前で作成してみます。必要な行数と列数を入力します。こちらは後から変更可能です!

入力画面

スクリーンショット 2016-03-01 15.23.55

入力エリアに情報を入力したら、「変更を保存」を押してください!プレビューで作成結果の確認もできます。
上部にショートコードが表示されています。これを投稿に貼り付ければ表示されます。

スクリーンショット 2016-03-01 17.31.05

表示されました!!デフォルトでおそらくテーブルに求められる機能はほぼ付与されています。簡単にオプションの説明をします。上記の画像はデフォルトのままです。

スクリーンショット 2016-03-01 17.31.05

  1. テーブルの一番上の行に背景色が付きます
  2. テーブルの一番下の行に背景色が付きます
  3. 行の背景色が白とグレーの順番で分けられます。チェックを外すと全部白い背景色になります。
  4. カーソルをあわせた行のハイライト(背景色)が変わります。
  5. テーブル名を表示します。上と下を選択できます。
  6. テーブルの説明を表示します。上と下を選択できます。

スクリーンショット 2016-03-01 17.31.05

上記オプションで再度変更を保存し、列と行を一つずつ増やして合計欄を追加してみました!とっても簡単に編集することが出来ますね…!

外部ファイルのインポート

このTablepressにおいて、特筆すべき機能とも言えるこのインポート、Excelの表などを元にテーブルの内容を入力するという状況は発生しがちかと思いますが、この機能を使えば一発でテーブル化できます!

1,Excelファイルのインポート

スクリーンショット 2016-03-01 17.54.38

例としてこんなファイルを作って見ました!これをテーブルに変換していきます。

2,アップロードする

管理画面のタブから「インポート」を選択

スクリーンショット 2016-03-01 17.58.43

今回はExcel(.xls)を使用していますが、xlsx html json csvにも対応しています。

アップロードしたらインポートをクリックすると。。。

スクリーンショット 2016-03-01 18.04.03

項目が入力されています!このショートコードを貼り付けるだけ!簡単ですね!

まとめ

TablePressはここではとても紹介しきれないくらいの機能をふんだんに備えたとても優秀なプラグインだと思います!商品や製品表示などの更新業務が多いコーポレートサイトの構築などで効果を発揮しそうですね!是非お試しいただければと思います!

SNSシェア

WP TECH WordPress技術専門 Tips

コーポレートサイトへ

WP TECH WordPress技術専門 Tips

採用サイトへ