[㈱クナウパブリッシング]

キタジマさま

一旦クローズしたのですが
本件のアップデートによるものと思いましたので、オープンさせていただきます。

アップデート後、見出しにブロックスタイルをつけた場合、パディングが消えてしまうようです。
細かく確認できておりませんが、見出し3のスタイルに「上下」を選ぶと上下余白のほか下線も消えてしまうようでした。
「スピーカー」など余白が必要なスタイルに影響しているようです。

また、エディター側とフロント側とで差異があり、添付のとおりです。（ブロックに入れない場合、フロントではスタイルが効いています）
見出し2と3に影響があるような気がしますが、ご確認いただけますでしょうか？

以下のCSSを解除するとスタイルが効くようでした！

:root :where(.is-layout-constrained,.is-layout-flow)>:where(h3) {
/* border-bottom:var(--entry-content-h3-border-bottom); */
/* padding:var(--entry-content-h3-padding); */
}

♥ 0

Who liked: No user

[キタジマ タカシ]

Cloudflare Turnstile の存在は知っているのですが、僕もまだ Cloudflare Turnstile のことは何もわからないので、ちょっとなんともわからないという感じです。

例えば Cloudflare Turnstile のこういうコードがフォームのあるページに出力されれば OK、みたいなドキュメントやコードのサンプルがあれば、それを参考に機能追加することはできるのかなと思います。

♥ 0

Who liked: No user

[友添成隆]

【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
【当該サイトのURL】

### 実現したいこと

申込フォームにてCloudflare Turnstileを利用して安全性とフォーム利用者の機能性を確保したい。

### 発生している問題

### 試したこと

ネット検索したところCloudflare Turnstile側ではSnow Monkey Formsに対応している旨の記述は確認できませんでした。

何らかの方法でSnow Monkey FormsでCloudflare Turnstileを利用する方法があればアドバイスお願い致します。

[キタジマ タカシ]

セクション（背景画像/動画）ブロックに背景画像を設定すると、小さな画像でも幅いっぱいに広げられてしまうので難しいですね…。

他のブロックでも設定だけで実現する方法は無いと思います。セクションブロックに適当な CSS クラスを設定し、それに対して CSS を書き、background-image・background-size・background-position を適用する形になるのかなぁと想像します。

♥ 1

Who liked:

[キタジマ タカシ]

あ、ほんとですね…。具体的には .is-layout-constrained というクラスが付与されている要素の子要素には、見出しの上に広めの余白がつくようになっているはずなのですが、コアのアップデートなのか何なのかわかりませんが、いつからかのタイミングで等間隔に並ぶようになってしまっているのだと思います。

調査して修正したいと思います！

♥ 1

Who liked:

[キタジマ タカシ]

セクション（背景画像/動画）ブロックを使って背景画像を設定している場合は、画像の設定の下に「焦点ピッカー」という設定があり、それで画像の表示位置を指定できます。

100% 100% にすると、右下に固定されます。

♥ 1

Who liked:

[キタジマ タカシ]

下記が参考になります。

特定のページのみカスタマイザーとは別のタイプのヘッダー位置を指定する

転載内容ですこの記事のコードはSnow Monkey 公式フォーラムで回答されていたものを転載しています（カス…

ore-gori.ah-kutsu.net

PC 用ヘッダー位置をカスタマイズするフック：theme_mod_header-position-lg
スマホ用ヘッダー位置をカスタマイズするフック：theme_mod_header-position

// 投稿だけ「ノーマル」で、あとはカスタマイザーの設定に沿わせる
add_filter(
	'theme_mod_header-position-lg',
	function( $value ) {
		if ( is_single() ) {
			return '';
		}
		return $value;
	}
);

♥ 0

Who liked: No user

[*****]

[ プライベートトピックのため非表示 ]

♥ 0

Who liked: No user

[キタジマ タカシ]

トップページだけ、別のヘッダー位置にすることはカスタマイザーからできます。

ホームページの設定

ホームページは大きく分けて2つの使い方があります。 1つめは一般的なブログとして使用する方法、2つめは Web…

snow-monkey.2inc.org

「投稿ページのみ、メニューをオーバーレイ以外の形式に」とのことですが、投稿ページ以外の「トップページ、検索結果ページ、アーカイブページ（カテゴリーページ等）、固定ページ」などの全ページについて、オーバーレイにしたいということであっていますか？（その場合であればフックでカスタマイズする必要があります）

♥ 0

Who liked: No user

[キタジマ タカシ]

オーバーレイはヘッダーとコンテンツを重ねるものなので、オーバーレイを使いたいなら重ねたあとどうするかですね。

– アイキャッチ画像の表示位置の設定を「ページヘッダー」にする（画像が最初に大きく表示されるので本文まではかからない）
– CSS を書いて適当な箇所に padding を追加する（例えばタイトルの上部など）

特に重ねる必要自体がないのであれば、他の設定に変えるのが良いです。

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey が用意しているフッターの種類にはこういうレイアウトは無いので、コーディングしちゃうのが速くて確実かなと思います。

add_filter(
	'snow_monkey_template_part_render_footer',
	function( $html ) {
		return 'ここに HTML';
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

すみません、サイトにパスワードがかかっていて確認できませんでした。

カスタマイザー → デザイン→ヘッダー → PC 用ヘッダー位置・モバイル用ヘッダー位置の設定が、オーバーレイになっていないでしょうか？

ヘッダー

サイト全体で共通する、ヘッダーの設定がまとめられた設定パネルです。設定はカスタマイザーから行います。 設定方法…

snow-monkey.2inc.org

♥ 1

Who liked:

[pankichi1110]

【お使いの Snow Monkey のバージョン】29.1.0
【お使いの Snow Monkey Blocks のバージョン】24.0.4
【お使いの Snow Monkey Editor のバージョン】11.0.2
【お使いのブラウザ】Chrome
【当該サイトのURL】https://nakasu-tiffany.com/blog/test6/

### 発生している問題
ヘッダー部分と記事タイトル等が重なってしまいます。

### 実現したいこと
ヘッダー部分と記事タイトルが重ならないようにしたいです。

ご教示いただけますと幸いです。

[mokadesign]

ありがとうございます！

どちらも解決できました(｀・ω・´)ゞ

♥ 1

Who liked:

[キタジマ タカシ]

1.スマホサイズでオーバーレイにしているが空白が出る

Snow Monkey Editor で、スマホと PC でカバーブロックを出し分けていると思います。スマホ表示にしたとき、見た目的には PC 用のカバーブロックは消えていますが、実際には HTML としては存在しているので、PC 用カバーブロックとスマホ用カバーブロックの間に要素間余白がついてしまいます。

なので、例えば、2つのカバーブロックをグループブロックで囲い「ブロックの間隔」を「なし」に設定して余白を消すとか、CSS を追加して余白を消す、といった対応が考えられます。

2.ハンバーガーメニューが右にぴったりくっついている

追加 CSS に追加されている下記の CSS が原因です。

.c-container {
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}

♥ 0

Who liked: No user