ブログ作成

【ワードプレス】ブログのURLの前に『!』が出てしまったときの対処法を調べてみよう。(クローム用)

『!』マークが出てしまった…。

※私は普段Google Chromeを使っているので、Chrome用の対処法になります。

ブログのデザインや画像などを色々いじっていたら、ブログのURLに『!』マークが出てしまいました。

これは何かしらエラーが出ているということです。

『!』マークを押してみても対処法がわかりません…。

せっかくSSL化したのに『!』マークのままだと意味がありません。

そこで対処法を探してみました。

エラーの調べ方は?

1.『!』マークが出ているページでF12を押します。押すとページの詳細画面が出てきます。上のタブから『Console』を選択します。

2.Consoleにすると、↓の画面になります。この中の黄色い部分がエラーの原因です。

3.黄色い部分の中にエラーを引き起こしている原因のURLがありますので、クリックしてみましょう。

対処法は?

私の場合は2つとも画像が問題でした。

その画像を一度、ワードプレス上のメディアから削除しました。

そして、再度同じ画像をアップロードして、削除して画像が消えた場所に画像を表示し直しました。

すると無事に『!』マークが消えて鍵マークへ戻りました。

ひぃた
ひぃた
良かった、一安心…。笑

最後に

他にも対処法はあると思いますが、実際に私がやってみて上手くいったのでまとめてみました。

この方法であれば、簡単にエラーの部分がわかるので対処しやすかったです。

もしこの記事が、同じ問題で困っている方のお役に立てれば嬉しいです。

ではまた~!

ABOUT ME
ひぃた
ひぃた
のんびり屋の31歳。 きっと、皆様の役に立つ情報をご紹介しています。MIYOUを見て『〇〇してみよう!』と思っていただけると嬉しいです。真面目な記事、少しゆるい記事など色々書いています。
こちらの記事もおすすめ!