「スライダー」の検索結果
-
検索結果
-
返信が含まれるトピック: スライダーを設置したい
トピック: [ 解決済 ] スライダーを設置したい
■ WordPress のバージョン
WordPress 5.9.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
バージョン: 8.14.0■ スキンの種類
Origin II■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
の中断の画像スライドと下部の投稿スライドをせっちしたいです。■ 自分で試した事
できておりません。■ 症状が発生するブラウザ
Chrome■ 実際の症状
設置方法がわかりません
Lightningproではならないのでしょうか？トピック: [ 解決済 ] スライドについて
■ WordPress のバージョン
WordPress 5.9.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
バージョン: 8.14.0■ スキンの種類
Origin II■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
の中断の画像スライダーと下部の投稿スライダーを設置したいのですが。
■ 自分で試した事
できておりません。■ 症状が発生するブラウザ
Chrome■ 実際の症状
Lightning pro ではならないのでしょうか？トピック: [ 解決済 ] スライダーの画像がチラつく現象
■ WordPress のバージョン
WordPress 5.9.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
14.18.1■ Pro Unit のバージョン
0.17.1■ スキンの種類
Evergreen■ スキンのバージョン
0.1.4■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
スライダーが問題なくスライドする■ 自分で試した事
画像のサイズを変更してみるなど■ 症状が発生するブラウザ
Safari（14.1.2）、Chrome（99.0.4844.74）■ 実際の症状
macOSのSafariとChromeで確認すると、スライドする際に画像が右半分がチカチカする。
カスタマイズの「Lightningトップページスライドショー」の「Slide」と、固定ページの「スライダー」ブロックのエフェクト「スライド」に同症状が出ました。他のMacでも確認しました。
古い環境のSafari（11.1.2）は症状出ませんでした。
Windows10で使用しているEdge、Firefox、Chromeブラザでは症状出ませんでした。■ その他特記事項
お世話になっております。
不具合として報告いたします。返信が含まれるトピック: トップページのスライドショーと同じ物を固定ページに表示させたい
* 外観 > カスタマイズ > Lightning スライドショー は表示しない に設定
* スライダーブロックでトップページに表示用のスライダーを作って、トップに指定した固定ページの最上部に配置
* トップに指定した固定ページの編集画面右下「Lightning デザイン設定」 で site content 上下の余白を無しに設定
* 作ったスライダーブロックを再利用ブロックに登録
* トップと同じスライダーを使いたいページで再利用ブロックから呼び出しが一番良いのではないかなと思います。
■ WordPress のバージョン
5.9.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
8.13.6■ スキンの種類
Origin II■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
メニューバーと最初のコンテンツの間の余白を無くしたいのですが、どうにも削除できません。
現状の設定は以下の通りです。
・ページヘッダー画像のように、カバーブロックを表示したい
・そのため、ページタイトルは表示しない
・そうすると余白が生まれてしまう理想の状態はメニューバーのすぐ下にカバー画像がくることです。
■ 自分で試した事
○以前、スライドブロックにて余白がなくなったことがあったので、カバーブロックではなく、スライドブロックにて制作
→やはり余白はなくならず。○下記の設定はそれぞれ試しました
・siteContentの上下余白を無しにする
・スライダーアイテム内の余白を無くす■ 症状が発生するブラウザ
Chrome■ 実際の症状
添付画像のように、余白は入ってしまう■ その他特記事項
特になし返信が含まれるトピック: VK All in One Expansion Unitを有効化するとスライドショーの高さが変わらない
>トップスライドショーの画像の高さを600pxから450pxに変更したい。
質問があります。
このトップスライドショーは【カスタマイズ】→【Lightning トップページスライドショー】の機能であっていますか？
（VK Blocks Proのスライダーブロックの可能性もありますので、聞いてみた次第です。）画像の高さを450pxに揃えても、150pxの余白ができてしまいます。
ちょっとどのような状況なのかの詳細がわかりませんので、
実際にサイトを見てみると、適切な回答が得られる可能性が高いです。
差し支えなければサイトのURLや画像のキャプチャを貼ることはできますか？■ WordPress のバージョン
5.9■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
14.15.1■ Pro Unit のバージョン
0.15.1■ スキンの種類
Origin III■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
スライダーブロックの中に画像ブロックを挿入した場合も、画像のキャプションが入力できること。■ 自分で試した事
画像ブロック単体ではキャプション入力可能でした。
他のブロック内にも挿入してみたが、今の所は同様の現象はなし。■ 症状が発生するブラウザ
Google Chrome■ 実際の症状
お世話になります。
スライダーブロックの中に画像ブロックを挿入すると、画像のキャプションが入力できません。
今の所は、スライダーブロックのみで現象を確認しました。
ご確認いただければ幸いです。返信が含まれるトピック: スライダーアイテム 二回目のアニメーションについて
石川様
お調べ頂き誠に有難う御座います。
「縦スクロール」で表示箇所に到達した場合のみ有効といった事大変勉強になりました。プラグインとかでも一回のみだったりしますしユーザー目線では当方もあまり推奨しておらず、特に不便を感じたわけではないのですが、二枚目のアニメーションが表示されるので、当方のやり方がおかしいのかと思い質問させて頂きました。
スライダーアイテムやアニメーションブロックは大変重宝しております。
こちらこそ今後ともよろしくお願いいたします。返信が含まれるトピック: スライダーアイテム 二回目のアニメーションについて
アニメーションブロックについては構造上「縦スクロール」で表示箇所に到達した場合のみ有効です。
スライド内で複数回表示されたり消えたりするケースでの利用は想定しておりません。実装するとなるとおそらくかなりトリッキーな実装をする必要があり、
ユーザー全体に対してメリット（スライダー内でアニメーションが使える）に比べてデメリット（コードの総量が増え読み込み速度が落ちる / 実装及びメンテナンス負荷が高く、その分他のもっと幅広いユーザーにメリットのある実装ができなくなる）の方が大きくなるため現状では考慮しておりません。ご希望に沿える回答ができず恐れ入りますが何卒ご理解いただけますと幸いです。
今回はこのような回答になってしまいましたが、また何かございましたら是非お気軽にご要望くださいませ。
今後ともLightningをよろしくお願いいたします。
■ WordPress のバージョン
WordPress 5.8.3■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
バージョン: 14.13.6■ Pro Unit のバージョン
バージョン 5.8.3■ スキンの種類
プレーン■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
Lightning 関係 及びジェットパック程度しか入れていません■ 期待する動作
二回目のスライドでも同様の動作をさせたい■ 自分で試した事
表示時間の変更
スキンの変更
いくつかのWP設置
画像枚数の変更
ブラウザ スマホなどでも確認■ 症状が発生するブラウザ
EDGE クローム ファイヤーフォックス Androidスマホブラウザ■ 実際の症状
二巡目の時 一枚目のアニメーションが表示されない■ その他特記事項
ヘッダー画像を複数枚スライドさせそれぞれの画像上にテキストをふわっと表示させようと思っています。
スライダーアイテム上にカバーを載せその上にアニメーション（中に見出しテキスト）としているのですが二巡目になると一枚目のアニメーションがきかずテキストが表示されません。何らかの解決策がないかとフォーラム内を見たのですが
そもそものやり方が間違っているのか少し設定を変更すれば可能なのか知りたいと存じます。
サンプルで現象を提示しておきます。サンプルはひとつのデータベースに複数設置しているものとなりますが、問題発生サイトにおいては単独のものとなります。
サーバーはエックスサーバー 及びさくらサーバーにて確認しました。
サンプルはエックスサーバー ×10プランです。環境関係（ブラウザやサーバーPHPなどは最新）
何か良い方法がありましたらご教授頂けると幸いです。
よろしくお願いいたします。返信が含まれるトピック: VKスライダー：PC画面で画像3枚表示、モバイル画面で画像1枚で表示させたい。
withさま
非表示設定は、オンにしたサイズがその画面サイズで非表示になります。
▼xs～xxl各サイズの範囲は以下のように設定されています
xs：～576px
sm：576px ～768px
md：768px～992px
lg：992px～1200px
xl：1200px～1400px
xxl：1400px～Lightningのサイト「Lightningなら下記のようなサイトが簡単に作成できます」の箇所に設置しているスライダーブロックは
以下の手順で配置しています。【01】スライダーブロックをPCサイズ用とスマホサイズ用に２つ設置します
【02】PCサイズ用は「複数の表示設定」の「一度に表示する画像の枚数」を４、「一度の動作で動かす枚数」を1、
「非表示設定」は、非表示 ( 画面サイズ : xs )／非表示 ( 画面サイズ : sm )をオンにします。【03】スマホサイズ用は「複数の表示設定」の「一度に表示する画像の枚数」を2、「一度の動作で動かす枚数」を1、
「非表示設定」は、非表示 ( 画面サイズ : xxl )／非表示 ( 画面サイズ : xl )／非表示 ( 画面サイズ : lg )／非表示 ( 画面サイズ : md ) をオンにします。————————–
以前、対馬さまからも「VK Block Pro のカルーセルのレスポンシブ強化」のご要望をいただきまして、VK Blocks Proのissueにもたてさせていただいております。
https://github.com/vektor-inc/vk-blocks-pro/issues/469
現状は他の作業も立て込んでおりまして実装までは時間がかかりますので、
今回のようにスライダーブロックをPCとモバイル用に２つ設置して、非表示設定で出しわけをお願いいたします。よろしくお願いいたします。
▼非表示設定の説明ページ「画面サイズによる非表示設定」部分
【追記】
VK Blocks Proは限定公開のPrivateリポジトリのため、issueが見えなくなっておりますが、ちゃんとissueには追加されておりますのでご安心ください。返信が含まれるトピック: VKスライダー：PC画面で画像3枚表示、モバイル画面で画像1枚で表示させたい。
該当URLのサイトでは、
* 4枚のスライダーブロック
* 2枚のスライダーブロック
の2つを作って、ブロックの非表示設定を使って画面サイズによって出し分けています。
/////////////////////////////////////////ご連絡を頂き、誠にありがとうございます。
該当URLのサイトでは7枚の画像を使用しておりました。該当URLのサイトの挙動同様にするには
どうすれば良いのか以上の操作で検証しております。スライダーブロックをそのまま２つ作成すると
２段で表示されてしまいます。非表示設定は
非表示 ( 画面サイズ : xs )を有効
小さいサイズにすると非表示になります。非表示設定はどのような場合に
使用する機能なのでしょうか。
利用方法が分からないので利用しておりませんでした。どうぞ宜しくお願いします。
返信が含まれるトピック: VKスライダー：PC画面で画像3枚表示、モバイル画面で画像1枚で表示させたい。
該当URLのサイトでは、
* 4枚のスライダーブロック
* 2枚のスライダーブロックの2つを作って、ブロックの非表示設定を使って画面サイズによって出し分けています。
返信が含まれるトピック: VKスライダー：PC画面で画像3枚表示、モバイル画面で画像1枚で表示させたい。
