[キタジマ タカシ]

縦位置にした際に画像とコンテンツの配置を任意でずらせるようにはしておいた方がよいように感じます。

画像とコンテンツの重なり具合を「＋－0%」にしていても、SP時（タブレット表示とスマホ表示）には画像とコンテンツが重なってしまうので、「0」の場合はSP時でも重ならない方が指示どおりでよいのかなと思います。

作業してて、この辺は僕もめっちゃ思いました！！w
それでちょっとだけ調整してみようかなと触ってみてて、スマホのときは多くの設定が無視されてほぼ同じレイアウトになるので、なるべく既存の設定を活かしてスマホもレイアウトに変化があるようにできないかなとしてみてたのですが、

– スマホでのレイアウトが大きく変わってしまう可能性があるため後方互換性に大きな影響がでそう
– 「重なり具合」が0の場合でも、その他の設定によって（PCで）重なることが結構ある。PCでの重なる・重ならないの条件をスマホでもやろうとすると CSS がめちゃめちゃ複雑になる

ということで、ちょっとあまり大きく変えるのはどうなんだろうなーと思っていたところです。「PC で重ならないときはスマホでも重ならない」は難しいけど、「重なり具合」に応じて重なり具合の強弱が変わる、くらいなら見た目も大きく変わらないし、CSS もそれほど複雑化しないので良いのかなと思いました。

—

ちなみに、セクション（ブロークングリッド）やメディアとテキストとはちょっとレイアウトが変わりますが、unitone にある、大きな画像の端っこに文章がある、みたいなことができるブロックは新しくつくろうかなーと考え中です。

#wpunitone のレイヤーブロック、僕でもどう設定したら良いのかすごくわかりにくかったので、よく使われそうなパターンについてはバリエーションピッカーからポンでいけるようにしました。次のリリースに含めます！ pic.twitter.com/N8djReD3cP

— キタジマタカシ🐒Snow Monkey/unitone開発者 (@inc2734) March 28, 2023

セクション（ブロークングリッド）は巷でブロークングリッドがちらほら見られるようになったときにつくったものなので、設定できることや実現できるレイアウトがいまいちに感じることがあって、もうちょっとシンプルで現実的によく使いそうなものがほしいなということで、↑のものならちょうど良さそうなのでつくってみようかなと。

ちょっとセクション（ブロークングリッド）はいろいろやり過ぎな感があるので、そんな感じで同じブロークングリッド系でも表現できることが違うシンプルなものをいくつか追加してみるのはどうかなと考えているところです！

♥ 1

Who liked:

[キタジマ タカシ]

確認してみたのですが、snow_monkey_forms/administrator_mailer/after_send アクションフックでデータを飛ばすことはできそう、でも画面上（HTML 上）に script タグを出力するのは現状できなさそうでした…。

snow-monkey-forms/AdministratorMailer.php at master · inc2734/snow-monkey-forms

Contribute to inc2734/snow-monkey-forms development by creating an account on GitHub.

github.com

♥ 0

Who liked: No user

[キタジマ タカシ]

v0.16.0 でフックを追加しました！

Snow Monkey bbPress Support v0.16.0 をリリースしました

Snow Monkey bbPress Support v0.16.0 の概要 機能追加 トピック作成時の通知…

snow-monkey.2inc.org

♥ 2

Who liked:

[キタジマ タカシ]

幅にした際にスライドの最初と最後の段階で、左右に余白が生じることに気付きました。
これは全幅にしなくても生じているのですが、全幅にしてみてハッキリ確認できた次第です。

ボックスシャドウが設定されている場合は、ボックスシャドウが欠けないようにボックスシャドウの大きさ分の padding がスライダーブロックのキャンバスに付与されます。そのため全幅でも左右にその分だけ空きがでます。スライドの途中の段階時で左はピッタリ、右が空きすぎ、は今回修正中の不具合なので近日中に修正分をリリースします。

♥ 1

Who liked:

[キタジマ タカシ]

ご報告ありがとうございます！ なぜか 1 のときは除外するようなコードになっていて、多分ミスだと思うのでこの除外処理は外して普通に反映されるように変更します！

♥ 2

Who liked:

[キタジマ タカシ]

こんな感じで変更を入れようと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

確認ありがとうございます！

こちらでは再現しないのでなにか違いはないかなと探していたのですが、ご提示いただいたサンプルのスライダーブロック内の画像には loading="lazy" がついているようでした。

セクションの中央揃えの設定は display: flex + justify-content: center で実現しているのですが、これと loading="lazy" ＆スライダーの幅の計算処理の相性がわるいようです。

– 中央揃えを外しても問題のないレイアウトであれば中央揃えを外す
– スライダー内の画像からは loading="lazy" を外せるのなら外す

という対処が考えられるかなと思いました。

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょっと下記の2点を試してみてください！

– スライダーブロックの親のセクションブロックにおいて、ブロックツールバーで「中央揃え」の設定をしていると思うのでそれを外してみる
– スライダーブロックの親のセクションブロックにおいて、「コンテナーの配置」が「全幅」になっていると思うので「デフォルト」にしてみる

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Formの送信完了のサンクスページを別で作成してあり

これはどのように実現されていますか？

Snow Monkey Formの送信情報(生年月日など)を取得し、ASPのコンバージョンタグ(scriptタグ)に変数として設置したい。

前述のサンクスページ内の script タグ内に送信された情報を出力したいということですよね？

♥ 0

Who liked: No user

[キタジマ タカシ]

これは私の方で何かした方がよいでしょうか？

消して問題がなさそうか調査してから、問題なさそうなら Snow Monkey 自体に手を入れようと思います。とりあえずすぐに不要な余白を除去したいということであれば、

.is-layout-constrained>.alignright.alignright,
.p-entry-content>.alignright.alignright, 
.textwidget>.alignright.alignright {
  margin-right: 0px !important;
}

を追加してみてください（Snow Monkey アップデート後は消したほうが良いかもです）。

♥ 1

Who liked:

[キタジマ タカシ]

ご報告ありがとうございます！ボックシャドウ用の padding: 10px 分スクロール位置がずれてほしいのにずれずにスライドのx座標までスクロールしちゃうみたいですね…確認してみます！

♥ 1

Who liked:

[キタジマ タカシ]

あ、全幅のときも通常幅のときもスマホだと見た目が同じだから全幅のときは変わったほうが良いのでは、ということですね。個人的には案1がしっくりくる感じがしますねー。セクション（ブロークングリッド）ブロックは設定の組み合わせが複雑なので、とりあえずできそうかどうか見てみることにします。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ、ちなみに今改めて確認してて、下記の Snow Monkey の CSS があることでコンテンツエリアの右端にきっちり寄らないので、これはいらない気がしますね…。

.is-layout-constrained>.alignright.alignright, .p-entry-content>.alignright.alignright, 
.textwidget>.alignright.alignright {
  margin-right: calc(var(--_global--container-margin) + env(safe-area-inset-right));
}

♥ 0

Who liked: No user

[キタジマ タカシ]

これどこかに書いていたと思うのですが、どこに書いてたかわからなくなっちゃいました、すみません。

これは仕様になります。というのも、ブロックエディターはコンテンツエリアの最大幅を「各ブロック」に max-width を指定することで実現します。一般的な web 制作だとコンテンツの親に指定することが多いと思います。親に指定していれば、回り込みさせてもその親からはみ出すことはありませんが、各ブロックに指定されていると親の幅は画面いっぱいなので、コンテンツエリアをはみ出したように見える、ということになります。

なので画像ブロックをコンテナーブロックとかグループブロックで囲んで、その中で画像ブロックを回り込みさせると良いのではないかと思うのですがどうでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

確認します！

♥ 1

Who liked:

[投稿者]

投稿