スライダーでエラーとなる
スライダーでエラーとなる
- このトピックには11件の返信、3人の参加者があり、最後に
により3年、 4ヶ月前に更新されました。
-
投稿
-
投稿前に以下の点を確認ください
■ 症状が発生するブラウザ :chrome
■ 利用テーマとバージョン :Lightningバージョン: 14.4.2 Lightning G3 Pro Unit
■ 質問内容：
いつもお世話になっております。
スライダーを下記の設定で使っています。スライダーアイテム
・スライダーアイテムエリア内の余白をなくす
・カバー
・縦→中央
画像
・フルサイズ100％
・横→中央
lightningデザイン設定
・サイトコンテントの上下余白を無しにする
・ヘッダーを透過
・ページヘッダーを表示しない
・パンくずリストを表示しない問題なく表示されますが、編集画面で「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示されてしまいます。
ブロックのリカバリーを試行ボタンをクリックすると、回復しますが再び設定しないといけません。
エラーにならない様に出来ませんでしょうか。どうぞよろしくお願い致します。
もし可能でしたら、エラーが出る編集画面で、ブラウザの検証ツールから、コンソール内になにかエラーがでているか確認できますか？
といいますのも、わたしの環境ではエラーが確認できず、エラー画面のキャプチャなど添付いただけますと嬉しいです。▼追記
VK Blocks Proのバージョンはいくつのものをご利用でしょうか？お返事ありがとうございます。
バージョン 1.8.1 です。
その他、更新は全て最新です。コンソールとは添付で良いのでしょうか？
ご確認のほど宜しくお願い致します。添付ありがとございます。
すみませんがもう一点、よろしいでしょうか。
スライダーブロックの右側の３点メニューから「HTMLとして編集」で、
HTML表示させて該当部分のhtmlをコピーしてテキストデータを貼り付けることはできますか？大変お待たせいたしました。
添付でお送りしますのでご確認ください。お手数をおかけしますが。どうぞよろしくお願い致します。
何度もすみません。エラーとなりましたので再送します。
URLの部分は相対パスに変更しましたが、絶対パスで書かれていました。どうぞよろしくお願い致します。
<!-- wp:vk-blocks/slider {"clientId":"c220d71e46ef495694dbf07112711913"} --> <div class="wp-block-vk-blocks-slider swiper-container vk_slider vk_slider_c220d71e46ef495694dbf07112711913 vk_width" data-vkb-slider="{"autoPlay":true,"autoPlayDelay":2500,"pagination":true,"clientId":"c220d71e46ef495694dbf07112711913","width":"","loop":true,"effect":"slide","speed":500,"slidesPerView":1,"slidesPerGroup":1}"><div class="swiper-wrapper"><!-- wp:vk-blocks/slider-item {"clientId":"ab6fe3e1-064d-42d5-903c-801e5029df0d"} --> <div class="wp-block-vk-blocks-slider-item vk_slider_item swiper-slide vk_valign-center vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d vk_slider_item-paddingLR-none vk_slider_item-paddingVertical-none"><style>.vk_slider_item-ab6fe3e1-064d-42d5-903c-801e5029df0d{background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)); background-repeat:repeat!important; background-position:center!important;}</style><div class="vk_slider_item_container container"></div></div> <!-- /wp:vk-blocks/slider-item --></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></div><div class="swiper-pagination"></div></div><style type="text/css">@media (max-width: 576px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } } @media (min-width: 577px) and (max-width: 768px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } } @media (min-width: 769px) { .vk_slider_c220d71e46ef495694dbf07112711913, .vk_slider_c220d71e46ef495694dbf07112711913 .vk_slider_item{ height:600px!important; } }</style> <!-- /wp:vk-blocks/slider -->上記のように上下のコメントも添えていただかないと正常に検証できません。
あと、コードはそのままご提供いただかなければ正常に検証できません。
上記を踏まえてもう一度よろしくおねがいします。相対パスと絶対パス以外はそのままで、案内の通りに送ったつもりなのですが・・・
理解できずすみません。改善されることを祈っておきます。
お世話になります。
slider-errer.pngの通りにHTML表示させたんですが・・・削除したのは絶対参照<https://〇〇.comの部分のみでして・・・
試しにもう一度新たにスライダーを設置しても<div～～～からスタートします。改善されたら良いなと思っただけなのですが、私の使い方が悪い様です。
また様子を見ます。
お手数おかけしました。ありがとうございます。えーと、まず下記を読んで指定した方法で共有願いますでしょうか？
masako.sさま
お世話になっております。
大変申し訳ございません、当初のわたしの案内が間違っておりました、、、。DRILL LANCERさんの共有していただいたフォーラム・エラー共有方法をご確認いただき、そちらを共有していただけますでしょうか。
どうぞよろしくお願いいたします。
- このトピックに返信するにはログインが必要です。
