[ 解決済 ] Outerブロック上のOuterブロックの「コンテナ内側のスペース設定」がきかない
[ 解決済 ] Outerブロック上のOuterブロックの「コンテナ内側のスペース設定」がきかない
- このトピックには6件の返信、3人の参加者があり、最後にVektor,Incにより1年、 8ヶ月前に更新されました。
-
投稿者投稿
-
2023年3月23日 3:02 PM #74451
saori.k参加者■ WordPress のバージョン
6.1.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Katawara■ テーマのバージョン
1.19.0■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
VK All in One Expansion Unit 9.87.2.1
VK Block Patterns 1.26.1
VK Blocks Pro 1.53.0.0■ 期待する動作
Outerブロック上に配置したOuterブロックで「コンテナ内側のスペース設定」が設定できるようになる■ 自分で試した事
・「Katawara」以外のテーマでも再現する。
・背景色用の下敷きOuterが全幅でも標準幅でも再現する。
・背景色用の下敷きOuterの幅余白(左右)でどれを選んでも再現する。■ 症状が発生するブラウザ
Chrome■ 実際の症状
ケース1)
背景色として全幅のOuterブロックを配置し、
その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。ケース2)
背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)■ その他特記事項
以前から「Outerブロックでコンテナ内側スペース設定がきかない」ケースがあったので、以前からの症状です。
長らく条件が分からなかったのですが、今回「実際の症状 ケース2」で、OuterブロックにOuterブロックを重ねると再現する(下敷きのOuterの設定値を継承してしまっている)ことに気付いたので、ご報告します。- このトピックはsaori.kが1年、 8ヶ月前に変更しました。
2023年3月24日 12:38 PM #74464
うなこモデレーターケース1)
背景色として全幅のOuterブロックを配置し、
その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。通常幅と全幅のOuterブロック、どちらも「コンテナ内側のスペース設定」が反映されないでしょうか。
もし全幅のOuterブロックだけ「コンテナ内側のスペース設定」が反映されない場合は、
全幅のOuterブロックの「レイアウト設定」の「幅」設定の「余白(左右) 」は何になっていますか?2023年3月24日 1:48 PM #74467
うなこモデレーターケース2)
背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)私の環境では再現できませんでしたが、
ただ、全幅サイズで、余白 (左右):コンテンツエリアに合わせる にした時に、コンテナ内部のスペース設定がPCサイズで(テーマ側のcssに上書きされる)効いていないのは確認できました。▼社内用issue
https://github.com/vektor-inc/vk-blocks-pro/issues/16122023年3月24日 2:28 PM #74470
saori.k参加者うなこ様、ご確認ありがとうございます。
ケース1)
背景色として全幅のOuterブロックを配置し、
その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。通常幅と全幅のOuterブロック、どちらも「コンテナ内側のスペース設定」が反映されないでしょうか。
→ 上に重ねた通常幅のOuterブロックのことです。(下敷きにした全幅Outerで内側スペースありはケース2)
ケース2も踏まえて、「下敷き全幅Outerの内側スペース初期値0が継承されている」と推測しています。「自分で試したこと」に記載した通り、背景色用の下敷き全幅Outerの幅余白(左右)でどれを選んでも再現します。
ケース2)
背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)私の環境では再現できませんでしたが、
ただ、全幅サイズで、余白 (左右):コンテンツエリアに合わせる にした時に、コンテナ内部のスペース設定がPCサイズで(テーマ側のcssに上書きされる)効いていないのは確認できました。→ 私の環境では「自分で試したこと」に記載した通り、背景色用の下敷き全幅Outerの幅余白(左右)でどれを選んでも再現します。
当方では現状、「スペース設定が効いていない」のではなく、正確には「下敷きにしたOuterのコンテナ内部のスペース設定の値が、上に重ねたOuterブロックにも継承されている」状態です。(余白を極端に150などに設定して目視&Chrome開発者ツールから確認)
環境によって差があるのですね・・・他に気付いた条件などがあれば別途追記します。
2023年3月27日 2:03 PM #74508
Vektor,Incキーマスターお世話になっております。
以下のフォーラム・エラー共有方法をご確認して、
該当の不具合が起こるページの投稿内容をコピーしてファイルを共有することは可能でしょうか。▼フォーラム・エラー共有方法
2023年3月27日 3:06 PM #74511
saori.k参加者ご返信ありがとうございます。
firestorageへアップロードしたファイルを共有させていただきます。https://firestorage.jp/download/1fff3b8f93abb5b1faaf8cd21865cd99e6128c9c
追加で、テーマによって差があるか一通り確認してみましたが、私の所では現状どのテーマでも再現しています。
・Katawara
・LightningPro
・Lightning(G3ProUnit)(theme.json無効)
・Lightning(G3ProUnit)(theme.json有効)2023年3月27日 4:04 PM #74513
Vektor,Incキーマスター返信ありがとうございます、確認いたしました。
Outerブロックの中に、もう一つOuterブロックを設置しているということですね。
たしかに内側のOuterにもコンテナ内側のスペース設定が入っているようでした。(もしお急ぎでしたら、
Outerブロックの中のOuterブロックをグループブロックに変更して、背景色など設定していただくのはいかがでしょうか。社内用issue
https://github.com/vektor-inc/vk-blocks-pro/issues/1614- この返信は1年、 8ヶ月前にVektor,Incが編集しました。
Attachments:
You must be logged in to view attached files. -
投稿者投稿
- このトピックに返信するにはログインが必要です。