投稿テンプレートをグリッド表示にすると、2つ目の投稿以降にmargin-topが追加されて位置が整わない。

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #139815
    夏井光太郎
    参加者
    0

    【お使いの Snow Monkey のバージョン】バージョン: 25.4.5
    【お使いの Snow Monkey Blocks のバージョン】バージョン 20.5.4
    【お使いの Snow Monkey Editor のバージョン】バージョン 9.4.0
    【お使いの PHP のバージョン】php8.1.22
    【お使いのブラウザ】Chrome (Edge, Firefoxでも確認済み、すべてOSはWindows11)
    【当該サイトのURL】申し訳ありません。非公開です。

    ### 発生している問題
    クエリーループのブロックを利用し、投稿テンプレートのグリッド表示にて投稿を並べた際、2つ目の投稿以降の位置が下にズレて表示される。

    ### 試したこと
    my-snow-monkeyにて追加css読み込み。
    .is-layout-flow>ul li+li {
    margin-top: 0;
    }

    上記のCSSで表示画面におけるズレは直せましたが、編集画面は別にcssが必要になりそうです。
    他の方の環境でも起こっているのかわかりかねましたが、もしかしたら不具合ではないかと思い投稿させていただきました。

    追加CSS以外を記述する以外の解決方法がありましたら、ご教授いただけますと幸いです。
    以上、よろしくお願いいたします。

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

    確認します!

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

    .is-layout-flow だとクエリーブロック以外のリストにも影響してしまうので、クエリーブロックのグリッド表示に限定して、下記のセレクタが良いのかなと思いました。

    .wp-block-post-template.is-layout-grid > li {
        margin-top: 0;
    }

    次のアップデートで上記の CSS を Snow Monkey に入れたいと思います。ご報告助かります!

    2
    いいねをした人:
    #139820
    夏井光太郎
    参加者
    0

    ご確認いただきありがとうございます!
    より適切なcssもご案内いただき助かりました!

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

    v25.4.6 で修正を反映しました! アップデートしたら追加した CSS は削除してください。

    0
    いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「投稿テンプレートをグリッド表示にすると、2つ目の投稿以降にmargin-topが追加されて位置が整わない。」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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