Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
テーブルにインライン画像と文字を入れる...
 
通知
すべてクリア

テーブルにインライン画像と文字を入れると、縦幅が広くなってしまう

5 投稿
3 ユーザー
1 Likes
93 表示
kazu
 kazu
(@crypto_kazu)
投稿: 6
メンバー
Topic starter
 

テーブルにインライン画像と文字を入れると、縦幅が広くなってしまいます。

横スクロールONにしているのですが、最後まで横スクロールすると縦幅は治ります

画像が入ってるセルのみなってしまいます

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページの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
山本大介
(@b4rskbe5)
投稿: 125
メンバー
 

目次の下にある横に長いテーブルですか?

多分ですが、後ろの方にある画像が 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
kazu
 kazu
(@crypto_kazu)
投稿: 6
メンバー
Topic starter
 

@b4rskbe5 ありがとうございます!解決しました!ほんとうに助かりました...!

 
投稿済 : 19/03/2024 2:46 pm
skillsharejp
(@skillsharejp)
投稿: 967
SWELL高速化顧問
 
投稿者:: @b4rskbe5

※ページ表示速度を考えても loading="lazy" で問題ないと思いますので、確認してみて現状と変わらなければ継続的に設定変更してみてください。

基本的にはしきい値を調整できるlazysizes.jsなどJSのlazyloadが有利です。ブラウザ版は規定のしきい値なので。

まあ今回の問題の対処としては一番簡単なルートでloading=lazyですかね。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 19/03/2024 5:49 pm
山本大介
(@b4rskbe5)
投稿: 125
メンバー
 

@crypto_kazu

良かったです!解決済みにしておいてください!

@skillsharejp

補足ありがとうございます!
今回のページの場合はそんなに影響ないかなという感じで書いてましたが、言葉足らずですね。すみません。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 19/03/2024 10:51 pm
共有: