【WordPress】トップページ以外のページでオリジナルのCSSを適用させる

WordPressの環境で、「トップページ以外」でCSSを適用させたい場合の方法です。
以下のように書きます。

「トップページ以外」の場合適用

以下のような書き方をすると、トップページ以外でテーブルのtd,thが白色に変わります。

body:not(.page.home) .wp-block-table td,
body:not(.page.home) .wp-block-table th {
  color: #fff;	
}

「トップページ以外」で「SPサイズ」の場合適用

例として、SPサイズの時に「WordPress」のテーブルを改行するコードを作ってみました。

@media (max-width: 959px) {
	body:not(.page.home) .wp-block-table td,
	body:not(.page.home) .wp-block-table th {
		display: block;
		width: 100%;
	}
}
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次