こんにちは。
Lightningのカスタマイズから設定するトップページスライダーは、Lightning固有の機能で、WPMLや他の翻訳プラグインではコントロールできない箇所での設定になっております。ですので、PHPのバージョンアップよりも前からできていなかったのではないかなと思うのですが、いかがでしょうか。
ホームページのカスタマイズ機能を使い、日本語ページ上で日本語をスライドショーに入力し、英語ページ上で英語を入力しましたが、一番最後に入力されたものが両言語ページで表示されています。
はい、前述の続きとなりますが、WPMLでもコントロールできない箇所となっており、言語をいくら切り替えても、Lightning の「Customize」>「Lightningトップページスライドショー」で入力したものは直近のものがそのままどの言語にも出力されます。ですので、一番最後に入力されたものが両言語で表示されている、というのが仕様上は正常な動きとなっております。
代替として、下記の設定をお勧めいたします。
- 「Lightningトップページスライドショー」の一番上、「スライドを非表示にする」にチェックを入れて、この機能を使わないようにする。
- 日本語の「Home」固定ページと、英語の「Home」固定ページのそれぞれで、VK Blocks プラグインに搭載の「スライダーブロック」をページの一番上部に挿入し、それぞれの言語で作成する。なおこの際に、右サイドバー「固定ページ」の設定で下部にある「siteContentの上下余白を無しにする」にチェックを入れていただくと、スライダーの上部の余白がなくなって、ヘッダーナビゲーションにピッタリとくっつくはずです。
上記を一度お試しいただけますでしょうか。
スライダーブロックのご利用方法は以下もご覧ください:
【無料プラグイン】VK Blocks スライダーブロックの使い方を徹底解説(基本編)
ご参考に、下記のスライダーブロックパターンをコピー&ペーストして編集いただくとスムーズかもしれません:
ヒーローエリア_ Lightning風スライダー
ご不明な点がございましたらお気軽にお聞きください。
> 期待する動作
特定のカテゴリーの投稿をスライド表示(PC時は横に3つで4つ目からスライド表示するようにしたい)
添付のキャプチャのような状態がご希望ということでしょうか?
ご希望と異なるようでしたら、お手数ですが、図などで示していただくとよいかもしれません。
ちなみに、以下のように設定してみました。
【スライダーアイテム1】
投稿リストブロックを挿入
表示件数:3
オフセット数:0
カラム:3
【スライダーアイテム2】
投稿リストブロックを挿入
表示件数:3
オフセット数:3
カラム:3
投稿リスト
投稿リスト(Pro版のみ)
Attachments:
You must be
logged in to view attached files.
■ WordPress のバージョン
6.2.2
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit
■ テーマのバージョン
15.9.0
■ Pro Unit のバージョン
0.24.1
■ スキンの種類
Origin III
■ 期待する動作
特定のカテゴリーの投稿をスライド表示(PC時は横に3つで4つ目からスライド表示するようにしたい)
■ 自分で試した事
スライダーアイテムに投稿リストを入れて、表示数を4にすると上に3つ、改行して下に1つ表示される。
これを左右にスライドの矢印が出て4つ目からスライドするようにしたい
■ 症状が発生するブラウザ
クローム
■ 実際の症状
特定のカテゴリーの投稿をスライド表示(PC時は横に4つで5つ目からスライド表示するようにしたい)
※「解決済」のところに投稿失礼します。
他に投稿した方が良いようでしたらご指示お願いいたします。
同じような症状が数日前から出ておりました。pcは3台(いずれもwin10)で試してみましたが同様の症状です。
詳細は以下の通りです。※WordPress、プラグイン等は最新です。
スライダーが動作しないのは、Local環境です。
無料Lightning、有用版(Lightning ( G3 ) + Lightning G3 Pro Unit)いずれも試してみましたが、Local環境ではJSが動きません。
ちなみに、Localで動かないサイトをmigrationでDLし、サーバーにアップすると問題なく動きます。Localのバージョン、phpバージョンは複数試してみましたが、いずれのVerでも同様に動きません。
こちらの状況も、修正版でご対応いただければ助かります。
よろしくお願いいたします。
-
この返信は10ヶ月、 4週前にisが編集しました。
-
この返信は10ヶ月、 4週前にisが編集しました。
上記にまとめられればよかったのですが、五月雨式ですみません。
最近swiperのバージョン9系使って、Wordpress関連ではなくスライドショー実装する機会があったのですが
そう言えば表示枚数の倍の画像を用意してやらないと挙動が上手くいかなかったことを思い出して
表示枚数×2のスライダーアイテムを置くことで、無限ループ動作を確認することができました。
当該URLでは、表示枚数が4であるのに対して、枚数が6枚なのでストップするのかなと思います。
回すアイテムの数が 表示枚数×2 以上あればいいのですが、ない場合は
表示の整合性が合うように複製が必要になる等、注意が必要かとも思いました。
設定のヒントの改修等、頂ければと思います。
以上、よろしくお願いいたします。
Swiper が 9 になってから
一度に表示するスライダーの枚数 * 2 > スライダーの総数
でないとループが発生しないという仕様になっています。
表示枚数を調整しておきました。
■ WordPress のバージョン
6.2.2
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit
■ テーマのバージョン
15.9.1
■ Pro Unit のバージョン
1.56.0.0
■ スキンの種類
Origin III
■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。
■ 期待する動作
当該パターンのスライドショーが無限ループする
■ 自分で試した事
パターンコピー+貼り付け後、スライド設定・複数表示設定を
変更しながらの挙動確認(改善できず)
■ 症状が発生するブラウザ
Chrome Edge
■ 実際の症状
無限ループスライド_カスタムCSS有
上記URLの表示内容においても、名称と異なった挙動をしている認識であり、
最終スライダーアイテムにてループがストップしております。
■ その他特記事項
いつも大変お世話になっております。
今回の問い合わせ内容について、パターンライブラリ上の挙動が
正であるなら、希望することもおこがましいのですが
スライドショーの無限ループを実現できる設定方法や、ご修正を頂けませんでしょうか。
何卒、よろしくお願いいたします。
DRILL LANCER さん、ありがとうございます。
Swiper の仕様のようです。
Swiper のバージョンアップで仕様が変わったんですね。
スライドを6枚にしたら止まらなくなりました。
total number of slides must be >= slidesPerView * 2
私が関わった既存サイトで、このルールになっていないスライダーがいくつかあります。
カルーセルバナーの類はほぼすべて止まってしまいそうです。
とりあえず、スライドを複製して数を増やして対応します。
トピックのタイトルに [ 対応中 ] となっていますが、[ 解決済 ] にしてもよいでしょうか?
-
この返信は11ヶ月、 1週前に対馬 俊彦が編集しました。
Lightning 15.9.1 にアップデートして、
トップページのスライドショーのページネーション位置は元に戻りました。
ありがとうございます。
その他対応までいましばらくお待ちくださいませ。
もうひとつ、スライダーブロックの動作の問題を見つけました。
ひとつの例として、アイテムの複数表示設定で PC で 3 に指定すると、
2回スライドした時点で止まってしまいます。
以下の URL で実際の動作をご確認ください。
スライダーブロックの動作報告
Swiper って、バージョンによって仕様が違っていて、
アップデートしたときの対応作業が大変そうだなぁ、と思っていました。
プラグイン側で Swiper の最新バージョンに対応してもらえるのって、
感謝!! 感謝!! 感謝!! です。
Swiper 9.2.3 になると機能も増えていると思いますので、楽しみにしています。
よろしくお願いします。
ありがとうございます。
ご教授いただいた内容で再インストールしました。
スライダーのカスタムCSSにselector .swiper-wrapper {transition-timing-function: linear;}を記述しましたが、スピードは変更されないようでした。
またスライド設定も見当たりません。
■ WordPress のバージョン
WordPress 6.2.1
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit
■ テーマのバージョン
Lightningバージョン: 15.8.0
■ Pro Unit のバージョン
バージョン 0.2.4.1
■ スキンの種類
Origin III
■ 期待する動作
スライダーを一定のスピードに設定したい。
■ 自分で試した事
CSSを追加しました
■ 症状が発生するブラウザ
Chrome
■ 実際の症状
不規則な動きをしています。
■ その他特記事項
設定のヒント
「スライド設定」>表示時間は0 にします。
「複数の表示設定」>1度に表示する画像の枚数は3(お好みで変更可)、1度の動作で動かす枚数は1にします。
スライダーのカスタムCSSにselector .swiper-wrapper {transition-timing-function: linear;} を入力すると、一定の割合で変化していきます。
※このブロックは必要に応じて削除してください。
とありますが、それぞれの設定がどの場所にあるのかわからないです。
スライダーブロックの中にカバーブロックを配置してカバーブロックの背景に動画を指定してください。
※動画の開始タイミングは制御できません。
■ WordPress のバージョン
WordPress 6.2
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit
■ テーマのバージョン
Lightning G3 Evergreen
■ Pro Unit のバージョン
VK All in One Expansion Unit
■ スキンの種類
Evergreen
■ スキンのバージョン
バージョン 0.2.2
■ 期待する動作
スライダーの1枚を動画にしたいです。
(例) 画像 + 画像 + 動画
■ 自分で試した事
外観 → カスタマイズ → Lightning トップページスライドショー
固定ページ → VKブロックレイアウト → スライダー
上記二つで試してみましたが動画(mp4)は入りませんでした。
■ 症状が発生するブラウザ
Chrome
■ 実際の症状
動画が設置できない
■ WordPress のバージョン
6.2
■ テーマ・プラグインは全て最新版で確認してください。
確認しました。
■ テーマの種類
Lightning Pro
■ テーマのバージョン
8.17.10
■ スキンの種類
Origin II
■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。
■ プラグインの種類・バージョン
Lightning Pro をつかっているのですが、トップページのファーストビューで Smart Slider をつかうのであれば、テーマエディターのどこに書き込みすればいいのか教えてもらえれば助かります。
■ 期待する動作
トップページのファーストビューで Smart Slider 使いたい
■ 自分で試した事
[カスタマイズ]→[ウィジェット]→[トップページコンテンツエリア上部]からショートコードブロックということをおっしゃってくださってるのだと思うのですが、そうすると両横に余白ができてファーストビューが画面いっぱいにはできません。
その他のやり方があればおしえていただきたいです。
■ 症状が発生するブラウザ
Chrome
■ 実際の症状
左右余白ができる
ご連絡ありがとうございます。
有料の3D カルーセルスライダー
Sample 3D Flow Carousel
こちらを利用したいため、四苦八苦していますが
解決できません。
よろしくお願いいたします。