• ニュージーランド
    【NZ】ニュージーランド全国を8ヶ月かけて一周したぼくオススメのバックパッカーズ・ホステル7選
    2017年9月17日
  • Mac
    MacBook Airを初期化する方法 (2012年モデル・Mountain Lion)
    2015年10月8日
  • ニュージーランド
    【NZ】ニュージーランド・ノマドツアー その1 ロトルア→ギズボーン 5日間の旅
    2016年12月15日
  • Excel
    【Excel】ランダムで数値を発生させる2つの方法+ランダムにデータを並び替えるテクニックまとめ
    2017年8月22日
  • Excel
    【Excel】視覚的にわかりやすいシートを作りたいなら必ずやっておくべき「ウィンドウ枠の固定」
    2015年6月30日
  • フィリピン
    マニラ空港のターミナル1は深夜滞在可能でした(動画あり)
    2016年6月5日
  • Windows
    ウィンドウの左上の端っこをダブルクリックすると、ウィンドウを閉じられる
    2012年9月29日
  • フリーソフト
    超愛用して早5年! インストール無しでも利用可能で動作も軽快な画像編集ソフト「PhotoFiltre」
    2014年3月22日
  • Office
    無料でOfficeを使う! Office Onlineの登録方法まとめ
    2017年11月20日
  • Windows
    【Windows10】Updateで「更新プログラムをダウンロードしています」から進まなくなるエラーの対応方法
    2016年5月27日
  • 旅行
    【節約】航空券とホテルを一緒に予約したらホテル代無料! 太っ腹な「AIR+割」をExpediaがやってます
    2015年7月26日
  • Excel
    Excel Tips. 一部セルだけ「0」を非表示にする一番簡単な方法
    2014年8月9日
  • Evernote
    モバイル用ノートPCにEvernoteアプリを入れるべきでない2つの理由
    2014年8月13日
  • iPhone
    Splashtopを使ってiPhoneからWindowsPCへリモート接続してみる
    2015年10月4日
  • Windows
    Shiftキーを連打したときに変なウィンドウが表示されないようにする方法
    2016年1月10日
  • Excel
    【Excel Tips】特定セルに文字列が入力されているかどうかを判定する関数
    2014年12月12日
  • Windows
    【Windows10】スタートメニューのタイルの色を変更する方法
    2015年11月16日
  • 鹿児島
    屋久島・宮之浦地区に滞在するなら「民宿いわかわ」がリーズナブル+バス停近し
    2015年12月18日
  • 旅行
    ANA提携航空会社の航空券からマイルを登録する方法
    2016年4月3日
  • 鹿児島
    【屋久島】「花山歩道」をついに踏破! 無名の大樹が乱立するディープすぎる登山道
    2016年10月4日
  • Webサイト
    世界各国のライブカメラがまとめて覗ける『Webcams.travel』が楽しい
    2013年12月4日
  • Windows
    マイコンピュータを表示するショートカットキー
    2013年8月24日
  • Excel
    Excel/Word 2007/2010で上部のメニュー(リボン)を非表示にするショートカットキー
    2012年6月2日
  • フィリピン
    セブ・IT Parkに滞在するなら「クラウンガーデンホテル」が静かだしセキュリティもしっかりしてるのでオススメ(動画あり)
    2016年2月22日
  • Excel
    【Excel】指定したセルが特定の月かどうかを判断するIF文
    2015年5月30日
  • Excel
    【Excel】コメントも一緒に表示して紙に印刷する方法
    2015年7月20日
  • Excel
    【Excel】土・日曜日の日付セルを自動的に色塗りする方法(動画あり)
    2014年10月11日
  • Webサイト
    動画・写真・音楽のクリエイティブコモンズなコンテンツを一括検索できる『CC Search』 
    2014年1月11日
  • フリーソフト
    インストール不要フリーソフト。PCのHW温度や電圧をモニターする『HWMonitor』
    2014年7月21日
  • ニュージーランド
    【NZ】ニュージーランド・ノマドツアー その2 ギズボーン→ネイピア 風邪でダウンの1週間
    2017年1月11日

2013-0918-133709

久しぶりにWordPressのプラグインの話題です。
HTMLのタグの中ではポピュラーな、表を描写するためのTABLEタグ、いちからタグを入力していくのはめんどくさいモノですが、そこは流石はWordPress。Tableを生成してくれるプラグインがありました。

その名もシンプル『TablePress』です。

スポンサードリンク

関連記事

TablePress

WordPress : TablePress WordPress Plugins

導入してみるとこんな感じ

さて、インストールしてみます。
インストールすると、サイドバーのメニューに『TablePress』の項目が。
2013-0918-130909

「All Tables」のタブには、今までに作成したテーブルが表示されます。
新規作成するには「Add New」を選択。
2013-0918-131154

Add Newではテーブル名、説明、行数と列数を選択します。 テーブル名と説明については、自分が後々管理するために必要なレベルで説明を入れておけばいいと思います。
2013-0918-131200

「Add Table」から、実際の表の中身の入力へ。

「Table Content」の項目に実際の文章や項目を入力します。
「Table ID」は通し番号で自動的に入力されます。

2013-0918-131333

「Shortcode」の項目部分の文字列を実際の記事内に挿入することで、自動的にここで設定したTableを記事内に表示してくれるという仕組み。 つまり、汎用的に使うTable表があれば、ここで作成してしまえば何度も利用することや、一括して内容を変更するといったことも可能です。

スポンサードリンク

 

その他、「Table Manipulation」ではTableに対しての各種操作が実行出来ます。 行・列の追加、選択した行・列の非表示や削除、挿入、セルの統合(Rowspan, Colspan)等々…。 この辺は、Tableタグの構造がわかる人であれば問題ないかなと。
2013-0918-131624

「Table Options」では一行目を見出し(ハイライトして別の色に)にしたり、テーブル名や説明を表示したり、CSSを指定したりといったオプションが変更可能。
2013-0918-132036

「Features of the DataTables JavaScript library」では、JavaScriptを使った機能のON/OFFについて設定できます。 行数の多いテーブルをページ表示にしたり、閲覧者側でテーブルのソート(並び替え)を可能にしたり…といくつかの機能があります。
2013-0918-132512

個人的には、ユーザ側でTableをいじれてもあまり意味がない気がするので、僕はたいだい無効の状態にしちゃいますね。

完了したら「Save Changes」で保存します。 「Preview」から、テーブルが確認出来ますよ。
2013-0918-133308

実際にTablePressで生成したTableがこちら

ということで、実際に作成してみたTableがこちら。

A行B行C行D行E行
どうでしょう?こんな感じでTableが作成されます。(^o^)
画像も挿入できます。あまり大きなサイズだとTableが崩れちゃうかもしれないですね。画像を挿入しようとすると、専用の画面が表示されます。

色んなことに有効活用出来そうなプラグインです。 Tableをいちから入力するのは面倒くさいし、かといってTableなしで説明すると見辛くなってしまうような場合は、TablePressを使う以外の選択肢が見当たらないですね。 必須プラグインです、これ。