「TablePress」で簡単にレスポンシブ対応の表を作る拡張プラグイン「Responsive Tables」

TablePressは簡単に表をつくることができるWordPressのプラグインです。 レスポンシブル対応のテーマは多いですが、表を作成した際には表は別途レスポンス対応を作成する必要があります。

レスポンシブ対応のプラグインとしては、FooTableというものがありますが、イマイチ使い勝手がしっくりこないので、調べるとTablePressのレスポンシブ対応の拡張プラグインにResponsive Tablesがありました。 基本インストールして終わりです。（レスポンシブ化終了＾＾）TablePressの使い方がそもそもわからないって人もいると思いますので以下からは、インストール編から掲載してます。

初心者編のための、TablePressレスポンシブルのダウンロード

TablePressをプラグインよりダウンロード

Responsive Tablesをダウンロード

Responsive Tablesを解凍して、

・tablepress-responsive.min.css

・tablepress-responsive.css

・tablepress-responsive-tables.php　をpluginフォルダにアップロード

（wp-content ➡ plugins➡TablePressの中です。）

Pluginの設定をする

さて、準備ができたら次はTablePressとTablePress Extension: Responsive Tablesを有効化にすると管理画面にTablePressが表示されます。

次に、管理画面のTablePressよりAdd Newをクリック

表の作り方の設定は、Excelと同じです。

SAVE CHANGE　ボタンは忘れずに押して下さいね。

ショートコードを記事に貼付ければ表が完成します。

完成、画面に合わせて表が伸縮すればOK。スマホもバッチリ対応の表が完成しました。

[table id=1 /]