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. 【Google】Chrome 拡張機能「Password Checkup」導入翌…
  2. 【初心者・シニアのためのVOD入門】お家で映画三昧!休みは動画配信サイトのお試し…
  3. 【iPhone】音声読み上げを利用する方法
  4. [レビュー] 『親子で学ぶ プログラミング超入門 ~Scratchでゲームを作ろ…
  5. 【Word】游明朝/游ゴシックやメイリオで1ページの行数を増やしても行間を広げな…

関連記事

  1. Chrome 非SSLサイト
  2. WordPress

    Google Docs から WordPress へ!

    こんにちは。@OfficeTAKU です。Jet Pack…

  3. WordPress

    WordPress,XAMPP,Mac OS X,ロリポップ

    今回、このサイトを構築するに当たって、MacBook、OS X 10.…

  4. WordPress

    写真サイト「Scenery in Okyouduka 御経塚通信写真部」を再開しました

    こんにちは。@OfficeTAKUです。しばらく更新を休ん…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. ロジクール MX KEYS(MAC用)

人気の記事

  1. ロジクール MX KEYS(MAC用)
  1. ネット詐欺専用セキュリティソフト「詐欺ウォール」

    ソフトウェア

    ウイルス対策ソフトでは防ぎきれないネット詐欺に対応!ネット詐欺専用セキュリティソ…
  2. Word

    [Word]「均等割り付け」ボタンを押したらいきなり文字列が右端まで広がってしま…
  3. Photo by Samuel Zeller on Unsplash

    Excel

    [Excel] エクセルで目標日までのカウントダウンを表示する
  4. Facebook

    【FaceBook】名前の変更方法と旧姓やニックネームを表示する方法
  5. Mac

    【Mac】音声読み上げを利用する方法
PAGE TOP