本ページは広告が含まれています。気になる広告をクリック頂けますと、サーバ運営費になります(^^
TablePressの簡単な使い方
![](https://ps.w.org/tablepress/assets/banner-772x250.png?rev=1275767)
TablePress – Tables in WordPress made easy
Embed beautiful and interactive tables into your WordPress website’s posts and pages, without having to write code!
WordPress内の表を作る際にご苦労されている方必見です。こんなに簡単にレシポンシブ対応の表が作れてしまうなんて。
このツールの操作イメージを知っていただければと、表を追加する手順を記載してみました。
TablePressを使ってみます
有名なプラグイン、これなら間違いないっていうのをインストールして試してみます。WordPress標準の表の挿入だと、スマホで見た時に表がはみ出てしまったり、表の形が崩れてしまったりと使い勝手がイマイチです。
プラグインを利用すると簡単にレシポンシブ対応に
インストールして有効化
![](https://www.techlive.tokyo/wp-content/uploads/2018/07/tablepress01.jpg)
tablepress01.jpg
新しいTalbeを追加
![](https://www.techlive.tokyo/wp-content/uploads/2018/07/tablepress015.jpg)
tablepress015.jpg
Table名を決める
![](https://www.techlive.tokyo/wp-content/uploads/2018/07/tablepress03-700x403.jpg)
tablepress03.jpg
テーブル内容を入力
![](https://www.techlive.tokyo/wp-content/uploads/2018/07/tablepress04-700x468.jpg)
tablepress04.jpg
ショートコードをコピペ
![](https://www.techlive.tokyo/wp-content/uploads/2018/07/tablepress02-700x135.jpg)
tablepress02.jpg
すると、表の体裁ができます。