WordPressで表を作成するとき、標準の機能はどうにも使いにくい。
これまでは TablePress というプラグインを使って誤魔化していたが・・・最近、
TablePress は必要無かった
という結論に至る。
WordPressの弱点 表組
無料のWEBサイト作成ツールとして、破格の高機能を誇るWordpressだが、弱点もある。
特に弱いと感じるのは表関連。作成、編集が極めて面倒くさい。特に事後管理は壊滅的。
例えば、TyneMCE（標準エディタ）で表を作成。少し線を触っただけでズレる。データの流用すら困難。
ここで登場するのが・・・大人気？のTablePressプラグイン。だが・・・使ってみると、やっぱり管理が面倒すぎる。
どうしたものかと考えていたある日、突然気づいた。
コレむしろ、プラグイン入れるよりエクセルで管理して都度HTMLコードに直接変換した方が楽なのでは？
・・・と。
ググったら変換サイトが複数あった・・・あ、やっぱりみんなそうなのね。
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使う
http://styleme.jp/tool/xls2html/
現状これが最高の出来。作者はネ申。
まぁしかし・・・もはやメジャーなプログラムなのだろう。ネット上に同じようなものが多数あった。
など。
国外含めると無数にある。誰が本家なのかは不明。
データはエクセルなり、googleスプレッドシートなりで管理したあと、「変換しちゃう君」でHTMLコードを生成。
WordPressのテキストモードでコピペする。
| 順位 | 氏名 | 居住地 |
|---|---|---|
| 1 | サトウ | 東京 |
| 2 | スズキ | 大阪 |
| 3 | タカハシ | 福岡 |
| 4 | タナカ | 札幌 |
| 5 | プーチン | モスクワ |
超簡単じゃねーか！！
TablePress要らなくね？！
何で、あんなに勧められてんの？！
CSSで見た目調整
コピペしたあと、クラス名を付加すれば見た目の調整も簡単にできる。
とりあえず、table_custom_xxxx_01 ＆02と仮命名しておき、Wordpressの標準機能である「カスタマイザー＞追加CSS」へ書き込み。
プレビューしながら調整してみた。
ボーダーのスタイル調整
.table_custom_xxxx_01 table {
border-collapse: collapse;
}
ボーダーを重ねる。もはやデフォ。指定しない場合、黎明期のジオシティーズあたりにありがちだった、やや懐かしい感じになる。
ボーダー色と基本色の調整
見出し（th要素）の線幅、位置、色の調整
.table_custom_xxxx_01 th {
border: solid 1px #666666;
text-align: center;
background-color: #aabbcc;
}
データ（td要素）の線幅の調整
.table_custom_xxxx_01 td {
border: solid 1px #666666;
}
見出し行（thead th要素）の色の調整
.table_custom_xxxx_01 thead th {
background-color: #bbccdd;
}
これらを適用すると、こうなる。
| 順位 | 氏名 | 居住地 |
|---|---|---|
| 1 | サトウ | 東京 |
| 2 | スズキ | 大阪 |
| 3 | タカハシ | 福岡 |
| 4 | タナカ | 札幌 |
| 5 | プーチン | モスクワ |
データセル一行ごとに色を変える
奇数行
.table_custom_xxxx_02 tbody tr:nth-child(2n+1) {
background-color: #aaFFff;
}
偶数行
.table_custom_xxxx_02 tbody tr:nth-child(2n) {
background-color: #ffffff;
}
| 順位 | 氏名 | 居住地 |
|---|---|---|
| 1 | サトウ | 東京 |
| 2 | スズキ | 大阪 |
| 3 | タカハシ | 福岡 |
| 4 | タナカ | 札幌 |
| 5 | プーチン | モスクワ |
xxxx 部分を何パターンか作っておけば、差し替えて使える。
WordPressはプラグイン使わない方が良い
WordPress は、慣れれば慣れるほどプラグインが要らなくなるようだ・・・
使い込んでいくと必然的に、自ら標準機能をモディファイしてチューニングしていく事になる。
一方で何も考えず、ソース読めない、HTML解らない、PHP知らん。みたいなスタンスでは、ひたすら有料サービスへ誘導されてしまう。
フリーウェアって、フツー逆な気がするんだけどな・・・それだけ生業にしてる人が多いって事なのだろうか。
WordPress はフリーソフトの中でも特に奥、というか闇が深めに感じる。
例えばネットでは、かなりの割合にてド素人に WordPress 勧めてくるサイト（セットでレンタルサーバーも）居るけど、あれは酷い。
ド素人にいきなり WordPress は明らかに無理だ。最低でもLinux使える、HTML書ける、ソースが読める（代入、変数、ループ、関数の基礎知識 等）・・・
このくらいは習得していないと無理。じゃなきゃ採用は見送るべき。