PR

簡単に表を作成してWordPressに挿入できるプラグイン「TablePress-Tables in WordPress made easy」の設定・使い方について

WordPressおすすめのプラグイン
記事内に広告が含まれています。

WordPressを使い始めると、どのプラグインを入れればいいのか迷いやすいですよね。そこでこの記事では、初心者でも使いやすいおすすめプラグインをわかりやすく紹介します。

WordPress(ワードプレス)のプラグイン「TablePress-Tables in WordPress made easy」は、比較表や料金表を記事内に挿入したい時にテーブル表を簡単に作成、編集、表示できるプラグインです。

プラグインを使わなくてもWordPressに備わっている機能でテーブル表を作成することは出来るのですが、WordPress初心者さんはこのプラグインを使用して表を作成する方が簡単だと思うので、特にブログで比較記事を書くことが多い人にはおすすめのプラグインです。

この記事では、プラグイン「TablePress-Tables in WordPress made easy」の使い方を初心者向さんにもわかりやすく書いています。

「TablePress-Tables in WordPress made easy」の使い方

インストール⇒有効化する

まずはじめに「TablePress-Tables in WordPress made easy」をインストール⇒有効化します。WordPressの管理画面から「プラグイン」⇒「プラグインを追加」と進み、

検索窓に「TablePress」もしくは「TablePress-Tables in WordPress made easy」と入力。

「TablePress-Tables in WordPress made easy」というプラグインを見つけたら「今すぐインストール」

つづけて、「有効化」してください。

テーブル表を作成する

「インストール」⇒「有効化」したら、ダッシュボード(管理画面)の左側メニューバーに「TablePress」という項目が追加されているので、「TablePress」⇒「新しいテーブルを追加」をクリックして下さい。

新しいテーブルを追加」の下「テーブルの名前」に○○一覧のような任意のテキストを入力(説明は任意で)して「テーブルを追加」をクリックして下さい。

黄色枠で囲んだ部分は後からでも変更可能ですが、予め必要な行・列を計算して変更しておくと楽です。

テーブルの内容」に表(テキスト)を入力します。

table Features for Site Visitors」のビジター機能の有効化のチェックを外して

変更を保存」をクリックして下さい。

テーブル情報」の黄色枠で囲んだ部分の「ショートコード」をコピーして、投稿編集画面で作成したテーブル表を表示したい場所ににペーストします。

これで作成したテーブル表がWordPressに表示されました。お疲れ様でした。

投稿編集画面ではショートコードしか見えないと思いますが、プレビュー画面で確認してみると問題なく反映されています。

作成したテーブル表に外枠とセルの線を表示したい場合

ASP得意ジャンル最低支払額登録時の審査使いやすさ
A8.net美容・健康・その他全般1,000円なし
afb美容・健康・マッチング777円あり
バリューコマース物販系・旅行・教育1,000円あり
アクセストレード金融・求人・通信1,000円あり

作成したテーブル表に外枠とセルの線を表示したい場合は、以下のCSSを使ってみて下さい。

See the Pen
Untitled
by HIRO (@anyan)
on CodePen.

編集画面「テーブルのオプション」のカスタム CSSをクリック。

Custom Styling」の赤色枠で囲んだ部分にCSSをペースト。

CSSをペーストしたら「変更を保存」をクリックして下さい。

「TablePress-Tables in WordPress made easy」の設定・使い方について~まとめ~

ここまで、『簡単に表を作成してWordPressに挿入できるプラグイン「TablePress-Tables in WordPress made easy」の設定・使い方について』書いてきました。

「TablePress-Tables in WordPress made easy」は、さらに「行・列の追加・削除」「セルの結合」などを設定する機能が備わっていますが、すべて説明すると長くなってしまいますし、このブログはWordPressの基本編ブログということでここでは省略させていただきます。

コメント

タイトルとURLをコピーしました