「スライダー」の検索結果
-
検索結果
-
ありがとうございます。
XT-9が G3 Unitの後継と思って、インストールしましたが
サンプルを見るとヘッダが二重入れ子になっており、メニューの変更もlightningG3と違い
外観->メニューで、構成を簡単に変更できないので使い勝手が悪いですね。メニューが入れ子なのは、スライダーが2枚あるのでそうなのかです。
かなりハンドリングが違うので、面食らいました。
このままG3Unitを使うのがベターに感じました。後継でなければ、G3を使うのがスタンダードのように感じますし、XT-9の利点が知りたいです。
Lightning G3 Pro Packがなくなり、Vektor Passportに名称変更で、XT-9に移行されるのかと
思いましたが、外観->カスタマイズの構成もかなり違っていたのでそう感じました。返信が含まれるトピック: トップページのスライドショーの下にあるボタンを非表示にしたい。
こちらのCSSでどうでしょうか。
/*トップスライダーのページネーションを非表示*/ .slide-main .swiper-pagination{ display:none; }CSSについては、こちらのレッスンを見るとよりわかるかなとおもいますので、ぜひご確認ください
返信が含まれるトピック: Lightning Proのトップページスライドショーの枚数の増やし方
記載の方法で無事解決できました。
見落としていたようで申し訳ございませんでした。こちらで質問させて頂きさらに、
「VK Blocks のスライダーブロックでカスタマイズする」
こちらの、とても便利な方法をご案内いただき感謝申し上げます。
活用させて頂きます。
ありがとうございました。返信が含まれるトピック: VK Blocksのスライダーで、画像全体にリンクを貼ることができるか
けいさん、おせわになります！
対馬さん、アイディアありがとうございます！もう一つの方法もかいてみます。
現状ですと、標準では背景画像にリンクをはる機能がありませんので、 「EditorsKit」プラグイン（カバーブロックにリンクが貼れるようにする）を使用して、スライダーアイテム内にカバーブロックを配置してリンクを貼るやり方もあります。（プラグイン増えてしまいますが、、）- カバーブロックにリンクを貼るため 「EditorsKit」プラグインをインストールして有効化
- スライダーアイテム内の「レイアウト設定」→「スライダーアイテムエリア内の余白を無くす」にチェックを入れる
- カバーブロックを全幅で配置する。カバーブロックにリンクを貼るマークが出ているのでリンクを設置する
■ WordPress のバージョン
6.2.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.9.5■ Pro Unit のバージョン
0.25.1■ スキンの種類
Origin III■ プラグインの種類・バージョン
VK Blocks Pro 1.60.0.0■ 期待する動作
VK Blocksのスライダーブロックを利用して、こちらのパターンのようなものを作りかけています。このパターンだとボタン部分のみがリンク対象になっていますが、スライダーアイテム全体にリンクを貼るような設定は標準機能内にありますでしょうか？
■ 自分で試した事
カスタマイザーのLightning トップページスライドショーならできるのは確認済みですが、見た目的に柔軟にアレンジしたかったためVK Blocksのスライダーブロックを使っています。■ 症状が発生するブラウザ
all■ 実際の症状
標準機能で実現できなければJSでやりくりしようと思っています。
なのでそういう機能がそもそもあるかどうか、もしくは既存のブロックをこう使えばできるという既知のtipsがあるのかどうかがわかればありがたいです！トピック: [ 質問者返信待ち ] 画像変更が出来ない
■ WordPress のバージョン
wordpress6.2.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
Lightning■ スキンの種類
Origin■ プラグインの種類・バージョン
社内制度_カラム_スライダー■ 期待する動作
固定ページへコピーして正常動作していますが、画像の変更が出来ません。コードエディターを見ても、知識が無くよくわかりません。
■ 自分で試した事
コードエディターの確認■ 症状が発生するブラウザ
GoogleChrome・EDGE・FireFox■ 実際の症状
画像の変更が出来ない返信が含まれるトピック: ヘッダースライドショーの多言語表記機能
こんにちは。
Lightningのカスタマイズから設定するトップページスライダーは、Lightning固有の機能で、WPMLや他の翻訳プラグインではコントロールできない箇所での設定になっております。ですので、PHPのバージョンアップよりも前からできていなかったのではないかなと思うのですが、いかがでしょうか。
ホームページのカスタマイズ機能を使い、日本語ページ上で日本語をスライドショーに入力し、英語ページ上で英語を入力しましたが、一番最後に入力されたものが両言語ページで表示されています。
はい、前述の続きとなりますが、WPMLでもコントロールできない箇所となっており、言語をいくら切り替えても、Lightning の「Customize」>「Lightningトップページスライドショー」で入力したものは直近のものがそのままどの言語にも出力されます。ですので、一番最後に入力されたものが両言語で表示されている、というのが仕様上は正常な動きとなっております。
代替として、下記の設定をお勧めいたします。
- 「Lightningトップページスライドショー」の一番上、「スライドを非表示にする」にチェックを入れて、この機能を使わないようにする。
- 日本語の「Home」固定ページと、英語の「Home」固定ページのそれぞれで、VK Blocks プラグインに搭載の「スライダーブロック」をページの一番上部に挿入し、それぞれの言語で作成する。なおこの際に、右サイドバー「固定ページ」の設定で下部にある「siteContentの上下余白を無しにする」にチェックを入れていただくと、スライダーの上部の余白がなくなって、ヘッダーナビゲーションにピッタリとくっつくはずです。
上記を一度お試しいただけますでしょうか。
スライダーブロックのご利用方法は以下もご覧ください：
ご参考に、下記のスライダーブロックパターンをコピー＆ペーストして編集いただくとスムーズかもしれません：
ご不明な点がございましたらお気軽にお聞きください。
返信が含まれるトピック: 特定カテゴリーの投稿をスライド表示（pc時に横に3つ）にしたい
> 期待する動作
特定のカテゴリーの投稿をスライド表示（PC時は横に3つで4つ目からスライド表示するようにしたい）添付のキャプチャのような状態がご希望ということでしょうか？
ご希望と異なるようでしたら、お手数ですが、図などで示していただくとよいかもしれません。ちなみに、以下のように設定してみました。
【スライダーアイテム1】
投稿リストブロックを挿入
表示件数：3
オフセット数：0
カラム：3【スライダーアイテム2】
投稿リストブロックを挿入
表示件数：3
オフセット数：3
カラム：3投稿リスト
■ WordPress のバージョン
6.2.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.9.0■ Pro Unit のバージョン
0.24.1■ スキンの種類
Origin III■ 期待する動作
特定のカテゴリーの投稿をスライド表示（PC時は横に3つで4つ目からスライド表示するようにしたい）■ 自分で試した事
スライダーアイテムに投稿リストを入れて、表示数を4にすると上に３つ、改行して下に1つ表示される。
これを左右にスライドの矢印が出て4つ目からスライドするようにしたい■ 症状が発生するブラウザ
クローム■ 実際の症状
特定のカテゴリーの投稿をスライド表示（PC時は横に4つで5つ目からスライド表示するようにしたい）返信が含まれるトピック: TOPページスライドショーがタテに並んでしまう
※「解決済」のところに投稿失礼します。
他に投稿した方が良いようでしたらご指示お願いいたします。同じような症状が数日前から出ておりました。pcは3台(いずれもwin10)で試してみましたが同様の症状です。
詳細は以下の通りです。※WordPress、プラグイン等は最新です。スライダーが動作しないのは、Local環境です。
無料Lightning、有用版（Lightning ( G3 ) + Lightning G3 Pro Unit）いずれも試してみましたが、Local環境ではJSが動きません。
ちなみに、Localで動かないサイトをmigrationでDLし、サーバーにアップすると問題なく動きます。Localのバージョン、phpバージョンは複数試してみましたが、いずれのVerでも同様に動きません。こちらの状況も、修正版でご対応いただければ助かります。
よろしくお願いいたします。返信が含まれるトピック: “無限ループスライド_カスタムCSS有” パターンが無限ループはしていない。
上記にまとめられればよかったのですが、五月雨式ですみません。
最近swiperのバージョン9系使って、Wordpress関連ではなくスライドショー実装する機会があったのですが
そう言えば表示枚数の倍の画像を用意してやらないと挙動が上手くいかなかったことを思い出して表示枚数×2のスライダーアイテムを置くことで、無限ループ動作を確認することができました。
当該URLでは、表示枚数が4であるのに対して、枚数が6枚なのでストップするのかなと思います。
回すアイテムの数が 表示枚数×2 以上あればいいのですが、ない場合は
表示の整合性が合うように複製が必要になる等、注意が必要かとも思いました。設定のヒントの改修等、頂ければと思います。
以上、よろしくお願いいたします。
返信が含まれるトピック: “無限ループスライド_カスタムCSS有” パターンが無限ループはしていない。
■ WordPress のバージョン
6.2.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.9.1■ Pro Unit のバージョン
1.56.0.0■ スキンの種類
Origin III■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
当該パターンのスライドショーが無限ループする■ 自分で試した事
パターンコピー＋貼り付け後、スライド設定・複数表示設定を
変更しながらの挙動確認（改善できず）■ 症状が発生するブラウザ
Chrome Edge■ 実際の症状
上記URLの表示内容においても、名称と異なった挙動をしている認識であり、
最終スライダーアイテムにてループがストップしております。■ その他特記事項
いつも大変お世話になっております。今回の問い合わせ内容について、パターンライブラリ上の挙動が
正であるなら、希望することもおこがましいのですが
スライドショーの無限ループを実現できる設定方法や、ご修正を頂けませんでしょうか。何卒、よろしくお願いいたします。
DRILL LANCER さん、ありがとうございます。
Swiper の仕様のようです。
Swiper のバージョンアップで仕様が変わったんですね。
スライドを6枚にしたら止まらなくなりました。total number of slides must be >= slidesPerView * 2
私が関わった既存サイトで、このルールになっていないスライダーがいくつかあります。
カルーセルバナーの類はほぼすべて止まってしまいそうです。
とりあえず、スライドを複製して数を増やして対応します。
トピックのタイトルに [ 対応中 ] となっていますが、[ 解決済 ] にしてもよいでしょうか？
Lightning 15.9.1 にアップデートして、
トップページのスライドショーのページネーション位置は元に戻りました。
ありがとうございます。その他対応までいましばらくお待ちくださいませ。
もうひとつ、スライダーブロックの動作の問題を見つけました。
ひとつの例として、アイテムの複数表示設定で PC で 3 に指定すると、
2回スライドした時点で止まってしまいます。以下の URL で実際の動作をご確認ください。
Swiper って、バージョンによって仕様が違っていて、
アップデートしたときの対応作業が大変そうだなぁ、と思っていました。プラグイン側で Swiper の最新バージョンに対応してもらえるのって、
感謝!! 感謝!! 感謝!! です。Swiper 9.2.3 になると機能も増えていると思いますので、楽しみにしています。
よろしくお願いします。
