WordPressで簡単にテーブルを作ることができるプラグイン「TablePress」。一度使うと手放せなくなる便利なプラグインです。しかしながら、使い始めると、セルの横幅の指定が無く、使いにくいことに気が付きます。
プラグインのページに幅を設定する方法が掲載されていました。
Shortcodeで横幅を設定
TablePress Documentationのページの目次「The Shortcode」をクリックすると「column_widths (string) (optional)」という項目があり、以下の2通りの設定方法が記載されています。
ショートコードにpxか%でカラムの横幅を指定するようになっています。
列数と同じ数を指定しましょう。値は「｜」で連結します。
|
0 1 2 3 |
column_widths="40px|50px|30px|40px"//pxで指定 column_widths="20%|60%|20%"//%で指定 |
実際の設定例
実際にショートコードを使って幅を指定したときの表示を見てみましょう。
幅の指定無し
|
0 1 2 |
[table id=53 /] |
| ID | Name | Kana |
|---|---|---|
| 1 | 佐藤一郎 | さとういちろう |
| 2 | 鈴木一郎 | すずきいちろう |
幅の指定有り
|
0 1 2 |
[table id=54 column_widths="20%|30%|50%"/] |
| ID | Name | Kana |
|---|---|---|
| 1 | 佐藤一郎 | さとういちろう |
| 2 | 鈴木一郎 | すずきいちろう |
これで簡単にカラム幅の設定ができました。
