「スライダー」の検索結果
-
検索結果
-
■ WordPress のバージョン
WordPress 6.7.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.28.2■ Pro Unit のバージョン
0.28.0■ スキンの種類
Origin III■ プラグインの種類・バージョン
VK Blocks Pro バージョン 1.92.1.0■ 期待する動作
スライダーブロックの左右送りのボタン「＜」「＞」を自分で用意した画像に差し替えたいです。
画像は自分で所有するサイトの画像です。■ 自分で試した事
ネットやフォーラムを検索して差し替えの方法を調べましたが出てきませんでした。■ 症状が発生するブラウザ
Safari(iPad),Google Chrome(Windows)■ 実際の症状
静的HTMLサイトをWordPressに移行するにあたり、スライダーの左右のボタンに使われていたボタンの画像を渡されたのですが、VKスライダーブロックではどのようにしてボタンの画像を差し替えたら良いのかわかりませんでした。■ その他特記事項
今後のためにもできればスライダー下部のページネーションのデザインカスタム（長方形を点に変えるなど）もご教授いただきたいです。返信が含まれるトピック: トップページスライドショーを全画面表示したい
お世話になっております。対馬さんの方法で解決したようでなによりです。
もしよろしければ対馬さんのコメントにベストアンサーをつけていただけますと幸いです。また、貴重なご意見ありがとうございます。今回の頂戴致しましたご意見は社内で検討させていただきます。
※可能な限り検討させていただきたく思いますが、検討し実装して初めて分かることもあるため、実装することが難しい場合もございます。なお、ご存知でしたら申し訳ありませんが、現在スライダーブロックでは縦積みだけでなくフロントエンドでの表示のようにプレビューできるモードもございます。こちら、今後のご参考にしていただけたら幸いです。
よろしくお願いいたします。
返信が含まれるトピック: トップページスライドショーを全画面表示したい
対馬 様
ご指導いただいたCSSで無事、全画面表示が出来ました。
有難うございました。松田 様
ご指導有難うございます。
スライダーブロックの存在は知っております。これは好みの問題になってしまうかと思うのですが、現在のスライダーブロックは、設定した画像が枚数分、縦に並んで表示されるのですが、これがどうにも馴染めずにおります。
特にトップページに表示するスライダーに関しては、カスタマイズから管理できる既存のトップページスライドショーの方が使い勝手が良く感じます。PCとスマホで異なった画像を設定する場合も楽ですし。全画面表示がボタン一発で可能になったらかなり使い勝手が良くなると思いました。
御意見まで。返信が含まれるトピック: トップページスライドショーを全画面表示したい
日頃よりLightningのご利用ありがとうございます。
ベクトルスタッフの松田です。トップページスライドショーでは、スライドの高さは画像の高さに依存する仕様となっております。
そのため、柔軟なレイアウトをご希望の場合はトップページスライドショーではなく、スライダーブロックを使用されることをおすすめいたします。例えば https://patterns.vektor-inc.co.jp/vk-patterns/hero-area-default-slider/
をコピペし、スライダーをクリックすると右パネルに「高さ」という項目がありますので、それぞれのデバイスの高さ設定を100vhなどにしてみてください。フロントエンド上でご希望の状態になるかと思われます。
なお、トップページ用にスライダーブロックを使用する場合は、外観 > カスタマイズ > Lightning トップページスライドショー では「スライドを非表示にする」の設定にしてください。また、上記の他にも様々なスライダーのパターンブロックがありますのでよろしければ見ていただけたらもっとご希望のものに近いものがあるかもしれません。
https://patterns.vektor-inc.co.jp/?post_type=vk-patterns&pattern-category=slider&s=&supported-themes_operator=or&license-classification_operator=or&pattern-type_operator=or&pattern-industry_operator=or&pattern-category_operator=and&pattern-product_operator=or&demo-site_operator=or&vkfs_form_id=11755どうぞよろしくお願いいたします。
返信が含まれるトピック: スライダーを複数配置した場合。
日頃よりご利用いただきありがとうございます。
現象を確認できました。本件について調査しますので今しばらくお待ちくださいませ。
https://github.com/vektor-inc/vk-blocks-pro/issues/2279なお、スライダーブロックのカスタムCSSで以下を入力すると本件の現象は直ると思われますのでお試しくださいませ。
selector { width: 100%; }よろしくお願いいたします。
トピック: [ 解決済 ] スライダーを複数配置した場合。
■ WordPress のバージョン
6.6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.27.0■ Pro Unit のバージョン
0.28.0■ スキンの種類
Origin III■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
ここ最近までは、問題なく表示されていたのですが、気がついたら、スライダーの表示がされなくなりました。1、編集モードでプレビュー（スライド）この状態だと真っ黒になる。
ちなみに、いつも編集縦配置です。それで編集画面上では、なんの問題もなくいつも通りの表示です。
ページの表示状態では、このプレビュー（スライド）のように真っ黒になる。2、スクショを添付させていただきましたが、複数のスライダーアイテムで今まで問題なかったのですが、表示がされません。それで、二つ目、3つ目、表示を非表示に設定したところ、画面上では、一つ目が表示され、表示崩れとかはありません。もちろん、一つなので、スライドはされませんけど。
■ 期待する動作
以前のようにきちんと表示させたい。■ 自分で試した事
表示、非表示設定の切り替え。■ 症状が発生するブラウザ
safari、クローム■ 実際の症状
スライダーが複数表示されると、表示されない。返信が含まれるトピック: トップページスライドショーのボタン色について
chromeの開発者ツールで確認すると追加したCSSは取り消し線になっていて、元のCSSが有効になっています。
該当URLは確認できませんでしたが、CSSの指定を強くすると反映されると思います。
例えば以下のような形です.lightning_swiper .mini-content-container-1 .btn { border-color: #ffffff; background-color: #060c2d; }CSSにつきましてはこちらに詳しく載っていますので、ご確認ください。
もしくは、Lightning トップページスライドショーは非表示にして、VK Blocks のスライダーを使用すると自由にボタンの色などを変更しやすいです。
※【外観】>【カスタマイズ】> Lightning トップページスライドショー の 表示設定：スライドを非表示にする で非表示にできます。
返信が含まれるトピック: ピックアップ導入事例 スライダーのカスタマイズについて
この度はVKパターンライブラリをご利用いただきありがとうございます。
おそらくですが、スライダーアイテムブロックの中のグループブロックを複製してしまっているかもしれません。
リストビューで スライダーアイテム を選択しているかご確認いただけたらと思います。リストビューの確認方法について、以下をご参照くださいませ。
■ WordPress のバージョン
6.6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
バージョン: 15.26.4■ Pro Unit のバージョン
0.27.1■ スキンの種類
Origin■ 期待する動作
ピックアップ導入事例 スライダーのスライダーをデフォルトの3枚から4枚に増やしたいと思います。■ 自分で試した事
スライド1のブロックをコピペしてもうまく機能しない■ 症状が発生するブラウザ
safari■ 実際の症状
スライド1のブロックをコピペしてもスライドは4枚にならない■ その他特記事項
特になし返信が含まれるトピック: Evergreen使用中で投稿リストの日付、タイトル、ホバー時の色を変更したい
お世話になっております、VKパターンライブラリのご利用ありがとうございます。
VK スライダーブロックの カスタムCSS に以下を追加していただけますと、投稿リストの日付が白色になります。
/*投稿リストの日付*/ selector .vk_posts-layout-postListText .postListText_date{ color:#fff; }もしくは、
VK パターンライブラリの「LP_求人_建築_カスタムCSSあり」のお知らせスライダー部分を、WordPressコア側のブロックのクエリーブロックで組み直しましたので（こちらの方が色など個別で指定できるため）、再度コピーしてご利用ください。
※ 元々は VK 投稿リストブロックを使用しておりましたが、テキストのカラーなどの個別の設定がCSSを追記しないとできないため、コア側のブロックで組み直しました。よろしくお願いいたします。
返信が含まれるトピック: lightning G3でのスライドショーテキスト（スマホ表示の場合）
ご丁寧なアドバイスに感謝いたします。無事にCSSの書き換えでスマホ表示時のスライドタイトルとテキストの大きさを変更することが出来ました。またVK Blocks のスライダーブロックもスライダーを非表示にしたうえで試してみたいと思います。この度はありがとうございました。
返信が含まれるトピック: lightning G3でのスライドショーテキスト（スマホ表示の場合）
Lightning G3 のトップページのスライドショーのフォントサイズの CSS は以下のようになっています。
/* スライドタイトル */ .ltg-slide .ltg-slide-text-title { font-size: clamp(16px,3dvw,32px); } /* スライドテキスト */ .ltg-slide .ltg-slide-text-caption { font-size: clamp(12px,2dvw,18px); }とりあえず、
スライドタイトルの16px
スライドテキストの12px
の部分を書き換えればスマホ表示に反映されます。お時間があれば、VK Blocks のスライダーブロックを使ってみるといいと思います。
https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-blocks/block-slider/
ちょっとだけ手間は増えますが、
Lightning 標準のスライドショーよりもできることがはるかに多いし、柔軟な設定が可能です。■ WordPress のバージョン
6.6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.26.3■ Pro Unit のバージョン
9.99.4.1■ スキンの種類
Origin III■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
先ほど確認したところ
VK Patternsの「背景画像がズームインするスライダー」
を設置した全てのページで動きが止まっていました。パターンを多用しております。
設置済の全てのページも動きが止まっております。
試しに新しく設置しても動きが止まっております。
検証をお願いします。VK Blocks Proだったと思いますが
アップデートしてからおかしくなったようです。どうぞ宜しくお願いします。
■ 期待する動作
VK Patternsの「背景画像がズームインするスライダー」の動きを正常にしてほしい。■ 自分で試した事
VK Patternsの「背景画像がズームインするスライダー」試しに新しく設置しても動きが止まっております。
■ 症状が発生するブラウザ
Google Chrome■ 実際の症状
先ほど確認したところ
VK Patternsの「背景画像がズームインするスライダー」
動きが止まっていました。パターンを多用しております。
設置済の全てのページも動きが止まっております。
試しに新しく設置しても止まっております。
検証をお願いします。VK Blocks Proだったと思いますが
アップデートしてからおかしくなったようです。どうぞ宜しくお願いします。
返信が含まれるトピック: スライダーブロックでアクティブスライドを中央にすると、見切れている次の画像が表示されない
