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. Scratch (スクラッチ)を ちょっとだけ勉強して、かんたんな作品『のっティ…
  2. 【レビュー】これはおすすめ!13インチ MacBook Pro にぴったりな I…
  3. 【WordPress】ロリポップサーバーで不要になったWordPressサイトを…
  4. Amazon Alexa で Apple Music 再生 してみました
  5. 【Word】游明朝/游ゴシックやメイリオで1ページの行数を増やしても行間を広げな…

関連記事

  1. WordPress

    【WordPress】サイトヘルスチェックで指摘された問題点を解消

    こんにちは。@OfficeTAKUです。今まで気づかな…

  2. トップページ SSL化されていない

    WordPress

    [WordPress] ロリポップ無料独自SSL設定してみましたが…

    こんにちは。@OfficeTAKUです。WebサイトのSS…

  3. WordPress

    Web

    【WordPress】SyntaxHighlighter Evolved が機能しない…

    WordPress 便利なのですが、やはりちょっとしたところでつまづく…

  4. Photo by Daniel Hehn on Unsplash
  5. WordPress

    Web

    WordPress HTMLタグの入力を楽にする「Wp Zen Coding」プラグイン

    ブログの記事を欠く時、タグの入力とか面倒なので以前はエディタで書いて貼…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. ふくふくbyもく遊リん

人気の記事

  1. 日商PC検定
  2. ロジクール MX KEYS(MAC用)
  1. リボルテック ダンボー ミニ

    玩具

    リボルテック ダンボー ミニ (REVOLTECH DANBOARD mini…
  2. Microsoft Surface Pro 7

    Hard・Acc

    【レビュー】Microsoft Surface Pro 7 :学生・教職員には特…
  3. 国立天文台市民天文学プロジェクトGALAXY CRUISE

    WebService

    国立天文台 市民天文学プロジェクト「GALAXY CRUISE」あなたも宇宙の旅…
  4. Photo by JESHOOTS.COM on Unsplash

    WebService

    [Amazon] 30日間無料体験!最新アニメから懐かしのアニメまで豊富に揃って…
  5. WordPress

    【WordPress】ワードプレスで会話風吹き出しを簡単に作れる「Speech …
PAGE TOP