[WordPress] TablePressプラグインでカラムの横幅を設定する方法

WordPressで簡単にテーブルを作ることができるプラグイン「TablePress」。一度使うと手放せなくなる便利なプラグインです。しかしながら、使い始めると、セルの横幅の指定が無く、使いにくいことに気が付きます。
プラグインのページに幅を設定する方法が掲載されていました。

Shortcodeで横幅を設定

TablePress Documentationのページの目次「The Shortcode」をクリックすると「column_widths (string) (optional)」という項目があり、以下の2通りの設定方法が記載されています。

ショートコードにpxか%でカラムの横幅を指定するようになっています。
列数と同じ数を指定しましょう。値は「|」で連結します。

column_widths="40px|50px|30px|40px"//pxで指定
column_widths="20%|60%|20%"//%で指定

実際の設定例

実際にショートコードを使って幅を指定したときの表示を見てみましょう。

幅の指定無し

[table id=53 /]

[table id=53 /]

幅の指定有り

[table id=54 column_widths="20%|30%|50%"/]

[table id=54 column_widths=”20%|30%|50%”/]

これで簡単にカラム幅の設定ができました。



Author: webmaster