「スライダー」の検索結果

[Godzilla33]

ご助言ありがとうございます。

＞VKパターンライブラリ からではなく、1からVk スライダーブロックを配置した場合もエラーがでる、ということでしょうか

配置している途中に「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」が表示されます。

＞カスタム投稿タイプの設定で REST API は有効にしていますか？

この部分は気になっている部分で、有効にすると言う意味がわかりません

＞クラッシックエディターを停止した状態で新規投稿を作成して貼り付けても保存に失敗しますか？

無効化してみたけどだめでした。

まったく同じ条件でテストサイトを開いてみました。
固定ページ・投稿ページは、ブロックパターンを公開できますが、カスタム投稿ではエラーになります。
カスタム投稿タイプの設定がまずいのでしょうか。

テストサイト

ホーム

ユーザー名 : （削除済）
パスワード : （削除済）

よろしくお願いします。

[うなこ]

すこしお聞きしても良いでしょうか？
VKパターンライブラリ からではなく、1からVk スライダーブロックを配置した場合もエラーがでる、ということでしょうか

—

もしほかの方で、同じような状況で「こうしたらエラーが解消された」などありましたら、お気軽にコメントください🙇‍♀️

[Godzilla33]

ご助言ありがとうございます。

＞スライダーブロックに「ブロックのリカバリーを試行」ボタンが出ていたりしますか？

スライダーブロックを配置して、スライダーアイテムを登録中に、画面上部に「更新に失敗しました。 返答が正しい JSON レスポンスではありません。」が表示されます。（たぶん下書き自動更新でエラーになっていると思います）

固定ページで作成したものをクラシックエディターで開き、ソースをカスタム投稿に張り付けると問題なく表示しますので、とりあえずこれで対応しています。

[うなこ]

いろんなブロックを置いて公開してみたら、スライダーブロックを置いたときエラーが出ます。

全然違う問題かもしれませんが、、

スライダーブロックに「ブロックのリカバリーを試行」ボタンが出ていたりしますか？
「ブロックのリカバリーを試行」ボタンがでているものは、全て「ブロックのリカバリーを試行」ボタンをクリックしてみてください。

そうするとエラーが消えた方が過去にいらっしゃったので、一度ご確認くださいmm

[Godzilla33]

早い返信ありがとうございます。

＞パーマリンクの設定をデフォルトに変更して保存したら、パターンが保存できるか確認してみてください

やってみましたが、同じエラーが表示され公開できませんでした。

いろんなブロックを置いて公開してみたら、スライダーブロックを置いたときエラーが出ます。
VKパターンライブラリーもスライダーパターンをペーストしていました。

投稿ページでは、問題なく使用できるのでこちらにカテゴリーを作り対応します。

[うなこ]

カスタマイズ > 追加CSS　に以下のCSSを追加すると非表示にできます。

そのほかの方法では、
VK Blocks Proのスライダーブロックを使用すれば、「スライド設定」>「ページネーションの種類」から非表示にできます。
スライダーブロックの方が柔軟なデザインか可能です。

スライダー

/*Lightningページネーションを非表示*/
.lightning_swiper-container .swiper-pagination{
display:none;
}

[対馬 俊彦]

VK Blocks のスライダーで枠外にはみ出したものが表示されないのは
以下の CSS が効いているからです。

.swiper-container {
    overflow: hidden;
}

hidden を visible にすれば表示されます。

[ARTFLAIR]

VK Blocks のスライダーブロックでの前提でご回答ありがとうございます。
VK Blocks のスライダーブロックで表示される
prevBtn/nextBtnを枠外に移動させたいのですが難しいでしょうか。

[With]

カバーの非表示設定（XS Sm md）でした。
誠に失礼しました。

今後は頻繁に使用することになりそうですので
スライダー使用時に
カバー画像を入れるときに
モバイル設定がされていると良いと思います。
※設定を忘れてしまいます。

どうぞ宜しくお願いします。

[With]

追記：
スライダーブロックのみは反映しましたが
カバーブロックを挿入して確認すると反映されませんでした。

[With]

■ WordPress のバージョン
6.1.1

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

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

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

■ テーマのバージョン
15.4.0

■ Pro Unit のバージョン
0.23.4

■ スキンの種類
Origin III

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

■ 期待する動作
新規作成したスライダーブロック（スライダーアイテム）のモバイル画像が反映されません。
検証しておりますが、モバイル画像が反映されないようです。
スマートフォンにて検証しました。
モバイル画像が反映するようにしてほしい。

■ 自分で試した事
新規作成したスライダーブロック（スライダーアイテム）のモバイル画像が反映されません。
検証しておりますが、モバイル画像が反映されないようです。
スマートフォンにて検証しました。

以前に作成してあるスライダー（スライダーアイテム）は機能しております。
そのため、以前作成したスライダーを複製して
画像を置換して作業しております。

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

■ 実際の症状
新規作成したスライダーブロック（スライダーアイテム）のモバイル画像が反映されません。
検証しておりますが、モバイル画像が反映されないようです。
スマートフォンにて検証しました。

以前に作成してあるスライダー（スライダーアイテム）は機能しております。
そのため、以前作成したスライダーを複製して
画像を置換して作業しております。

検証をお願いします。

[対馬 俊彦]

VK Blocks のスライダーブロックについて質問されている、
という前提で回答します。

コンテナが overflow: hidden; になっているので、
overflow: visible; に変更すれば表示されると思います。

[ARTFLAIR]

■ WordPress のバージョン
WordPress 6.1.1

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

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

■ テーマのバージョン
15.3.0

■ Pro Unit のバージョン
0.23.2

■ スキンの種類
Origin III

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

■ 期待する動作
以下参考サイトのようにスライダーの矢印を外に出したいです。

Swiperスライダーの矢印とドットを外に出す方法

■ 自分で試した事
swiper-button-next(prev)のz-indexを上げて、right:-●●pxへ移動しました

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

■ 実際の症状
検証画面上、該当要素が枠外に移動はしたのですが、最前面に表示されずに隠れてしまいます。

[With]

実装が難しそうであれば、VK パターンライブラリ　にスライダー＋カバーブロックの組み合わせのパターンを登録するなど、検討させていただきます。

との事。
誠にありがとうございます。

期待してお待ちしております。

どうぞ宜しくお願いします。

[With]

機能の実装が難しそうであれば、VK パターンライブラリ　にスライダー＋見出し（カスタムCSSで実装）の組み合わせのパターンを登録するなど、検討させていただきます。

との事。
誠にありがとうございます。

期待してお待ちしております。

どうぞ宜しくお願いします。