●前提・実現したいこと
wordpressのElementorに画像をアップロードしたい。
●発生している問題・エラーメッセージ
無料のフリー素材サイト(Pexels、O-DAN、ぱくたそ、写真AC、いらすとや)から画像をダウンロードしてElementor内でメディアを挿入してアップロードするのですが反映されません。
画像の大きさ(px)が関係しているのでしょうか?
pxの大きさは毎回最小にはしているですが……
お手数ですが解決策や対応策があれば教えてください。
ご検討宜しくお願い致します。
Web ブラウザのデベロッパーツールのコンソールにJavaScript のエラー等のメッセージは出ていないでしょうか?
WebサーバーやPHP のログになにかメッセージは記録されていませんか?
メディアライブラリでは
アップロード中
stock-vector-women-and-men-with-a-beginner-mark-2.jpg
サーバーの負荷が高いか十分なリソースがないため画像の後処理に失敗しました。もっと小さな画像をアップロードしてみてください。推奨する最大サイズは2500ピクセルです。
と記載されています。
Web ブラウザのデベロッパーツールのコンソールでは
util.js:231 Google Maps JavaScript API warning: KeyLooksLikeProjectNumber https://developers.google.com/maps/documentation/javascript/error-messages#key-looks-like-project-number
NA.j @ util.js:231
js?key=1&language=1&ver=4.3.0:82 Google Maps JavaScript API error: InvalidKeyMapError
https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error
_.Re @ js?key=1&language=1&ver=4.3.0:82
jquery-migrate.min.js?ver=3.3.2:2 JQMIGRATE: Migrate is installed, version 3.3.2
js?key=1&language=1&ver=4.3.1:155 You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.
nk @ js?key=1&language=1&ver=4.3.1:155
?elementor-preview=314&ver=1619003292:722 Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null
at HTMLDocument.wpforms_admin_bar_menu_init (?elementor-preview=314&ver=1619003292:722)
※以下省略
と記載されています。
後半が省略されているので、アップロード時にJavaScript でエラーが出ているのかわかりませんが、いろいろなJavaScript のエラーが出ているのは気になりますね。
WordPress のアップロードは、JavaScript を使うので、JavaScript の実行時に他のエラーに邪魔されているのかもしれません。
まずは、JavaScript のエラーを出ないようにひとつずつ修正した方が良いと思います。
何回も色んな画像を繰り返し試していたからだと思います。
デベロッパーツールのJavascriptのエラー箇所を一旦消してから再度ダウンロードしていった方がいいですか?
再度Elementor内でメディアを挿入してアップロードしたら反映されました!
アドバイス本当にありがとうございました。無事に解決しました。
回答2件
あなたの回答
tips
プレビュー