トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
テーブルにインライン画像と文字を入れると、縦幅が広くなってしまいます。
横スクロールONにしているのですが、最後まで横スクロールすると縦幅は治ります
画像が入ってるセルのみなってしまいます
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.8.1
利用中のPHPバージョン
7.4.33
利用中のWordPressバージョン
6.2.3
利用中のプラグイン一覧
All-in-One WP Migration
Copy Anything to Clipboard
Search Regex
SEO SIMPLE PACK
Site Kit by Google
Useful Blocks
Useful Blocks Pro-Addon
WPForms Lite
投稿済 : 16/03/2024 12:21 pm
目次の下にある横に長いテーブルですか？
多分ですが、後ろの方にある画像が lazysizes.js の影響でアスペクト比が 1:1 のダミー画像に置き変わっている影響で縦幅が横幅と同じ 150px で計算されちゃっているのだと思います。
スクロールしていくと実際の画像が読み込まれて高さが正しく計算されるので高さが直るのでしょう。
ですので、SWELL設定 → 高速化タブ → 遅延読み込み機能 → 画像等のLazyload を「loading="lazy"を使用する」にしてみてください。これで直ればビンゴです。
※ページ表示速度を考えても loading="lazy" で問題ないと思いますので、確認してみて現状と変わらなければ継続的に設定変更してみてください。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 16/03/2024 2:38 pm
skillsharejp reacted
※ページ表示速度を考えても loading="lazy" で問題ないと思いますので、確認してみて現状と変わらなければ継続的に設定変更してみてください。
基本的にはしきい値を調整できるlazysizes.jsなどJSのlazyloadが有利です。ブラウザ版は規定のしきい値なので。
まあ今回の問題の対処としては一番簡単なルートでloading=lazyですかね。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
投稿済 : 19/03/2024 5:49 pm
良かったです！解決済みにしておいてください！
補足ありがとうございます！
今回のページの場合はそんなに影響ないかなという感じで書いてましたが、言葉足らずですね。すみません。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
投稿済 : 19/03/2024 10:51 pm