【WP】TablePressのメモ【プラグイン】

WordPressの追加プラグインで便利な表を
記事内に挿入できるプラグインのメモです。

Tablepressの特殊な使い方
TablePress
●テーブルの特定のセルの背景色を変える
カスタムCSSへ

.tablepress-id-(テーブルID) .row-(左から何番目のセルか) .column-(上から何番目のセルか) {
	background-color: (カラーコード) !important; /* 背景色の指定 */
}
 /* 文字色を指定する場合 */
color: カラーコード !important; 

*ヘッダーも1列目に含まれます。

記述例:

.tablepress-id-1 .row-2 .column-4,
.tablepress-id-1 .row-5 .column-3 {
	background-color: #40E0D0 !important; /* 背景色 */
	color: #ffffff !important; /* 文字色 */
}

見出し1見出し2見出し3見出し4
1234
5678
9101112
13141516
17181920
21222324

*同じ設定を別のセルに適用したい場合はカンマ(,)で区切る。

!important
優先したい場合に付ける。

テーブル全体の高さと幅指定

.tablepress-id-9,
.tablepress-id-10 {
	width: 1025px;
	height: 2000px;
}

.tablepress-id-〇〇 => テーブルのIDナンバーを指定
width = 幅 、height = 高さ
pxや%で指定可能。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)