Panetteriaの背景画像を調整したい

フォーラム テンプレート(テーマ) Panetteriaの背景画像を調整したい

  • このトピックには5件の返信、2人の参加者があり、最後にyasumaxにより3年、 6ヶ月前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #90793
    weluser
    参加者

    お世話になっております。

    スマホでスクロールする際に背景画像が移動しカクつくのが気になり
    CSSで調整、固定しようとしましたが修正箇所を見つけられませんでした。

    画像は1,600×1,067pxで設定しております。
    PCでの表示は問題ありません。

    ご教示いただけますと幸いです。よろしくお願いいたします。

    #90794
    yasumax
    キーマスター

    こんにちは。

    > スマホでスクロールする際に背景画像が移動しカクつく
    症状を確認されたスマホの機種は何になりますか?

    #90796
    weluser
    参加者

    失礼しました。機種はiPhone XSになります。
    ブラウザはSafari、iOS13.7です。

    スマホ表示時の縦横比を調整したいというのもありますので
    修正箇所をお教えいただきたいのですがCSSでは調整できませんでしょうか?

    #90802
    yasumax
    キーマスター

    こんにちは。

    情報ありがとうございます。
    まったく同じ機種はなかったのですが、iPhone7 / iPhone6で確認してみてもカクつくという症状を再現することができませんでした。
    ちなみにですが、weluserさんがお持ちのスマホでPanetteria のデモサイトを見ると同じようにカクつきますか?

    1点確認ですが、管理画面[ 外観 ] > [ カスタマイズ ]にて表示される設定のうち「テーマオプション」内の「背景画像」セクションの「背景画像を動かす」にはチェックが入っていますか?
    これにチェックが入っていると通信環境によっては動作が重くなることがあるかもしれません。

    ちなみに背景画像は以下のようなHTMLタグでくくられて表示されています。

    <div class="cat-main-image grid-item main">
    <span><img src="◯◯"></span>
    </div>

    cat-main-imageに対してスタイルをかけるという形でも問題ないかと思いますが、bodyタグに動的に付与される各ページごとのクラスをセットにスタイルを設定されるといいかもしれません。

    #90805
    weluser
    参加者

    ご確認いただきましてありがとうございます。

    >Panetteria のデモサイトを見ると同じようにカクつきますか?
    はい、特に上へスクロールするとき、上下にスクロールするときのカクつきが少し気になります。
    「背景画像を動かす」にはチェックは入れておりません。

    >cat-main-imageに対してスタイルをかけるという形でも問題ないかと思いますが、
    ご教示いただきありがとうございます。後ほど確認いたします。

    もう一点Panetteriaについて確認させていただきたいことがございます。
    inc/template-functions.php
    上記をPanetteria Childにコピーし修正したのですが内容が反映されません。

    Welcart Panetteria1.1.6ドキュメント「子テーマ作成方法」に記載の通り書き換えております。
    他にしなければいけないことがありましたらご教示いただけますと幸いです。

    お手数をおかけしますが、よろしくお願いいたします。

    #90810
    yasumax
    キーマスター

    こんにちは。

    トピックタイトルと異なる質問の場合は、新しくトピックを立て直していただけると助かります。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。