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

VWSとは フォーラム 検索 「スライダー」の検索結果

15件の結果を表示中 - 1 - 15件目 (全375件中)
  • 投稿者
    検索結果
  • Y.INABA
    参加者

    パターンライブラリから「ヘッダー_お問い合わせ_スクロール時に追従」については、WordPressをアンインストール後、X-T9テーマをインストールしてから上記パターンを貼り付けたのですが、こちらも思っていたとおりの結果はでませんでした。

    こちら私の方でも動作確認しましたが、添付のとおりの配置にしたところ(スライダーを消してメニューの内容を入れ替えただけですが)、おそらくSUGI様の意図通りになりそうな挙動の確認できました。
    (ログイン時だとヘッダーが下にずれているように見えますが、ログアウト時は正常に動作します)

    ※必要に応じて、レスポンシブスペーサーを挿入いただいて調整いただけますと幸いです(スクリーンショット2枚目)。

    こちらでうまく動かないようだと、いよいよ実際に動作しないページを直に確認するしかないと思います。

    ◆補足
    実際の海上保安庁様のサイトでは、PCからだとヘッダーが固定されませんので、そちらもご希望であればPC用ヘッダーのみ「固定表示」ブロックの外に出していただいた上で、「固定表示」ブロックの非表示設定も調整いただければ問題ありません。

    Attachments:
    You must be logged in to view attached files.
    #121182
    橋本滋
    参加者

    ■ WordPress のバージョン
    6.9.4

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

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.27.0

    ■ スキンの種類
    Origin II

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

    ■ 期待する動作
    スクロールしてもメニュー表示が画面いっぱいに広がらない

    ■ 自分で試した事
    追加CSSの修正を試したが上手くいかない

    ■ 症状が発生するブラウザ
    Google chrome,Edge

    ■ 実際の症状
    テーマを最新版に更新後、スライダー横にあるメニュー表示の挙動がおかしくなりました。
    スクロールするとメニューが画面いっぱいに広がります。

    Lightning側のHTML構造・class名・スクロール時の挙動が変わり、追加CSSが旧仕様に合わなくなったのが原因かと想定しているのですが、更新のたびに不具合があっては困るので、対策を教えていただきたいです。

    更新後の仕様に合わせてCSSを修正するしかないのでしょうか。

    With
    参加者

    ■ WordPress のバージョン
    6.9.4

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

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

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

    ■ テーマのバージョン
    15.35.0

    ■ Pro Unit のバージョン
    9.114.0

    ■ スキンの種類
    Origin III

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

    ■ 期待する動作
    新規固定ページ作成時に既存のLightning ページヘッダーの非表示が出来なくなった。

    固定ページの上部にヘッダーとして画像やスライダーを入れた場合、
    今までは既存のヘッダー画像を非表示にチェックが入れられたのですが見つかりません。
    設定画面を表示して、非表示設定が出来るようにしてほしい。

    作成済の固定ページのヘッダーを見ましたが表示、非表示の設定が消えています。
    最近、ブロック編集に完全移行したので不安です。

    ■ 自分で試した事
    既存のヘッダー画像を非表示にする設定画面を見つけることが出来ませんでした。

    ■ 症状が発生するブラウザ
    gooogle chrome

    ■ 実際の症状
    新規固定ページ作成時に既存のLightning ページヘッダーの非表示が出来なくなった。

    ページヘッダーに画像やスライダーを上部に入れた場合、
    今までは既存のヘッダー画像を非表示にチェックがいれられたのですが見つかりません。
    設定画面を表示して、非表示設定が出来るようにしてほしい。

    作成済の固定ページのヘッダーを見ましたが表示、非表示の設定が消えています。
    最近、ボックスでの編集に完全移行したのでもしかしたら
    使用方法が分からないだけなのかも知れません。

    対馬 俊彦
    参加者

    ■ WordPress のバージョン
    6.9.4

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

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

    ■ テーマの種類
    X-T9

    ■ テーマのバージョン
    1.37.4

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

    ■ プラグインの種類・バージョン
    VK Blocks Pro 1.118.4

    ■ 期待する動作
    アイテムの複数表示設定 PC → 2
    一度に遷移するスライドアイテムの数 → 1
    アクティブスライドを中央にする → 有効

    の設定のときに、スライダーアイテムが4つあればスライドが欠けずに動作する。

    ■ 自分で試した事
    VK Blocks の2つの異なるバージョンで動作確認した結果は以下の通りです。

    バージョン 1.117.0.1 → スライドが欠けずに表示される
    こちらのページ https://x-t9.uonuma-js.com/vk-blocks-slider-report/
    で実際の動作をご確認ください。

    バージョン 1.118.4 → 一部のスライドが欠ける
    こちらのページ https://x-t9-demo.uonuma-js.com/vk-blocks-slider-report/
    で実際の動作をご確認ください。

    ■ 症状が発生するブラウザ
    Windows 11 の Chrome / Edge / Firefox (ブラウザに依存しないと思います)

    ■ 実際の症状
    上記のページでご覧いただいた通りです。

    VK Blocks バージョン 1.117.1 から Swiper のバージョンが
    11.0.2 → 11.2.10
    となっていることが影響しているような気がします。

    Lightning のサイトでも確認したところ、同じ状況ですので、
    テーマには依存しないようです。

    ■ WordPress のバージョン
    6.9.4

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

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

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

    ■ テーマのバージョン
    15.34.1

    ■ Pro Unit のバージョン
    1.118.4

    ■ スキンの種類
    Origin III

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

    ■ 期待する動作
    ライブラリの「投稿リスト_全幅スライダー_左右が見切れている」

    投稿リスト_全幅スライダー_左右が見切れている


    が正常に表示され従来のようにスライドされるようにしたい。

    ■ 自分で試した事
    全てのプラグインをバージョン更新しております。
    他のWordPressでライブラリの貼り付けを試した所、同様の現象となりました。

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

    ■ 実際の症状
    バージョン自動更新のため、どのタイミングで現象が発生したか分かりかねますが、
    ライブラリの「投稿リスト_全幅スライダー_左右が見切れている」を
    利用したスライダー投稿の右端が見切れて、上手くスライドもされなくなっていました。
    ご確認よろしくお願い致します。

    Attachments:
    You must be logged in to view attached files.
    DRILL LANCER
    モデレーター

    1.115.1 の時点でスライダーアイテムを全幅にしても中身が全幅にならない事象が発生しました。

    スライダーアイテムに対して is-layout-constrained
    vk_slider_item_container に対して container

    上記のようにクラスが付与されることが原因と判断ししました。

    そこで、1.115.2 以降では
    デフォルトでは上記のようにクラスが付与されないようにし、
    「コンテント幅を使用するインナーブロック」の設定項目を追加し、
    その設定項目が ON に設定されたときに上記のクラスがつく仕様に変更いたしました。

    Attachments:
    You must be logged in to view attached files.

    Y.INABA 様、

    情報、ありがとうございます。
    コードを見ると、たしかに仕様変更のようですね。

    とりあえず、私がカスタマイズしたサイトでは現在のままでも、
    元の HTML に戻っても、どちらでも意図した通りになるように
    手を加えておこうと思います。

    既存のページを保存したら、スライダーのレイアウトが変わってしまった…
    という現象があちらこちらで起きるのではないかと気になります。

    Y.INABA
    参加者

    対馬 俊彦 様

    本件、1.115.2 にて入った仕様変更によるものと思われます。

    [ 不具合修正 / 仕様変更 ][ スライダーアイテム ] コンテント幅指定追加 by @drill-lancer in #2815

    Update from vk-blocks-pro · vektor-inc/vk-blocks@70c42fb

    見当違いでしたらすみません。

    Attachments:
    You must be logged in to view attached files.
    対馬 俊彦
    参加者

    仕様変更なのか、不具合なのかが判断できませんので、
    トピックカテゴリー「その他」で」投稿させていただきます。

    どのバージョンで変わったのか確認していませんが、
    VK Blocks のスライダーが出力する HTML が以下のように変わっています。

    以前
    <div class="vk_slider_item_container container">

    現在
    <div class="vk_slider_item_container">

    私がセレクタを .vk_slider_item_container.container で指定して
    カスタマイズしてあるサイトがあるので、もし可能であれば
    以前の HTML に戻していただければありがたいのですが、
    仕様変更(戻すのが難しい)ということであれば、
    なんとか対応しようと思いますので、その旨ご回答お願いします。

    また、この影響で、VK パターンライブラリの「美容院・ヘアサロン_ギャラリー」を
    自分のサイトにコピーすると添付画像のような結果になっています。

    美容院・ヘアサロン_ギャラリー

    Attachments:
    You must be logged in to view attached files.
    #117583
    Y.INABA
    参加者

    ご確認ありがとうございます。
    以下でご確認よろしくお願いいたします。

    1. 該当のメニュー箇所のみ抜き出して、Lightning Block Template Partsに名前を付けて登録する(必ず「公開」までお願いします)。
    2. カスタマイザー > Lightning ヘッダー設定 > Block Template Parts で先ほど保存したテンプレートパーツ名を選択。
    3. カスタマイザーの「保存」を押下。

    こちらで、ヘッダーのメニューのみスライダーの上部に表示されるようになるかと思います。

    以下の記事もご確認よろしくお願いいたします。

    ブロックテンプレートパーツ機能 | Lightning G3 Pro Unit とは | Lightning

    【追記】石川様からのご返答とは方向性が異なりますので、どちらか合う方を採用いただければと思います。

    Attachments:
    You must be logged in to view attached files.
    #117580
    leafletweb
    参加者

    Y.INABA 様
    ありがとうございます。

    「保育園・幼稚園02_トップページ」のスライダーを削除して
    デフォルト機能である「Lightning トップページスライドショー」を表示した状態を画像添付しました。

    このように
    「Lightning トップページスライドショー」を表示したままで
    パターンライブラリにあるヘッダーデザインを含むパーツは利用は難しいのでしょうか?

    Attachments:
    You must be logged in to view attached files.
    #117578
    Y.INABA
    参加者

    横からすみません。

    添付のスクリーンショットのとおり、該当のスライダー箇所を選択し、消すなり編集するなりすればOKと思われますが、いかがでしょうか?

    ※パターンライブラリはあくまでもブロックエディターで使えるブロックの組み合わせを提供しているに過ぎませんので、後からブロックの配置や並び等変更いただいても問題はございません。

    ※該当スライダーもVK Blocksのスライダーブロックを編集したものに過ぎません。気に入らなければ、自由に修正・削除してOKです。

    Attachments:
    You must be logged in to view attached files.
    #117576
    leafletweb
    参加者

    瀬戸内ことり 様
    ありがとうございます。
    >「ヘッダーの上に」となっていますが、「スライダーの上に」という理解でよろしかったでしょうか?

    いえ、私の説明の仕方がわかりづらくすみません。
    「保育園・幼稚園02」は正確には「保育園・幼稚園02_トップページ」でした。

    言い直しますと
    「保育園・幼稚園02_トップページ」のページ全体を張り付けた後に
    スライダーだけカスタマイズで編集できる「Lightning標準のスライダー」を利用したいということになります。
    スライダーの様々な動作を変更できるものに変更したい。

    しかしながら
    「Lightning標準のスライダー」の上にパターンライブラリを持ってくること自体不可能なことでしょうか?

    #117575

    【追記】

    おや・・・
    よく見ると

    保育園・幼稚園02ののヘッダーの上にテーマ標準のスライダーが表示されてしまう。

    「ヘッダーの上に」となっていますが、「スライダーの上に」という理解でよろしかったでしょうか?

    「期待する動作」の内容と食い違っているようです。

    #117574

    私の環境では再現しませんでした。
    キャッシュの可能性はないでしょうか?

    また、

    保育園・幼稚園02のスライダーを非表示にしてテーマ標準の「スライダーを表示する」にした

    とありますが、「非表示」ではなく「削除」をおすすめします。

15件の結果を表示中 - 1 - 15件目 (全375件中)