wordpress

WordPress 表の縦線が表示されない時の表示方法



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

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

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

wordpress

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

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

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

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

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

a b c
d e f

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

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

.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;
}

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