[inc2734]

v18.3.1 で修正を入れてみましたがどうでしょうか？

♥ 0

いいねをした人： いません

[inc2734]

わーこちらこそ申し訳ありません(TT)
コードをぱっとみた感じではおかしいところがわからなかったので詳しく調べてみます。また報告します！

♥ 1

いいねをした人：

[inc2734]

検証ありがとうございます！はい、次のリリースに含めますので、そのまま使用されて大丈夫です。

♥ 0

いいねをした人： いません

[inc2734]

ぐわー何度もすみません、v18.2.3 で修正したつもりがまだ漏れがあるみたいでした…。下記の変更を試してみていただけないでしょうか？

themes/unitone/dist/blocks/mega-menu/index.php の最後、

	$html .= '</div>';

	return $html;
}

を

	$html .= '</div>';
	$html .= '</li>';

	return $html;
}

に変更

♥ 0

いいねをした人： いません

[inc2734]

ご確認ありがとうございます！やはりタグを閉じるところのミスが原因でした。ご報告いただけて助かりました。
トピックのクローズをお願いします！

♥ 1

いいねをした人：

[inc2734]

v18.2.3 にアップデートするとどうでしょうか？

♥ 1

いいねをした人：

[inc2734]

わーすみません、閉じタグが変な感じになってしまっているみたいです！確認して修正入れます！

♥ 1

いいねをした人：

[inc2734]

こちらの環境でメガメニューブロックに適当なパターンを入れて、その中に検索ブロックを入れて、検索ブロックの設定（ボタンの位置等）を変えながら確認してみたのですが、不具合は確認できませんでした。

検索ブロックを一旦消してみると改善されますか？

されない場合、もしカスタム HTML ブロックやショートコードを入れているのであれば、その中の HTML に閉じミスがあるかもしれないので確認してみてください。

カスタム HTML ブロックもショートコードも入れていない場合は、メガメニューブロックが出力している HTML を確認して、どこで閉じタグが漏れているか地道に確認するしかないかなぁと…。

♥ 0

いいねをした人： いません

[inc2734]

最新バージョンにて早速のご対応ありがとうございます！開発環境でテストしたところ、検索ブロックが正しく表示されるようになりました。

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

なお、今回のアップデートの影響か分からないのですが、このタイミングで下記のメッセージが表示されるようになりました。何か関係があるでしょうか？

フロントでのメガメニューの動作のために Interactivity API を使っているのですが、「終了タグ「LI」が見つからない」とあるので、検索ブロックの許可が甘いのか他の理由かはわかりませんが、タグの入れ子がおかしくなって閉じタグが足りなくなってしまっているのかもしれません。確認してみます！

♥ 1

いいねをした人：

[inc2734]

あーなるほど、確かに wp_kses_post() を通しています。安全性のために通しているけど、コアのブロックだと通していないっぽいので、安全性を保ちつつ通さなくてもすむ方法を、コアを参考に調査してみたいと思います！

♥ 1

いいねをした人：

[inc2734]

v18.1.0 で対応しました！

♥ 0

いいねをした人： いません

[inc2734]

流体タイポグラフィはやはり無理（というか追加の仕方がよくわからない）な感じだったのですが、サイズはなんとかいけそうでした。もしかしたら他の Woo のブロックも似たような状況のものがあるかもしれませんが、とりあえず次のアップデートで商品価格ブロックについてはサイズが反映できるようにします！

♥ 0

いいねをした人： いません

[inc2734]

.theContentWrap-ccc という div で囲まれているためにブロック間の上下余白がなくなっているようです。

ページの直下、「テキスト」ブロックの直下、.is-layout-constrained なブロック（グループ等）の直下はブロック間の上下余白が追加されますが、それ以外の場合は基本的に 0 になります。

unitone ブロックを使った構築の基本的な考え方 – WordPress テーマ unitone

unitone.2inc.org

対策としては、下記のいずれかが考えられるかなと思います。

– .theContentWrap-ccc でラップしないようにする
– <div class="theContentWrap-ccc" /> に .is-layout-constrained を追加する
– .theContentWrap-ccc の直下の各ブロックをテキストブロックやグループブロックでラップする

♥ 0

いいねをした人： いません

[inc2734]

どうも WooCommerce の価格ブロックは独自実装？になっているみたいで、コアの標準的な実装になっていないので「流体タイポグラフィ」が追加されていないし、文字サイズも反映されていないみたいでした…。

「流体タイポグラフィ」の追加は無理そうな印象だったですが、文字サイズはなんとか無理やりできそうな気がするので、文字サイズについてはなんとかならないか実験してみます…。

woocommerce/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements at b7111d42a4ca31f088285f7c0941c0771b32f1fc · woocommerce/woocommerce

A customizable, open-source ecommerce platform built on WordPress. Build any commerce solution you can imagine. – woocommerce/woocommerce

github.com

♥ 0

いいねをした人： いません

[inc2734]

WooCommerce はアップデートが頻繁だし、Woo のブロックについては確認ができていないところもあると思うので、ご報告いただけるのはとても助かります。お気軽にご報告ください！

♥ 0

いいねをした人： いません

[投稿者]

投稿