WordPress 表の縦線が表示されない時の表示方法【更新】

WordPressで表の縦線が表示されない

新しいエディター Gutenberg に変わってから、表の縦線の表示の仕方も少し変わりました。下のリンクに記事を更新しています。

プラグインTablePressやWordPressのビジュアルエディタで表を作ると縦線が表示されません。

例　縦線が入っていません。

WordPressのビジュアルエディタの場合

WordPressのビジュアルエディタの場合は、ビジュアルエディタで指示することができます。

ビジュアルエディタで実践を入れる

1. 実線を入れたいセルを選択する（反転させる）
2. テーブル>表のプロパティ>枠線を選ぶ
3. 枠線に数字を入れる

例　ビジュアルエディタで指定

a	b	c
d	e	f

スタイルシートで指示する場合

スタイルシートで指示することもできます。

.entry-content td, .entry-content th { border: 1px solid #000; }

.entry-content td,
.entry-content th {
border: 1px solid #000;
}

「1px solid #000;」この部分で線の太さと種類と色を指定してください。

例　スタイルシートで指示

a	b	c
d	e	f

TablePressの場合

1. 管理画面で、TablePress→プラグインのオプションを選ぶ
2. 「フロントエンドオプション」のカスタムCSSに、下記をヒントにテーブルの枠線について記述する

.entry-content td, .entry-content th { border: 1px solid #000; }

.entry-content td,
.entry-content th {
border: 1px solid #000;
}

「border: 1px solid #000;」→「太さ・スタイル・色」を好きな色などに変更してください。