全幅のブロックで属性が消えてしまう事はありますか

  • 解決済 una

    (@una9)


    1ヶ月、 1週前

    どのカテゴリーにあたるのかがわからなかったため、「その他」に書かせていただきます。

    いつのバージョンでそうなってしまったのかはわかっていないのですが、グループブロックやカバーブロックの全幅で"layout":{"type":"constrained"}　という属性がついていないことに気づきました。現在はバージョン6.6.1で確認しています。

    気づいたきっかけは、グループの全幅とカバーの全幅で、インナーの中の要素が編集画面で広がるようになったので、ブロックを新規で配置し直したら治ったため、新しく配置したブロックのコードエディタを見たところ"layout":{"type":"constrained"} 　が付与されていました。

    ▼新しく配置したグループブロック

    <!-- wp:group {"align":"full","backgroundColor":"vk-color-custom-1","layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull has-vk-color-custom-1-background-color has-background"><!-- wp:paragraph -->
    <p>/カバーaaaaa</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:group -->

    ▼いままで配置されていたグループブロック

    <!-- wp:group {"align":"full","backgroundColor":"vk-color-custom-1"} -->
<div class="wp-block-group alignfull has-vk-color-custom-1-background-color has-background"><!-- wp:paragraph -->
<p>/カバーaaaaa</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

    もし同じような経験をされた方や原因がお分かりになる方がいらっしゃいましたら教えて欲しく投稿させていただきました。
    どうぞよろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • nobita

    (@nobita)

    1ヶ月、 1週前

    こんにちは

    "layout":{"type":"constrained"}が適用されるかどうかは、一般的には「コンテント幅を使用するインナーブロック」がON かOFFかによって、制御されます。

    なので

    テンプレート側で、以下のように記述すれば、直下ブロックは親ブロック幅で表示されます(テーマで、何か仕掛けを作っていなければ、、、）

    <!-- wp:group {"align":"full","layout":{"type":"default"}} -->
    <div class="wp-block-group alignfull"><!-- wp:heading -->
    <h2 class="wp-block-heading">hello layout</h2>
    <!-- /wp:heading -->

    <!-- wp:paragraph -->
    <p>hello layout</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:group -->

    layout type がどのようなCSSで表示をコントロールしているかは　wp-includes/block-supports/layout.php wp_get_layout_definitions() が参考になると思います。

    トピック投稿者 una

    (@una9)

    1ヶ月、 1週前

    nobitaさま
    ご回答ありがとうございます！
    テーマはクラシックテーマのLightningを使用していましたので「コンテント幅を使用するインナーブロック」は使用していませんでした。
    確かにブロックテーマでは「コンテント幅を使用するインナーブロック」を有効にすると"layout":{"type":"constrained"}が付くようでした。

    今までは編集画面がコンテンツ幅に収まっていたのですが、気づいたらコンテンツ幅からはみ出していて、今回のように"layout":{"type":"constrained"}　属性がついていないと思ったのですが、なにか仕様が変わったのかもしれませんね

    作り直すか"layout":{"type":"constrained"}をつけて対応しようと思います。
    この度はご回答ありがとうございました、解決済みとさせていただきます。


    トピック投稿者 una

    (@una9)

    1ヶ月、 1週前

    追記です。
    過去のバージョンの問題だったようです。この度はありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。