固定ページのCSS設定について

♥ 0

いいねをした人: 居ません

このトピックには2件の返信、2人の参加者があり、最後にsenooにより4年、 2ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2020年2月26日 12:29 PM #47924

senoo
閲覧者

♥ 1

【お使いの Snow Monkey のバージョン】

バージョン: 9.1.0

【お使いのブラウザ】

Google Chrome　80.0.3987.122

===

はじめまして。

My Snow Monkeyプラグインでデザインスキンを使って固定ページのカスタマイズをしています。

design-skin.css　で上書きしていく方法についてはわかったのですが、メンテナンスを楽するためにSCSSの@importでページ別にCSSを分割したいと考えています。その際、ページ毎にbodyに独自のclassを追加できればわかりやすいなと思ったのですが、例えばアクションフック等でページスラッグをbodyのclass名として追加する方法はあるでしょうか？

♥ 0

いいねをした人: 居ません

2020年2月26日 2:02 PM #47936
キタジマタカシ
参加者

♥ 2254
もしかしたらもう少し条件が必要かもしれませんが、こんな感じでどうでしょう？ My Snow Monkey プラグインに張り付けてみてください。
```
add_filter(
	'body_class',
	function( $classes ) {
		if ( ! is_singular() ) {
			return $classes;
		}

		$post = get_post();
		$classname = 'slug-' . $post->post_name;
		if ( ! in_array( $classname, $classes ) ) {
			$classes[] = $classname;
		}
		return $classes;
	}
);
```
♥ 2

いいねをした人:
2020年2月26日 3:04 PM #47942

senoo
閲覧者

♥ 1

ありがとうございます。

試したところ問題なくbodyのclassに「slug-スラッグ名」で追加されました！

♥ 1

いいねをした人: 居ません
投稿者

投稿