[ 解決済 ] 再利用ブロックをページ内に配置しようとすると固まる

[u-chan]

■ WordPress のバージョン
WordPress 6.6

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
バージョン: 15.26.2

■ Pro Unit のバージョン
バージョン 0.26.8

■ スキンの種類
プレーン

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
固まる事なく、再利用ブロックを配置して保存したい

■ 自分で試した事
再利用ブロックを使わずに保存は出来ている。
再利用ブロックを入れようとすると固まる。
作ったものを再利用ブロックに設定する場合も固まる。

■ 症状が発生するブラウザ
Chrome,safari

■ 実際の症状
固定ページに再利用ブロック
再利用ブロックを入れようとすると固まる。

作ったものを再利用ブロックに設定する場合も固まる。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

お世話になっております。Lightningのご利用ありがとうございます。

以下の 「2. JavaScriptのエラーを共有」 部分をご確認いただき、エラーが出ているかをご確認いただけますでしょうか。
もしエラーが出ていましたら、エラーメッセージをコピーしてフォーラムに貼り付けるか、テキストファイルに貼り付けて投稿に添付してください。

フォーラム・エラー共有方法

過去に、「固定ページに再利用ブロックを使用すると画面が固まる」というご投稿の方がいらっしゃいましたので、
こちらも参考にしていただけますと幸いです。

[u-chan]

同じような過去の投稿記事は確認済みで、解決できませんでした。

MQ05000_005

上記ページは再利用ブロック配置済みで、
表示はされますが、固定ページを編集とすると固まってしまいます。

ジャバスクリプト添付します。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

下記手順の通りに実行して該当の再利用ブロックの内容を共有いただけたら幸いです。

1. VK All in One Expansion Unit をインストールしていない場合はインストールして有効化
2. ExUnit > 有効化設定 と進み「再利用ブロック管理メニューの追加」が有効になっているのを確認
3. メニューに「すべての再利用ブロックを管理」が追加されているのでそれをクリック
4. 該当の再利用ブロック（パターン）を選択して編集画面に移動
5. 右上の縦型三点リーダーをクリックして「コードエディター」選択
6. 該当の再利用ブロック（パターン）のソースコードがエディタ部分に表示されるので CTRL + A で全選択
7. Ctrl + C でコピー
8. コピーした部分貼り付けた後それを半角の SHIFT + @ で表示される文字列で囲んだ上で返信

以上よろしくお願いします。

[u-chan]

<!– wp:heading {“textAlign”:”center”,”className”:”vk_block-margin-lg\u002d\u002dmargin-top”} –>
<h2 class=”wp-block-heading has-text-align-center vk_block-margin-lg–margin-top”>2024-2025<br>other models</h2>
<!– /wp:heading –>

<!– wp:separator {“vkbCustomCss”:”selector {\n width: 50px !important;\n margin: 1em auto 2em auto !important;\n height: 1px!important;\n}”,”className”:”vk_custom_css”,”backgroundColor”:”vk-color-custom-1″} –>
<hr class=”wp-block-separator has-text-color has-vk-color-custom-1-color has-alpha-channel-opacity has-vk-color-custom-1-background-color has-background vk_custom_css”/>
<!– /wp:separator –>

<!– wp:vk-blocks/slider {“pagination”:”hide”,”slidesPerViewTablet”:2,”slidesPerViewPC”:3,”navigationPosition”:”hide”,”blockId”:”20867791-a141-4d47-8994-f1120bebd158″,”className”:”vk_block-margin-md\u002d\u002dmargin-top vk_block-margin-md\u002d\u002dmargin-bottom”} –>
<div class=”wp-block-vk-blocks-slider swiper swiper-container vk_slider vk_slider_20867791-a141-4d47-8994-f1120bebd158 vk_block-margin-md–margin-top vk_block-margin-md–margin-bottom” data-vkb-slider=”{"autoPlay":true,"autoPlayStop":false,"autoPlayDelay":2500,"pagination":"hide","blockId":"20867791-a141-4d47-8994-f1120bebd158","width":"","loop":true,"effect":"slide","speed":500,"slidesPerViewMobile":1,"slidesPerViewTablet":2,"slidesPerViewPC":3,"slidesPerGroup":"one-by-one","centeredSlides":false}”><div class=”swiper-wrapper”><!– wp:vk-blocks/slider-item {“blockId”:”cbdadcd2-1c8b-4ee0-a8d1-3a74f17a8cd5″,”style”:{“spacing”:{“padding”:{“left”:”0″,”right”:”0″}}}} –>
<div class=”wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-cbdadcd2-1c8b-4ee0-a8d1-3a74f17a8cd5 is-layout-constrained vk_slider_item-paddingVertical-none” style=”padding-right:0;padding-left:0″><div class=”vk_slider_item-background-area has-background-dim has-background-dim-5″ style=”padding-left:0;padding-right:0″></div><div class=”vk_slider_item_container container”><!– wp:columns {“className”:”vk-cols vk-cols\u002d\u002dfit vk-cols\u002d\u002dfit\u002d\u002dgap1 vk-cols\u002d\u002dfitbnrs”} –>
<div class=”wp-block-columns vk-cols vk-cols–fit vk-cols–fit–gap1 vk-cols–fitbnrs”><!– wp:column –>
<div class=”wp-block-column”><!– wp:cover {“url”:”https://www.marqleen.com/cms/wp-content/uploads/2024/06/MQ05000icon.jpg&#8221;,”id”:7936,”dimRatio”:10,”overlayColor”:”black”,”isUserOverlayColor”:true,”minHeight”:220,”isDark”:false,”style”:{“color”:{}}} –>
<div class=”wp-block-cover is-light” style=”min-height:220px”><span aria-hidden=”true” class=”wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim”></span><div class=”wp-block-cover__inner-container”><!– wp:vk-blocks/button {“subCaption”:”MQ05000″,”buttonUrl”:”/2024-2025/mq05000/”,”buttonSize”:”lg”,”buttonAlign”:”center”,”blockId”:”7560b417-8f0a-45fa-8ea1-ce0a6f9bb3ae”,”className”:”is-style-undefined”} –>
<div class=”wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-center is-style-undefined”><div class=”vk_button_link_caption”><span class=”vk_button_link_txt”>GALAXXY JACKET</span></div><p class=”vk_button_link_subCaption”>MQ05000</p></div>
<!– /wp:vk-blocks/button –></div></div>
<!– /wp:cover –></div>
<!– /wp:column –></div>
<!– /wp:columns –></div></div>
<!– /wp:vk-blocks/slider-item –></div></div>
<!– /wp:vk-blocks/slider –>

<!– wp:buttons {“layout”:{“type”:”flex”,”justifyContent”:”center”}} –>
<div class=”wp-block-buttons”><!– wp:button {“className”:”is-style-outline”,”style”:{“border”:{“radius”:”5px”}}} –>
<div class=”wp-block-button is-style-outline”><< BACK TO COLLECTION</div>
<!– /wp:button –></div>
<!– /wp:buttons –>

[石川＠Vektor,Inc.]

ありがとうございます！
恐れ入りますが囲ってないとタグが変換されたりして検証が難しいため、
添付画像のようにコードタグで囲っていただけると助かります。
お手数おかけして恐れ入りますがよろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[u-chan]

<!-- wp:heading {"textAlign":"center","className":"vk_block-margin-lg\u002d\u002dmargin-top"} -->
<h2 class="wp-block-heading has-text-align-center vk_block-margin-lg--margin-top">2024-2025<br>other models</h2>
<!-- /wp:heading -->

<!-- wp:separator {"vkbCustomCss":"selector {\n  width: 50px !important;\n  margin: 1em auto 2em auto !important;\n  height: 1px!important;\n}","className":"vk_custom_css","backgroundColor":"vk-color-custom-1"} -->
<hr class="wp-block-separator has-text-color has-vk-color-custom-1-color has-alpha-channel-opacity has-vk-color-custom-1-background-color has-background vk_custom_css"/>
<!-- /wp:separator -->

<!-- wp:vk-blocks/slider {"pagination":"hide","slidesPerViewTablet":2,"slidesPerViewPC":3,"navigationPosition":"hide","blockId":"4bb76ab6-f5aa-4e2b-9034-e45872dd86a3","className":"vk_block-margin-md\u002d\u002dmargin-top vk_block-margin-md\u002d\u002dmargin-bottom"} -->
<div class="wp-block-vk-blocks-slider swiper swiper-container vk_slider vk_slider_4bb76ab6-f5aa-4e2b-9034-e45872dd86a3 vk_block-margin-md--margin-top vk_block-margin-md--margin-bottom" data-vkb-slider="{&quot;autoPlay&quot;:true,&quot;autoPlayStop&quot;:false,&quot;autoPlayDelay&quot;:2500,&quot;pagination&quot;:&quot;hide&quot;,&quot;blockId&quot;:&quot;4bb76ab6-f5aa-4e2b-9034-e45872dd86a3&quot;,&quot;width&quot;:&quot;&quot;,&quot;loop&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500,&quot;slidesPerViewMobile&quot;:1,&quot;slidesPerViewTablet&quot;:2,&quot;slidesPerViewPC&quot;:3,&quot;slidesPerGroup&quot;:&quot;one-by-one&quot;,&quot;centeredSlides&quot;:false}"><div class="swiper-wrapper"><!-- wp:vk-blocks/slider-item {"blockId":"8a838e10-6314-4cf4-813e-9695b2915d3d","style":{"spacing":{"padding":{"left":"0","right":"0"}}}} -->
<div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-8a838e10-6314-4cf4-813e-9695b2915d3d  is-layout-constrained vk_slider_item-paddingVertical-none" style="padding-right:0;padding-left:0"><div class="vk_slider_item-background-area has-background-dim has-background-dim-5" style="padding-left:0;padding-right:0"></div><div class="vk_slider_item_container container"><!-- wp:columns {"className":"vk-cols vk-cols\u002d\u002dfit vk-cols\u002d\u002dfit\u002d\u002dgap1 vk-cols\u002d\u002dfitbnrs"} -->
<div class="wp-block-columns vk-cols vk-cols--fit vk-cols--fit--gap1 vk-cols--fitbnrs"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://www.marqleen.com/cms/wp-content/uploads/2024/06/MQ05000icon.jpg","id":7936,"dimRatio":10,"overlayColor":"black","isUserOverlayColor":true,"minHeight":220,"isDark":false,"style":{"color":{}}} -->
<div class="wp-block-cover is-light" style="min-height:220px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-7936" alt="" src="https://www.marqleen.com/cms/wp-content/uploads/2024/06/MQ05000icon.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:vk-blocks/button {"subCaption":"MQ05000","buttonUrl":"/2024-2025/mq05000/","buttonSize":"lg","buttonAlign":"center","blockId":"4a8de34e-d608-4ca9-a5a5-f0dc587b4389","className":"is-style-undefined"} -->
<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-center is-style-undefined"><a href="/2024-2025/mq05000/" class="vk_button_link btn has-background has-vk-color-primary-background-color btn-lg" role="button" aria-pressed="true" rel="noopener"><div class="vk_button_link_caption"><span class="vk_button_link_txt">GALAXXY JACKET</span></div><p class="vk_button_link_subCaption">MQ05000</p></a></div>
<!-- /wp:vk-blocks/button --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:vk-blocks/slider-item --></div></div>
<!-- /wp:vk-blocks/slider -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"border":{"radius":"5px"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://www.marqleen.com/2024-2025/" style="border-radius:5px"><< BACK TO COLLECTION</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

[石川＠Vektor,Inc.]

該当の再利用ブロックの編集画面を開くとリカバリーが出ていると思いますのでリカバリーしてください。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

スライダーアイテムが一つだけのスライダーが配置されていますが、スライダーは必要でしょうか？
スライダーの中の要素だけ取り出して、スライダーブロックを削除してみてください。

[u-chan]

確認しましたが、特にリカバリーは出ていませんでした。

[u-chan]

この後、製品が増えてい木、スライダーで表示したいので
スライダーの中に配置しています。

[石川＠Vektor,Inc.]

大変長らくお待たせいたしました。
1.81.0.1 にて修正いたしましたのでアップデートの上ご確認くださいませ。
よろしくお願いいたします。

[u-chan]

アップデート後、不具合は解消されました。

ご対応ありがとうございました！

[石川＠Vektor,Inc.]

無事解決なによりです。
大変お待たせして申し訳ございません。
今後とも弊社製品をよろしくお願いいたします。

[投稿者]

投稿