スライダーでエラーとなる
スライダーでエラーとなる
- このトピックには11件の返信、3人の参加者があり、最後にVektor,Incにより3年、 3ヶ月前に更新されました。
-
投稿者投稿
-
2021年6月28日 3:24 PM #53414
投稿前に以下の点を確認ください
■ 症状が発生するブラウザ :chrome
■ 利用テーマとバージョン :Lightningバージョン: 14.4.2 Lightning G3 Pro Unit
■ 質問内容:
いつもお世話になっております。
スライダーを下記の設定で使っています。スライダーアイテム
・スライダーアイテムエリア内の余白をなくす
・カバー
・縦→中央
画像
・フルサイズ100%
・横→中央
lightningデザイン設定
・サイトコンテントの上下余白を無しにする
・ヘッダーを透過
・ページヘッダーを表示しない
・パンくずリストを表示しない問題なく表示されますが、編集画面で「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示されてしまいます。
ブロックのリカバリーを試行ボタンをクリックすると、回復しますが再び設定しないといけません。
エラーにならない様に出来ませんでしょうか。どうぞよろしくお願い致します。
2021年6月28日 3:57 PM #53416
Vektor,Incキーマスターもし可能でしたら、エラーが出る編集画面で、ブラウザの検証ツールから、コンソール内になにかエラーがでているか確認できますか?
といいますのも、わたしの環境ではエラーが確認できず、エラー画面のキャプチャなど添付いただけますと嬉しいです。▼追記
VK Blocks Proのバージョンはいくつのものをご利用でしょうか?- この返信は3年、 3ヶ月前にVektor,Incが編集しました。
- この返信は3年、 3ヶ月前にVektor,Incが編集しました。
2021年6月28日 4:30 PM #53421お返事ありがとうございます。
バージョン 1.8.1 です。
その他、更新は全て最新です。コンソールとは添付で良いのでしょうか?
ご確認のほど宜しくお願い致します。Attachments:
You must be logged in to view attached files.2021年6月28日 6:09 PM #53424
Vektor,Incキーマスター添付ありがとございます。
すみませんがもう一点、よろしいでしょうか。
スライダーブロックの右側の3点メニューから「HTMLとして編集」で、
HTML表示させて該当部分のhtmlをコピーしてテキストデータを貼り付けることはできますか?Attachments:
You must be logged in to view attached files.2021年6月30日 10:25 AM #534902021年6月30日 10:28 AM #53491何度もすみません。エラーとなりましたので再送します。
URLの部分は相対パスに変更しましたが、絶対パスで書かれていました。どうぞよろしくお願い致します。
Attachments:
You must be logged in to view attached files.2021年6月30日 10:59 AM #53494
DRILL LANCERモデレーター<!-- 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 -->
上記のように上下のコメントも添えていただかないと正常に検証できません。
あと、コードはそのままご提供いただかなければ正常に検証できません。
上記を踏まえてもう一度よろしくおねがいします。2021年6月30日 11:22 AM #534952021年6月30日 11:26 AM #53497
DRILL LANCERモデレーター私が要求しているのは下記の状態のコードです。
- コードに一切手を加えていないもの
- 範囲は
<!-- wp:vk-blocks/slider {(ここが重要だが省略)} -->
で始まり<!-- /wp:vk-blocks/slider -->
で終わる
- この返信は3年、 3ヶ月前にDRILL LANCERが編集しました。
2021年6月30日 5:34 PM #53504お世話になります。
slider-errer.pngの通りにHTML表示させたんですが・・・削除したのは絶対参照<https://〇〇.comの部分のみでして・・・
試しにもう一度新たにスライダーを設置しても<div~~~からスタートします。改善されたら良いなと思っただけなのですが、私の使い方が悪い様です。
また様子を見ます。
お手数おかけしました。ありがとうございます。2021年7月1日 10:54 AM #53543
DRILL LANCERモデレーターえーと、まず下記を読んで指定した方法で共有願いますでしょうか?
2021年7月1日 10:57 AM #53544
Vektor,Incキーマスターmasako.sさま
お世話になっております。
大変申し訳ございません、当初のわたしの案内が間違っておりました、、、。DRILL LANCERさんの共有していただいたフォーラム・エラー共有方法をご確認いただき、そちらを共有していただけますでしょうか。
どうぞよろしくお願いいたします。
- この返信は3年、 3ヶ月前にVektor,Incが編集しました。
- この返信は3年、 3ヶ月前にVektor,Incが編集しました。
-
投稿者投稿
- このトピックに返信するにはログインが必要です。