PC / web ブログ記事一覧

wordpress で画像が表示されない 解決方法

投稿日:2020-02-18 更新日:

解決方法

Google Chromeのconsoleでエラー原因を確認
画像が表示されないというのは、何かしらwebページにエラーが出ているということなので、それを確認するのが解決への一番の近道です。Google Chromeにはwebページのバグを発見する
メニューの「表示 > 開発/管理 > デベロッパーツール」をクリックしましょう
(command(ctl) + option(alt) + i のショートカットなら一発で表示できます)。

表示された画面の「console」でエラーを確認しましょう。おそらく画像に関するエラーが表示されているはずです。

console
リンク切れの画像のパスを別画面の表示すると「.pagespeed~.webp」と見慣れない拡張子がついていました。

photo_path

サーバに設定されていると自動で画像のリサイズが行われて、リサイズされたパスに飛ばされる仕組みのようです。

「Webサイトのコンテンツを最適化し、表示速度の向上および転送量の軽減を図ります。」の記載に踊らされ設定をONにしたのを思い出しました。

このブログ記事を載せていただき助かりました。

私の場合は

AMPのアナリティクスで画像のサイズがサイトの表示スピードを落としていると出たので、色々消したり設定を変えている間に

AMPのtemplates mode というのをreader からスタンダードへ変えていました その設定を変えた事を この ブログを読みながら思い出し、無事画像が表示でき、ツイッターのカードリンクも貼れるようになりました。

この設定はバツ

こっちが正解でした。

みなさんもお困りのことをこのリライトブログで解決できればと思いわたしも備忘録しました。

-PC / web, ブログ記事一覧

執筆者:hideki


comment

メールアドレスが公開されることはありません。

関連記事

【バズりたい】ならまず〇△しろ!1日あたりのツイート数を増やす。

バズりたいならまず〇△しろ! その1 1日あたりのツイート数を増やす。 1日1ツイートで1ヶ月過ごした場合➡︎月間約9万〜10万インプレッション 1日10ツイートで1ヶ月過ごした場合➡︎月間約100万 …

ワンピースのゾロで行こう。【三刀流】自分自身をプロデュースして【ブランド化】する方法 ノウハウ 

こんにちは ひできい です。? 先日こんなツイートをしたんだけどね 自分自身をプロデュースして【ブランド化】する方法 ノウハウ ・ブログ発信 ・SNS発信 ・YouTube発信 それでは ブログで説明 …

【YouTube】【マイチャンネル】の【再生リスト】をジャンルごとに分けて滞在時間を長くしてもらう方法

YouTubeのマイチャンネル トップページをカスタマイズする方法 こんにちは ヒデキです。 YouTubeのマイチャンネルの トップページがデフォルトのままではないですか? せっかく訪ねてきてくれた …

とうとう発見!iPhone/iPadのショートカットアプリで「設定」→「画面表示と明るさ」→「自動ロック」を素早く開く方法【超時短術】

この記事では【自動ロックの設定画面】を一発で開くショートカットをiPhoneやiPadのホーム画面に作成する方法を紹介しています。 今まで(iOS11のiPhone6まで)は常に設定から「画面表示と明 …

ビジネスマンの為のアートの美意識。知っておきたい女性アーテイスト3選

こんにちは 先日Twitterでこのようなツイートをしました。 ビジネスマンの為のアートの美意識。知っておきたい女性アーテイスト3選 シンディシャーマン バーバラクルーガー バネッサビークロフト それ …

サイト内記事検索

最近の7日間で良く読まれている記事

公式ホームページ

www.hidekiiinuma.com

  • 最近アップした記事
translate