Photo by rawpixel on Unsplash

WordPress

[WordPress]ワードプレス プラグイン「TablePress」は並べ替えも検索もできる表を簡単に挿入できる

こんにちは。
@OfficeTAKUです。

WordPressでブログ書く時にテーブルを使用したい、ということが、ままあります。
しかし、今までレイアウト・デザインともなかなか思うように制御できずに、固定ページ以外はあまり利用してきませんでした。

プラグインTinyMCE Advancedを使えば挿入自体は楽なのですが、今利用しているテーマTCD「MAG」で色を付けたりしようとしてもなかなか上手く思うようにいきません。CSSちゃんと見ればいいのですが、根が無精者なので…

そこで、WordPress で Table というと、必ずのように取り上げられているプラグイン TablePress を導入してみました。

WordPressで簡単にテーブル挿入できるプラグイン「TablePress」

こちらのプラグインは表専用のエディターが追加されます。

コンタクト・フォーム7のように、エディターで表を作成してショートコードを記事中に貼り付けるという形式になります。

表の編集追加時には記事の編集画面から画面を切り替える必要がありますが、それさえ我慢できれば、非常に便利に使うことができます。

私の場合はそんなに凝った表ではなくてもよいのでこれで十分でした。

プラグインはなるべく利用したくないとは思いますが、やはり時間には変えられません。これで楽に執筆ができるようになります。

WordPress Plugin 「TablePress」インストール

  1. 管理画面の[プラグイン]−[新規追加]
  2. 検索ボックスに「tablepress」と入れ[検索]
  3. 検索結果一番始めに表示されるはず。
    WordPress プラグイン TablePress
  4. あとは[インストール]して[有効化]するだけです。

WordPress Plugin 「TablePress」でのテーブルの作成

インストールが完了すると管理画面のサイドバーのメニューに[TablePress]が表示されます。
そのメニューをクリックすると編集画面が表示されます。

日本語化されているので、いきなり触っても戸惑うこともないでしょう。

こちらのページ [ぷりんと楽譜] 『宝島』作曲:和泉宏隆 編曲:真島俊夫 吹奏楽パート譜一覧 | 御経塚通信の表は下記のような設定で作成しました。

TablePressで初めてつくったTable

TablePressで初めてつくったTable
https://okyouduka.com/print-takarajima

  1. [新規追加]でテーブル名、行数、列数を指定して[テーブルを追加]をクリック
    WordPress プラグイン TablePress
  2. テーブルの編集画面が表示れます。
  3. それぞれ入力して行きます。
  4. 行、列、はExcelのように移動が可能。それぞれの数字、アルファベットの上でマウスでドラッグします。
    WordPress プラグイン TablePress
  5. リンクの挿入は後からでもできますし、タグをそのまま貼り付けてもOK
  6. 行・列の挿入、削除なども下のメニューボタンで可能。
    WordPress プラグイン TablePress
  7. 検索や並べ替えの設定や一度にページに表示する行数など指定ができます。
    WordPress プラグイン TablePress
まとめ:簡単で便利な表作成プラグイン「TablePress」はおすすめです

簡単にさくっとテーブルが作成できるので便利です。
スマホで表示しても特に問題ありません。
自分でCSS工夫したり、とか面倒な人には超おすすめです。

良かった点は、

  • 更新も継続されていて評価も高く安心
  • セルに値を入力するだけで簡単に作表が可能
  • 一列おきの色替え、マウスポイント時の効果も自動でできる
  • ExcelデータやCSVデータの取り込みも可能(まだ試していませんが)

こんなことができれば!という点

  • 編集画面のセル幅など変更できるといいのに
    長い文字列入れた時には編集がしにくい
  • セルのコピーがもっと簡単にできるとありがたい

さすがに編集機能は心もとないです。
行数の少ないものは直接入力でもよいですが、大量のデータなどはExcelで作表し、データをインポートする、というのが現実的かもしれません。

とにかく便利に使えそうです。

▼最近導入した WordPress Plugin の記事です。


実は「とり野菜みそ」の「とり」は「鶏」ではないんです!それは…前のページ

[iOS] iPhone アプリ「無料」という表示につられてインストールして自動登録−課金されたアプリのキャンセル方法次のページ

ピックアップ記事

  1. 【Amazon】6ヶ月間無料体験可能! 学生のみなさん Amazon Prime…
  2. [iPhone] Safariでブラウズ中に表示される、「警告! あなたのApp…
  3. 【初心者・シニアのためのVOD入門】お家で映画三昧!休みは動画配信サイトのお試し…
  4. 【iPhone】音声読み上げを利用する方法
  5. [Amazon] アマゾンで「NHKこどもパーク」開始!月額390円で「ワンワン…

関連記事

  1. WordPress

    [WordPress] ロリポップさんからお願いされていた 『SiteGuard WP Plugin…

    こんにちは。@OfficeTAKUです。ここの大家さん(レ…

  2. WordPress

    【WordPress】ロリポップサーバーで不要になったWordPressサイトを削除する方法

    こんにちは。@OfficeTAKUです。別れと新たな出会いの季節…

  3. WordPress

    WordPressサイトで突然HTTP500エラー

    こんにちは。@OfficeTAKUです。WordPress…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

人気の記事

  1. 日商PC検定
  2. ロジクール MX KEYS(MAC用)
  1. Photo by chuttersnap on Unsplash

    Excel

    [Excel] エクセルで「名前」を使ってみよう!Vol.1 簡単な名前の付け方…
  2. Photo by rawpixel on Unsplash

    WebService

    フリーランスや小さなお店でホームページ作りたい!という時のおすすめホームページ作…
  3. WebService

    Office TAKU、LINE@ アカウント 開設しました!
  4. 日商PC検定

    日商PC検定

    日商PC検定・簿記初級など日本商工会議所検定試験会場になりました!
  5. Photo by Kobu Agency on Unsplash

    WebService

    オンラインでお勉強 Vol.5 自宅でプログラミングを本格的に学べるオンラインス…
PAGE TOP