WPメモ

WPの設定、実際に行った事のメモ。

WP TablePress プラグイン テーブルの罫線を表示させるCSS。

WP TablePress プラグイン

 

枠線が表示されない場合は、

TablePress > プラグインのオプション > カスタムCSS に下記をコピペ

 

/* すべてのセルに枠線を付加 */
.tablepress thead th,
.tablepress td {
border: 1px solid #000 !important;
padding: 1em;
margin: 1em;
}

.tablepress tbody tr {
}

.tablepress tfoot th {
background-color: #D3D3D3 !important; /* 背景色を指定 */
border: 1px solid #000 !important;
}

/* テーブルの外側(周囲)の余白を指定 */
.tablepress {
margin: 1em 1em;
}

/* テーブル全体の横幅の指定 ([table id=1 /])*/
.tablepress-id-1 {
width: 96%;
}

 

表の外枠、下の線が表示されない場合は、

TablePress > テーブルの内容 >一番下に空白の行を追加

テーブルのオプション
テーブルのフッター行:レ

テーマによって表の一番下の下線が隠れます。TablePressカスタムCSSを編集しても出せなかったので、フッター追加方法を採用。

細かいこと気にしない。これで良し。

 

CSSの !important は、他のスタイルシートより優先して表示させるという意味です。