【お使いの Snow Monkey のバージョン】28.0.5
【お使いの Snow Monkey Blocks のバージョン】23.0.3
【お使いの Snow Monkey Editor のバージョン】10.2.0
【お使いのブラウザ】chrome
【当該サイトのURL】https://dnamatrix.jp
### 発生している問題
会員プラグイン「wp-members」のショートコードの設定が何かのトリガーで勝手にオフ（Fully disabled Fully disables the [wpmem_field] shortcode.）になってしまうことが何度か発生していたが、本日再度発生。
wp-membersの更新は４週間も前のため、こちらの更新との相関性はないと思われますが、snow-monkeyの更新が数日前にあったので何か相関性があるか分かれば教えていただきたいです。
設定画面のスクショ↓（スクショは本来の設定”Fully enabled”が選択されています。
https://dnamatrix.jp/wp-content/uploads/2025/03/スクリーンショット-2025-03-14-17.24.51.png
キタジマさん
お返事いただきありがとうございます。
購入手続き画面にクラシックバージョンとブロックバージョンがあるのですね！
調べてみたところ、WooCommerce 8.3（2023年10月リリース）からブロックバージョン推奨になったとのことで、現在のサイトはそれ以前に作っていたこともあり知りませんでした。
プラグインの方の設定を見てみたところ、お察しの通り「Classic Checkout Fields」「Block Checkout Fields」という2種類の設定がありました！また、他のテーマに切り替えてもSnow Monkeyの時と表示が変わらずうまく表示されないのでSnow Monkeyバッティングではないのかと思います。
以上のことからプラグイン側の設定の問題と判断しましたので、こちらのトピックは閉じさせていただきます。
今回も迅速かつ的確なアドバイスをいただきありがとうございました。
Checkout Field Editor を使ったことがなく、どういう処理でフィールドが追加される仕組みなのかがわからないので、どのような対処をすれば良いのかはわからないのですが、今の WooCommerce は購入手続き画面が従来のものとブロックバージョンの2つがあるので、そのどちらの場合に追加する・しない（できる・できない）みたいな条件があったりするのかな？と想像しました。
Snow Monkey 以外のテーマ（TwentyTwenty-One 等）に切り替えたら問題なく追加されるということであれば、Snow Monkey の何らかの処理とバッティングしている可能性があるかもしれません。
カスタマイザーから出力をオフにすることができるので試してみてください。
snowmonkeyのおかげで、個人事業主となれ、今は法人化もできました。
誰もがしっているびっくりするような案件も受けるようになり、人生が変わりました。
すごい！
失礼いたしました。以下に記載させていただきます。
【お使いの Snow Monkey のバージョン】28.0.4
【お使いの Snow Monkey Blocks のバージョン】23.0.3
【お使いの Snow Monkey Editor のバージョン】10.1.2
【お使いのブラウザ】Google chrome
Custom Post Type UI：1.17.2
よろしくお願いいたします。
今後、フォーラムを検索して同様の問題を解決されたい方のためにも、トピックの最上部には「最新」ではなく、それぞれのバージョンを入力いただけるととてもうれしいです。よろしくお願いします。
【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】
【当該サイトのURL】非公開
WordPress のブロックウィジェットの更新は、 REST API で json を通信することでおこないます。（テーマやウィジェットに限らず）何らかの PHP エラーが発生していると、この REST API の通信にも影響があり、json の中にエラーメッセージが入り込んでしまうことで json が崩れて、このエラーが発生することがあります。
何がエラーメッセージを出してしまっているかは調査しないとわからないので、ウィジェット更新のタイミングでサーバーのエラーログに何かエラーがでていないかを確認してみてください。
また、ブラウザのデベロッパーツール→コンソールを開いた状態でウィジェットを更新すると、そこにもエラーメッセージがでるかもしれません。そこもあわせて確認してみてください。
タブブロックを動作させる script は共通の js ファイルではなくてタブブロック用のファイルに書いてあるので、カスタム HTML ブロックにコードを書くとタブブロックとは認識されずに js ファイルが読み込まれず動作しないということはあるかもしれません…。
カスタム HTML 化しない場合はどうでしょうか？
右のグリッド画像にリンク設定をしたいと思っておりまして、、
なるほど…。
カスタマイズで右と左の枠をheightで設定すれば良いものなのでしょうか・・？
画面が広くなったら画像も広くならないとですよね？ 画像のトリミングは NG で画角は維持しないといけないとすると、 height で高さを固定したら width も固定しないとなので、それだと画面に合わせて画像が大きくならなくなってしまいますよね。
なのでやるとすれば画像のサイズとカラムのサイズをびっちり計算して合わせるしかないのかなと…。ちょっとこちらでやってみました。共有していただいた URL に現在使用されている画像からサイズを計算して適用してみました。エディターをコードエディターに切り替えて下記のコードを貼り付け、ビジュアルエディターに戻すと表示されます。
<!-- wp:group {"align":"full","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull">
<!-- wp:snow-monkey-blocks/flex {"layout":{"orientation":"horizontal","type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-snow-monkey-blocks-flex smb-flex">
<!-- wp:image {"sizeSlug":"large","smb":{"flexBasis":"73%"}} -->
<figure class="wp-block-image size-large"><img src="https://placehold.jp/2173x1100.jpg" alt=""/></figure>
<!-- /wp:image -->
<!-- wp:snow-monkey-blocks/grid {"columnsOption":"columns","columns":2,"rows":2,"smb":{"flexBasis":"27%"}} -->
<div class="wp-block-snow-monkey-blocks-grid smb-grid smb-grid--columns:columns smb-grid--rows:rows" style="--smb-grid--gap:0;--smb-grid--columns:2;--smb-grid--rows:2">
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/400x550.jpg" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/400x550.jpg" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/400x550.jpg" alt=""/></a></figure>
<!-- /wp:image -->
<!-- wp:image {"lightbox":{"enabled":false},"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="#"><img src="https://placehold.jp/400x550.jpg" alt=""/></a></figure>
<!-- /wp:image -->
</div>
<!-- /wp:snow-monkey-blocks/grid -->
</div>
<!-- /wp:snow-monkey-blocks/flex -->
</div>
<!-- /wp:group -->
とりあえず全幅にするために全体を全幅のグループブロックで囲って、左右のカラム分割のためにフレックスブロックを入れました。で、左側は普通に画像ブロック、右側は4個を並べるためにグリッドブロックを使いました。
そして、左の画像ブロックのサイズ→基本サイズを 73%、右側のグリッドブロックのサイズ→基本サイズを 27% にしました。ただ、ページに掲載されていた画像に基づいて計算すると、本当は 73% ピッタリではなくて 0.73091153716… のように小数になってしまったので、若干ずれて上下に余白が入ってしまいます。ぴったり整数になるような画像サイズにすれば余白がなくなるはずです。
問題点としては、スマホでもこのレイアウトを維持してしまうので、スマホではカラム落ちさせたいという場合は CSS を追加するか、Snow Monkey Editor プラグインの「表示設定（ウインドウサイズ）」の設定でスマホでは非表示にするようにして、スマホはスマホ用で別につくる、みたいなことが必要になります…。
ここまで書いてあれですが、このレイアウトが必須であるなら、僕なら「カスタム HTML ブロック」で HTML を書いちゃうかなぁと思います。既存ブロック + CSS で無理やり実装すると後々メンテナンスが面倒になる可能性があるので…。
ご教示いただきましてありがとうございます！
一枚画像がいいですよね。。私もそう思ったのですが、右のグリッド画像にリンク設定をしたいと思っておりまして、、
カスタマイズで右と左の枠をheightで設定すれば良いものなのでしょうか・・？
右の枠と左の枠の大きさが違うので、画像を普通に配置したら大きさが合わずに余白が生まれてしまいます。ブロックを使うのであれば、中の画像を枠の大きさに合わせて広げて、画像をトリミングする形で表示する必要があると思います。
ちなみに、僕の環境で見ると右側の画像は潰れてしまっています。
画像だけのレイアウトなので、ブロックを組み合わせて CSS を書いて…とやってメンテナンス性を落とすよりも、1枚の画像で作ってしまったほうが簡単かもしれません（地下鉄今里駅から…等の文章が画像ではなくてテキスト必須、のような要件であれば無理ですが…）。
【お使いの Snow Monkey のバージョン】28.0.4
【お使いの Snow Monkey Blocks のバージョン】23.0.3
【お使いの Snow Monkey Editor のバージョン】 10.1.2
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://hirokolc-imazato.com/
### 実現したいこと
FVの画像を隙間なく表示したい。
### 発生している問題
FV左の画像が上下に空白ができてしまう。
右のグリッド表示に空白ができてしまう。
### 試したこと
追加CSSでheigthを数字を調整したりしたのですが、変わりませんでした・・
検索し、カスタマイズをいろいろ試してみたのですが、解決せずお助けいただけたらありがたいですm(_ _)m
