前提・実現したいこと
前提(背景):
とある会社のWebサイト制作に取り組んでおり
現在HTML/CSSのマークアップ後の「WordPress化」の対応しております。
実現したいこと:
<img>タグで設定した写真を
WordPress上で表示させること。
発生している問題・エラーメッセージ
その中で、HTMLの<img>タグで設定した画像が上手く読み込まない現象が起きています。
状況としては、上記の小さな写真の図が表示されている状態です。
該当のソースコード(HMTL)
<section class="margin"> <h2 class="my-2" id="merit">メリット</h2> <div class="row"> <img class="col-md-6 order-md-2 mt-5" src="img/merit.jpg width="100%" height="100%"> <div class="col-md-6 order-md-1 mt-5"> <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </div> </section>
試したこと
①ファイル名の確認
②タグの入力ミス確認
③画像ファイルの破損確認
④画像のアップロード確認
⑤回線の混雑時以外でも更新し確認
⑥画像パスの記載方法に誤りがないか確認
⑦拡張子が「jpg.jpg」のように重複していないか確認
補足情報(FW/ツールのバージョンなど)
WordPressのローカル環境は「Local By FlyWheel」を使用しております。
ご確認後、対応方法についてご教示頂ければ幸いでございます。
何卒宜しくお願いいたします。
回答2件
あなたの回答
tips
プレビュー