[mokadesign]

【お使いの Snow Monkey のバージョン】バージョン: 29.1.5
【お使いの Snow Monkey Blocks のバージョン】バージョン 24.1.3
【お使いの Snow Monkey Editor のバージョン】バージョン 11.0.2
【お使いのブラウザ】Chrome
【当該サイトのURL】https://nokanoka.jp/

### 実現したいこと

商品紹介ページ(post=46)以外はオーバーレイにしたいです。

①商品紹介ページ(post=46)を除外するには？

②空白を消すにはどうしたらいいですか？？

### 発生している問題

フロントページ以外でもオーバーレイにしたいが、固定ページで上部の空白が発生する

### 試したこと

/* 固定ページのタイトル */
.type-page .c-entry__header h1.c-entry__title {
display:none;
}

/* 上部の隙間 */
.l-contents__inner:last-child,
.l-contents__inner{
margin: 0;
padding: 0;
}

.c-entry__header {
display: none;
}
/* パンくずの帯が残るなら非表示 */
.c-breadcrumbs { display: none; }

 

よろしくお願いいたします！

♥ 0

Who liked: No user

[mokadesign]

何故か2つ投稿されてしまったのでこちらを残します💦

♥ 1

Who liked:

[キタジマ タカシ]

.c-breadcrumbs {
  display: none;
}

でパンくずを消されていますが、パンくずは .p-breadcrumbs-wrapper でラップされており、その余白で空白ができているので、.c-breadcrumbs ではなくて .p-breadcrumbs-wrapper を消すほうが良さそうです。

.p-breadcrumbs-wrapper {
  display: none;
}

♥ 0

Who liked: No user

[mokadesign]

キタジマ様
ありがとうございます！出来ました！

もう1つの質問の方なのですが、

商品紹介ページ(post=46)以外はオーバーレイにしたいです。

商品紹介ページ(post=46)を除外するにはどうしたらいいですか？？？

よろしくお願いいたします💦

♥ 0

Who liked: No user

[キタジマ タカシ]

下記が参考になると思います。

投稿ページのヘッダー部分と記事タイトル等が重なってしまう

このトピックには7件の返信、2人の参加者があり、最後にキタジマ タカシにより2ヶ月前に更新されました。 8件の…

snow-monkey.2inc.org

「商品紹介ページ(post=46)」だとすると、条件分岐を if ( is_single( 46 ) ) { ... } ですかね。

♥ 0

Who liked: No user

[まーちゅう]

固定ページなので、post=46じゃなくてpage_id=46だと思うんですが、/wp-json/wp/v2/pagesで見ると商品紹介ページはpage_id=38です。
https://nokanoka.jp/?page_id=38

page_id=46は、商品一覧のページのようです。
https://nokanoka.jp/?page_id=46

♥ 1

Who liked:

[mokadesign]

キタジマ様

まーちゅう様

出来ました！ありがとうございます(｀・ω・´)ゞ

基本はオーバーレイで会社概要と商品一覧ページ(BASEを入れている)は普通にしたかったです。

// 特定のページのオーバーレイをやめるabstractadd_filter(
// PC・タブレット・スマホ共通で特定ページはオーバーレイ解除
add_filter( 'theme_mod_header-position-lg', function( $value ) {
	if ( is_page( array(44, 46, 60, 65) ) ) {
		return '';
	}
	return $value;
});

add_filter( 'theme_mod_header-position-md', function( $value ) {
	if ( is_page( array(44, 46, 60, 65) ) ) {
		return '';
	}
	return $value;
});

add_filter( 'theme_mod_header-position-sm', function( $value ) {
	if ( is_page( array(44, 46, 60, 65) ) ) {
		return '';
	}
	return $value;
});

♥ 0

Who liked: No user

[キタジマ タカシ]

theme_mod_header-position-md、theme_mod_header-position-sm というフィルターフックは無いので、動作していないと思います。

theme_mod_header-position が全サイズ共通、theme_mod_header-position-lg が PC サイズ用になります。

特定のページにおいて全サイズ共通でヘッダー位置を変えたいのであれば theme_mod_header-position-lg ではなく theme_mod_header-position を使うのが良いです。

♥ 0

Who liked: No user

[投稿者]

投稿