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

フォーラム

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

投稿済みの記事に新規画像を挿入・更新すると、既に挿入していた画像の縦横比が崩れてしまう

3 投稿
2 ユーザー
0 Likes
172 表示
kazunoko-anko
(@ryohkyoh0611)
投稿: 13
メンバー
Topic starter
 

SWELLアップデート後、以下の現象が発生したため報告させていただきます。
(WordPressは自動更新されてしまうので、そちらが原因かもしれません)

【不具合内容】
既に投稿済みの記事に新規画像を挿入・更新すると、
元々記事内に挿入していた画像の縦横比が崩れて表示されてしまう。

※PCでは問題なく、スマートフォン(iPhone)で閲覧した場合のみ起こります。
※投稿・編集作業はPCから行っています。

ほとんどの場合、縦横比が崩れてしまった画像を削除し、新規に画像を挿入すると直ります。
(ただ、かなりの手間です…。)

リッチカラムの中に挿入している画像の一部のみ、上記方法でも直りませんでした。

【補足】
今回のアップデートだけでなく、前回のアップデート後にも同じような現象が発生していました。

具体的には、前回のアップデート後は
「8月上旬のWordPressアップデート以前に投稿済みの記事に新規画像を挿入・更新した場合」
に同現象が発生していて、
たとえば「10月に投稿済みの記事に新規画像を挿入・更新した場合」は問題がありませんでした。
(元々挿入していた画像の縦横比が崩れない)

ですが今回のアップデート後は、
「8月のアップデート以降に投稿した記事に新規画像を挿入・更新した場合」
にも上記のような現象が発生しています。

 

※追記
不具合の規則性・傾向および一時的な対処法を見つけたので追記します。
(この投稿の返信に記載したものと同じ内容です)

【不具合の規則性・傾向】
■既に投稿済みの記事に挿入されている画像について、
 アスペクト比が「元のサイズ」と「カスタム」のものが混在している
(8月上旬のWordPressアップデート以前に挿入した画像が「カスタム」になっていると思われるが、
 最近挿入した画像でもなぜか「カスタム」になっているものもある)
■上記の状況において、投稿済みの記事を編集すると、
 スマートフォンで閲覧した場合の画像の縦横比(アスペクト比)が崩れてしまう
■表示比率が崩れる画像は、元々のアスペクト比が「カスタム」だったもの
■編集=「画像を挿入した時」だけでなく、「文字を編集した時」にも上記不具合が発生する
■比率が崩れた画像のアスペクト比を「元のサイズ」に修正すると、正常に表示される
 または、新たに同じ画像を挿入しても正常に表示される
 (新規挿入時、アスペクト比は「元のサイズ」になっている)

IMG 1346
IMG 1348
IMG 1343
IMG 1342

 

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
利用中のSWELL本体のバージョン
2.8.1
利用中のPHPバージョン
7.4.33
OS
iPhone
利用中のWordPressバージョン
6.4.1
利用中のサーバー会社
ConoHa
ブラウザ
Safari
利用中のプラグイン一覧

BackWPup (v.4.0.1)
Broken Link Checker (v.2.2.3)
Category Order and Taxonomy Terms Order (v.1.7.9)
ConoHa WING コントロールパネルプラグイン (v.1.1)
ConoHa WING 自動キャッシュクリア (v.1.0.0)
Contact Form 7 (v.5.8.3)
Customizer Export/Import (v.0.9.6)
Edit Author Slug (v.1.9.0)
EWWW Image Optimizer (v.7.2.1)
Instant Indexing (v.1.1.17)
Rinker (v.1.10.2)
SEO SIMPLE PACK (v.3.2.1)
SiteGuard WP Plugin (v.1.7.6)
Useful Blocks (v.1.7.4)
WebSub (FKA. PubSubHubbub) (v.3.1.3)
Wordfence Security (v.7.10.7)
WP External Links (v.2.59)
WP Revisions Control (v.1.4.3)
XML Sitemap Generator for Google (v.4.1.13)

This topic was modified 3か月前 2回 by kazunoko-anko
 
投稿済 : 23/11/2023 9:40 pm
skillsharejp
(@skillsharejp)
投稿: 924
SWELL高速化顧問
 

こちらの既存トピックと似ているのですが、また別の現象でしょうか?

https://users.swell-theme.com/forum/postid/8182/

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

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

 
投稿済 : 24/11/2023 12:00 am
kazunoko-anko
(@ryohkyoh0611)
投稿: 13
メンバー
Topic starter
 

ありがとうございます。
既存トピックを拝見しました。
SWELLではなくWordPressの仕様による不具合かもしれませんね。

画像のアスペクト比が崩れるという現象、
また根本原因(WordPress 6.3の機能?)は同じかと思われますが、
発生する状況が異なるようです。

既存トピックで了さんもコメントしてくださっている通り、
SWELL 2.7.8.2で概ね対処していただいていると認識しております。
具体的には、
■対処前は投稿済みの記事すべての画像のアス比が崩れていたが、
■対処後は投稿済みの記事を編集・更新した場合のみアス比が崩れる
(編集しない限りは崩れない)という状況です。

SNSなどで調べたところ、同様の事象に悩んでいる人はいるようですが、
根本的な解決策は見つかっておらず、皆さん手作業でひとつずつ画像を修正していらっしゃるようです。

以下、不具合が起きる具体的な状況および規則性と、
一時的な対処法を見つけましたのでご報告いたします。

【不具合の規則性・傾向】
■既に投稿済みの記事に挿入されている画像について、
 アスペクト比が「元のサイズ」と「カスタム」のものが混在している
(8月上旬のWordPressアップデート以前に挿入した画像が「カスタム」になっていると思われるが、
 最近挿入した画像でもなぜか「カスタム」になっているものもある)
■上記の状況において、投稿済みの記事を編集すると、
 スマートフォンで閲覧した場合の画像の縦横比(アスペクト比)が崩れてしまう
■表示比率が崩れる画像は、元々のアスペクト比が「カスタム」だったもの
■編集=「画像を挿入した時」だけでなく、「文字を編集した時」にも上記不具合が発生する
■比率が崩れた画像のアスペクト比を「元のサイズ」に修正すると、正常に表示される
 または、新たに同じ画像を挿入しても正常に表示される
 (新規挿入時、アスペクト比は「元のサイズ」になっている)

【補足】
最初の投稿で
「リッチカラムの中に挿入している画像の一部のみ、上記方法でも直らなかった」
としたものにについて、修正できました。
リッチカラムに挿入している画像の中で、この画像だけアスペクト比が「カスタム」になっていたようです。
他の画像同様、アスペクト比を「元のサイズ」に修正すると正常に表示されました。

ひとまずは個別に画像を修正して対応しつつ、
より具体的にどういう状況で不具合が発生するのか分かれば報告させていただきます。

 
投稿済 : 24/11/2023 10:15 am
共有: