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

[weluser]

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

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

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

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

[yasumax]

こんにちは。

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

[weluser]

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

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

[yasumax]

こんにちは。

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

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

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

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

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

[weluser]

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

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

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

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

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

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

[yasumax]

こんにちは。

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

[投稿者]

投稿