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

フォーラム

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

[解決済] バージョン: 2.7.8.2に更新したにも関わらず、画像のアスペクト比の不具合が起きている。

12 投稿
3 ユーザー
3 Likes
375 表示
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

「WP6.3で画像ブロックの表示比率が崩れるケースがある不具合への対処コードを(一時的な対策として)追加しました。」

上記の現象が起きているサイトです。

子テーマのバージョンは

SWELL CHILDバージョン: 1.0.0

①現在はこちらを有効化にしています。問題ありませんか?

更新した後に「画像のアスペクト比を自由に設定できる仕様」に変わったことで、不具合が発生しているように?思えます。

リストの低い具体的な対策を提示していただける助かります。

②バージョン2.7.8.2に再更新したいのですが、ファイルエディターの操作に躊躇しています。

③できれば、仕様変更される以前のバージョンに再更新したいのですが、可能でしょうか?

image
image
image
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
バージョン: 2.7.8.2
利用中のPHPバージョン
PHP: 7.4.33
OS
Windows10
利用中のWordPressバージョン
WordPress: 6.3
利用中のサーバー会社
Xサーバー
ブラウザ
chrome
利用中のプラグイン一覧

BackWPup
Contact Form 7
Enable Media Replace
FileBird Lite
Intuitive Custom Post Order
MathJax-LaTeX
XML Sitemap Generator for Google

 
投稿済 : 21/08/2023 9:22 am
skillsharejp
(@skillsharejp)
投稿: 988
SWELL高速化顧問
 
投稿者:: @beginner

①現在はこちらを有効化にしています。問題ありませんか?

子テーマで具体的に何を変更しているかによって左右されます。そのため単に子テーマバージョンだけでは、何も判断はできません。もし親テーマのファイルを上書きするようなカスタマイズがされていれば、そのカスタマイズ内容次第です。

投稿者:: @beginner

②バージョン2.7.8.2に再更新したいのですが、ファイルエディターの操作に躊躇しています。

再更新になぜファイルエディターが関わるのか、具体的に補足をお願いします。

投稿者:: @beginner

③できれば、仕様変更される以前のバージョンに再更新したいのですが、可能でしょうか?

6.3は色々と問題を抱えているので、例えば6.3.1がリリースされるまで6.2.2(または6.2シリーズ最新版)を利用するという方法もあります。

本件とは別ですが私も6.3を使用していたところ、SWELL無関係のサイトですがコアのバグと思われる症状で6.2シリーズに戻して使用しています。

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

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

 
投稿済 : 21/08/2023 2:08 pm
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

子テーマについて特段のカスタマイズはしていません。

ただ、それを確認する方法を調べたのですが、情報が見当たりません。

②今の段階では、どこに原因があるのか分からなかったので、質問候補に入れていました。

Wordプレス6.3に原因が考えれるのであれば、スウェルの再更新は不要です。

③「6.3は色々と問題を抱えているので、例えば6.3.1がリリースされるまで6.2.2(または6.2シリーズ最新版)を利用するという方法もあります。」

この方向性で対処したいのですが、その手続きの記事を調べている段階です。

もし、専門知識をお持ちでしたら比較的信頼性の高い記事のURLを教えていただければ助かります。

(過去に事例があって記事を紹介されたことがあれば、そちらを紹介していただいても大丈夫です。)

 
投稿済 : 21/08/2023 2:56 pm
skillsharejp
(@skillsharejp)
投稿: 988
SWELL高速化顧問
 
投稿者:: @beginner

もし、専門知識をお持ちでしたら比較的信頼性の高い記事のURLを教えていただければ助かります。

まあ幅広く普及したプラグインで設定も簡単なのでググれば色々と記事はありますが、信頼性が高いとしたらKinstaの記事でしょうか・・・

https://kinsta.com/jp/blog/downgrade-wordpress/

WP Downgradeと記載されている項目を確認してくだださい。

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

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

 
投稿済 : 21/08/2023 4:02 pm
beginner reacted
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

Kinstaの記事の紹介ありがとうございます!

ひとつ気になったのですが、

 wp-adminwp-includesディレクトリ」が何者なのか、よく分かりません。

他の記事では記載されていない工程なだけに、ちょっと不安です。

削除しても良いモノなのか?削除したほうが良いモノなのかで判断に迷っています。

wp-adminとか、名前が存在感を出しているので)

検索はしたものの、予備知識ゼロなので「何のことだか・・・」という感じです。(^_^;)

「本当に消して良いか?」で不安になっているだけです。詳しい方はおられますでしょうか?

image
image
 
投稿済 : 21/08/2023 6:51 pm
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

ビギナーです。

FHPを使ってワードプレスver.6.2.2への更新に成功しました。

しかし、添付画像のアスペクト比の不具合は改善されませんでした。

何か手立てはありますでしょうか?

それとももう少し古いバージョンを試したほうが良いのでしょうか?

改善のために良いアドバイスをお聞きしたいです。

よろしくお願いいたします。

image
image
 
投稿済 : 21/08/2023 8:21 pm
skillsharejp
(@skillsharejp)
投稿: 988
SWELL高速化顧問
 
投稿者:: @beginner

 wp-adminwp-includesディレクトリ」が何者なのか、よく分かりません。

WordPressの基本的なファイルなので普通は触らないし、そこをいじる事はほぼありません。(その他WPの基本については書籍を読むなり、ガイド記事を検索するなりしてご対応ください。)

WP Downgradeを使うとそもそもFTPでサーバーを見る作業は一切発生しませんが、6.2.2へダウングレードされたということなので終わり良ければ全て良し・・・でしょうか。

投稿者:: @beginner

FHPを使ってワードプレスver.6.2.2への更新に成功しました。

しかし、添付画像のアスペクト比の不具合は改善されませんでした。

アスペクト比は6.3で導入されたので、6.2.2で類似症状が出るということは何でしょうかね・・・他の方から何かヒントをいただけるか待ってみてください

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

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

 
投稿済 : 21/08/2023 9:03 pm
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

アスペクト比は6.3で導入された」ということであれば、さらに古いバージョンに落としても結果は同じ可能性が高いですね。

手作業で画像を修正を試みてはいるのですが、数が半端ではないので辛いものがあります。

(数日掛かります。しんどいです。)

解決策の切り口を変えて「画像を一括選択してサイズ変更」みたいな方法があれば、教えていただきたいです。

 
投稿済 : 21/08/2023 9:35 pm
サブロ
(@windorz)
投稿: 87
メンバー
 

現在もimgタグにstyle属性が付いているので、WP6.3のままではないかと懸念します。

アスペクト比が問題だというのであれば、以下のCSSで無効化すれば元の表示に戻ると思います。

 

.wp-block-image img { aspect-ratio: unset!important; }

 
投稿済 : 22/08/2023 1:56 pm
beginner reacted
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

サブロさんCSSコードの提供ありがとうございます!

とりあえず、コード追記→画面表示を確認→解消されました。

(非常に非常に助かりました。感謝です!)

応急処置ではありますが、当面の間はブログ活動に専念できます。

次回のワードプレスの更新で解消されることを願いたいですね。

 
投稿済 : 22/08/2023 5:08 pm
サブロ
(@windorz)
投稿: 87
メンバー
 

最新のSWELLをご利用で、styleにaspect-ratioが追加されてるのですが、その計算に使用しているwidthとheightが実際の画像サイズとあってないので、aspect-ratioも間違ったものが設定されているようです。

なぜ、imgタグのwidthとheightが実際の画像サイズと違うのかはわかりませんが、その部分を解消する必要があると思います。

 

imgタグのwidthとheightのアスペクト比があっていないと、lazyloadでCLSが悪化します。

 

 

 
投稿済 : 22/08/2023 5:40 pm
beginner reacted
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

ありがとうございます。いろいろと勉強になります。

WP6.3以前に作成した記事ではあるのですが、添付している画像は「フルサイズ」にした後に数値を入力してスケールダウンしています。

一度フルサイズにする理由は、投影する端末によっては画像がピンボケして見づらくなってしまうからです。

アスペクト比が縦長になるのは、そういった画像が多いものの例外もあるため、何とも言えません。

サブロさんのおっしゃる「imgタグのwidthとheightが実際の画像サイズと異なる」ことと、

それの因果関係があるかどうかは私には分かりませんが、エディタの方からもアスペクト比の数値を確認してみます。

 
投稿済 : 25/08/2023 4:47 pm
共有: