> デザインが綺麗でおしゃれ!評判のSWELLをレビュー!

TablePressの使い方とメリット【テーブル(表)プラグイン】

TablePress

おすすめのWordpressプラグイン「TablePress」の使い方を解説!

TablePressの使い方が分かりません・・・。

なんか難しそうだし・・・。

こういったお悩みを解決します。

TablePressは、セルの結合や検索窓設置、ページ分けができるなど、とても多機能なテーブルプラグインです。

また、ページを分けられるので、大量のデータも格納できます。便利ですね。

と、いうわけで、 TablePress の使い方を見ていきましょう。

ブログを始めるなら、SEOに強い「Wordpress」一択です。作り方は、下記を参考にしてください。

>【開設5分】Wordpressブログの始め方

タップできる目次

TablePressの使い方

では、TablePressの使い方を解説していきます。

テーブル(表)を作成

まずは、テーブル(表)を作成しましょう。

STEP
「TablePress」→「新しいテーブルを追加」をタップ
「TablePress」→「新しいテーブルを追加」をタップ
STEP
「テーブル名入力」→「行・列の数を入力」→「テーブルを追加」
「テーブル名入力」→「行・列数を入力」→「テーブルを追加」
STEP
テーブルの作成完了
テーブルの作成完了

行の追加

次に、TablePressで行を追加する方法です。

STEP
追加したいところにチェックを入れて、「挿入」をタップ
追加したいところにチェックを入れて、「挿入」をタップ
STEP
行の挿入完了
行の挿入完了

列の追加

TablePressで列を追加する方法です。

STEP
列を追加したいところにチェックして「挿入」をタップ
列を追加したいところにチェックして「挿入」をタップ
STEP
列の挿入完了
列の挿入完了

行・列の削除

TablePressで行・列を削除する方法です。

STEP
削除したい行・列にチェックを入れて「削除」をタップ
削除したい行・列にチェックを入れて「削除」をタップ
STEP
削除完了
削除完了

セルの結合

TablePressでセルを結合する方法です。

下記画像の「セルを結合」をタップしてから、結合したい箇所をタップする。

セルの結合

縦方向に結合したい場合・・・下側のセルに#rowspan#を入力

横方向に結合したい場合・・・右側のセルに#colspan#を入力

セルのサイズ変更

TablePressでセルのサイズを変更する方法です。

STEP
セルの右下部分をタッチしながらサイズを変更する
セルの右下部分をタッチしながらサイズを変更する
STEP
サイズ変更の完了
サイズ変更の完了

その他の設定

その他の設定項目についても解説しますね。

設定項目内容
テーブルの見出し行最初の行をテーブル見出しにする
テーブルのフッター行最後の行をテーブルフッターにする
行の色を交互にする連続する行の背景色を別の色にする
カーソルのある行をハイライト表示カーソルを合わせている間、背景色をハイライト表示する
テーブル名を表示テーブル名を表示する
テーブルの説明の表示テーブルの説明を表示する
追加のCSSクラス追加のCSSクラスを入力できる
DataTablesを使用DataTables JavaScriptライブラリ機能を使用するか否か
並べ替えテーブルの並べ替えができるようにする
検索/フィルターテーブルの検索、フィルターを使用できるようにする
ページ送りテーブルのページ分割をできるようにする
ページ分割の行数を変更ページ分割の行数を変更できるようにする
情報テーブル情報の表示を有効にする
水平スクロール水平スクロールを有効にする
カスタム コマンドカスタムコマンドを追加することができる

投稿記事に設置

テーブルを作成できたら、投稿記事に設置していきましょう。

STEP
テーブルのショートコードをコピーする
テーブルのショートコードをコピーする
STEP
投稿記事内で「ショートコード」ブロックを選ぶ
投稿記事内で「ショートコード」ブロックを選ぶ
STEP
ショートコードを貼り付け
ショートコードを貼り付け
STEP
テーブルの設置が完了
テーブルの設置が完了

TablePressのインストール方法

続いて、TablePressのインストール方法を解説していきます。

STEP
「プラグイン」→「新規追加」をタップ
「プラグイン」→「新規追加」をタップ
STEP
検索窓に「 TablePress 」と入力する
検索窓に「 TablePress 」と入力する
STEP
TablePress プラグインの横「今すぐインストール」をタップ
 TablePress プラグインの横「今すぐインストール」をタップ
STEP
「有効化」をタップして、 TablePress 導入完了
「有効化」をタップして、 TablePress 導入完了

TablePressを使うメリット

TablePressを使うメリットは下記です。

  • WordPress標準のテーブルよりも多機能
  • 大量のデータを表示したいとき便利
  • セルの結合が出来て便利
  • 一度作成すれば使いまわしできる
  • 人気が高く、広くサポートされており柔軟性もある

まとめ|TablePress(表作成プラグイン)の使い方とメリット

今回は、TablePressのご紹介でした。

WordPress標準のテーブルでは機能的に物足りないなと感じている方は TablePress がおすすめです。

というわけで、ぜひ使ってみてくださいね。

プラグイン関連記事
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

タップできる目次
閉じる