セクション設定の「コンテンツ部分のコンテナーの余白を削除」の適応範囲拡大について

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #123188
    es:エス
    参加者
    136

    いつもお世話になっております。

    サイドバーのあるサイト制作を行っていて気になったことなのですが、セクション(無印および背景画像/動画)を使用して構成すると、セクションの中に入れた要素(コンテンツ)の左右に余白が入るため、セクションに入れていない要素との幅が揃わなくなってしまいます。

    サイドバーありだとコンテンツ幅が狭くなるため、ただ画像を入れるだけでも1カラム時の全幅と同じような状態になりやすいため気が付いた次第です。これを解決するためには、セクションを全幅にしてもセクション設定にある「コンテンツ部分のコンテナーの余白を削除」すればよいのですが、全幅にする必要がないような場合でも左右幅を揃えるためだけにそうする必要が生じます。

    上記の方法で解決はするものの、そうすることによってエディター画面側では全幅+余白削除で左右一杯に広がるため、見づらくて、操作もしづらくて、といった状態になってしまいます。

    サイドバーありのサイトでも、特に最近利便性の増したセクションを違和感なく使いたいので、全幅にせずともコンテナーの余白を削除できるようにしていただくことは可能でしょうか。

    もしご対応が難しそうでしたら、

    .c-container {
      --_container-margin-right: 0;
      --_container-margin-left: 0;
    }

    で対処しておこうと思います。

    ご検討のほど、よろしくお願い申し上げます。

    0
    いいねをした人: 居ません
    #123196
    アバター画像キタジマ タカシ
    参加者
    2434

    なるほどー、「コンテンツ部分のコンテナーの余白を削除」は設定項目を表示するための条件があるから、このためだけに毎回その手順を踏まないといけないのは面倒ですね…。

    ちょっとスクショを。

    一つ目が素のセクション。2つ目が背景色をつけたセクション。3つ目が素の段落ブロックです。で、1つ目の素のセクションはご指摘の通りコンテナーの左右余白分だけコンテンツが内側に入っています。

    で、2つ目の背景色をつけたセクションですが、これは背景色があるからコンテナーの左右余白があるほうが見やすいかと思います。だから一見「サイドバーあり、かつ2カラム状態(サイドバーが折り返されていない)、かつ背景色がないときは左右余白をなくす」としたら良さそうですが、背景色は位置をずらす機能があるから、背景色がありでずらしてあるときは左右余白は無いほうが良いのか…? 背景色はずらせるものとずらせないもの、2つ設定できるからその組み合わせのときはどうするのか…? とか考えると結構よしなに左右余白を無くすのは難しい印象です(実はそういう時代もあったのですが、完全にコントロールできずにフォーラムでも指摘があったりしたため、よしなにするのは現状やめています)。

    ということで、よしなにするのは難しかなと思うのですが、「コンテンツ部分のコンテナーの余白を削除」を表示させるために全幅にしてコンテナーの配置を設定して…みたいなのは大変なので、「コンテンツ部分のコンテナーの余白を削除」を無条件に設定できるようにしてしまったら少しラクになるかも…と思いました。そしてそのほうが実は便利そう。

    背景色は全く使わないということであれば CSS で調整してもらうのが早いかなと思いますが、一応↑については軽く問題なさそうか確認してから作業しようと思います!

    1
    いいねをした人:
    #123199
    es:エス
    参加者
    136

    キタジマさん

    早々に、また実に丁寧に、ありがとうございます!とてもわかりやすく、助かります。

     >「コンテンツ部分のコンテナーの余白を削除」を無条件に設定できるように
    と仰っていただいているのが、まさにお願いしたい「適応範囲拡大」の部分です!

    またお書き添えいただいたように背景色のある場合、また背景を動かされる場合まではまったく考慮していなかった乱暴なご相談でしたがw、そのあたりも上記設定ができるようになれば必要に応じて使い分けできますので、問題もなさそうですし、何より非常に便利になってありがたいです。

    お忙しいところ恐れ入りますが、ご確認等々よろしくお願いいたします!

    0
    いいねをした人: 居ません
    #123779
    アバター画像キタジマ タカシ
    参加者
    2434

    Blocks v19.3.1 で変更入れました! アップデートして確認してみてください!

    1
    いいねをした人:
    #123793
    es:エス
    参加者
    136

    キタジマさん

    アップデートし、確認しました!

    これ非常にいいですよね。想像以上に利便性が向上したように思います。

    トピック閉じておきます。お忙しい中ご対応いただき、ありがとうございました!

    1
    いいねをした人:
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「セクション設定の「コンテンツ部分のコンテナーの余白を削除」の適応範囲拡大について」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。