ワードプレスやブログ運営に役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

TablePress - HTML編集なしでもTABLEを簡単に管理できるWordPressプラグイン

このエントリーをはてなブックマークに追加

記事公開 2013.06.09

最終更新 2017.01.07

TablePressは、HTMLを直接編集しなくても簡単にTABLEを管理できるプラグインです。

WordPress管理画面でTABLEを作成・編集してショートコードを利用して記事にTABLEを挿入できます。TABLEの並び替えや検索機能もあります。

Webサイト上で比較表などの表組みをよく利用する場合は、このプラグインを利用すると便利です。

はじめに

このプラグインが優れている点

  1. HTMLやCSSを直接編集しなくても、TABLEの表組みを簡単に作れます。
  2. TABLEは管理画面で追加・編集できます。
  3. TABLEの表示位置は、ショートコードで指定できます。
  4. 並び替え機能があるTABLEも作れます。
  5. 表のセルを結合するcolspan、rowspanも利用できます。

TablePress動作見本

TablePress 動作見本

公式サイトのデモ

公式サイトにも実際に稼働するデモがありますので、そちらも参照して下さい。

公式サイト(英語)

TablePress DEMO

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「TablePress」で検索
  2. WordPress.org からダウンロード

ショートコードの使い方

TablePressを利用してテーブルを表示するには、専用のショートコードに「Table ID」の数字を記述します。テーブルの編集は管理画面で行います。

ショートコード

管理画面の設定

このプラグインは、管理画面は英語表記ですが、TABLEの中身は日本語でも運用できます。初期設定のままでも利用できますが、必要に応じて設定を変更しましょう。

All Tables(テーブル一覧)

All Tables(テーブル一覧)

Plugin Option(プラグインオプション)

Plugin Option(プラグインオプション)

備考

初期設定では、TablePressの管理画面のメニューが一階層目に表示されます。大きくて邪魔なので、「設定」の位置に変更すると良いかもしれません。

Add New(新しいテーブルの追加)

Add New(新しいテーブルの追加)

テーブルの詳細設定

テーブルの詳細設定

まとめ

TablePressは、HTMLを編集することなく、簡単にTABLEの管理ができます。比較表などを作る際に利用すると便利です。アフィリエイトサイトなどで利用されているのをたまに見かけます。もし、あなたのWebサイトが表組みを多用するサイトの場合、TablePressを活用してみてはいかがでしょうか。

スポンサーリンク

最後までお読み頂きありがとうございます

ネタワンは皆様の善意に支えられています。
この記事の内容が役に立ったと思ったら、記事をソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

    • 名無しさん
    • 2014年 1月 23日

    こんにちは。
    HP作成、WP初心者です。
    とうプラグインでテーブル作成できましたが、記事への挿入ができません。
    コードを書き込んでも、固定ページなどの本文ごと消えてしまいます。
    対処法などご存知でしたら教えていただけないでしょうか。
    宜しくお願い致します。

      • ネタワン管理人
      • 2014年 1月 24日

      ハッキリとした原因は分かりませんが、本文ごと消えるということは、恐らく、サーバー環境の問題で何らかのエラーが発生しているのではないでしょうか。レンタルサーバーによっては、プラグインが正常に動作しない場合があります。

      例えば、格安レンタルサーバーのロリポップなどでもエラーが発生する場合もあります。何が原因でエラーが発生しているかは分かりません。詳しい状況が分からないので、推測ではこれぐらいしか分かりません。

    • iphone5
    • 2014年 2月 08日

    はじめまして、ちょうどtable pressを使っている者です。

    ご紹介いただいている記事のようにtable pressにてテーブルを作成してwordpressの固定ページに挿入できたのですが、表の」左下に「編集」のボタンが表示されてしまいます。このボタンを押すと、wordpressのtablepress編集画面に遷移します。編集ボタンは不要ですので消したいのですが、どこかで設定などがあったのでしょうか。
    対応した経験がございましたら、ご教授ください。よろしくお願いします。

      • ネタワン管理人
      • 2014年 2月 08日

      左下に表示される編集ボタンは、管理者ユーザーでログインした状態でのみ表示されます。管理者権限のない一般の閲覧者にはボタンは表示されませんので気にする必要はありません。
      WordPress管理画面からログアウトした状態で記事を閲覧すると、ボタンが表示されていませんので、一般のユーザーでどのように見えるかを確認してみてください。

    • iphone5
    • 2014年 2月 08日

    たしかに一般ユーザからは編集できるはずないですよね!ちょっとこちらでも表示のされ方を確認してみます!ありがとうございました!

    • 名無しさん
    • 2014年 4月 26日

    こちらを作って記事に投稿する方法を教えてください。
    お願いします。

      • ネタワン管理人
      • 2014年 4月 26日

      このプラグインを利用してテーブルを作成すると、テーブル編集画面とテーブル一覧画面に専用のショートコードが表示されます。そのショートコードをコピーして、記事本文に貼り付けると作成したテーブルが記事に表示されます。

    • 名無しさん
    • 2014年 4月 27日

    ありがとうございました。
    出来ました。

    • 名無しさん
    • 2014年 9月 15日

    はじめまして

    テーブルプレスを使い始めた者です。

    テーブルプレスの枠の大きさを固定したいのですが

    なかなか難しくてできません。

    どのようにすればうまくいきますでしょうか。

    よろしくお願いいたします

      • ネタワン管理人
      • 2014年 9月 16日

      TABLEの「外枠の幅」の指定方法についてですよね?

      TablePressの管理画面では表示幅は指定できません。
      HTMLとCSSで手動で対応するしかないです。

      記事をテキストモードで記述する必要がありますが、
      表示幅を指定したDIVの中にTablePressのショートコードを記述すれば幅指定は可能です。
      下記のようにすれば、TABLEごとに幅を指定できます。
      下記は横幅300ピクセルに指定した例です。

      <div style=”width:300px;”>
      TablePressのショートコード
      </div>
      ※上記のコードは、コメント欄に記述するために括弧を全角で記述しています。使用する際は半角で記述してください。

CAPTCHA


ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

AMORE(TCD028)

WordPressテーマ「AMORE (TCD028)」

パララックス効果(視差効果)を用いたお店やサービス業向けのWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら