WordPressで画像が表示されない時のチェックポイント|プラグインやその設定など

WordPressで画像が表示されない時にチェックすべきポイント

WordPressで画像が表示されない時のチェックポイント
プラグインやその設定など・・画像が出ない不具合解消

このページ(ブログ)はWordPressで作成。
画像が表示されない、テーブルが崩れる・・
表示に関する不具合を修正しました。

WordPress(ワードプレス)はブログ記事管理システムとしてとても良い評判なので、独自ドメインを取って、副業に関するブログを始めてみようと手を出したのがきっかけです。ようやく少し操作にも慣れ、専門的な事も勉強しながら覚えていきたいなあ、と思っている所なのですが・・・

が、画像が表示されてない(汗)
当然、画像バナーでの広告のクリック率に致命的。
これは、完全に解決しなければ・・・

画像が表示されないのは何となく気付いていたのですが、
結構な期間、放置していたのには訳が有ります。

赤レ点WordPressにログインしてる状態でプレビュー
└問題なく、表示される

赤レ点WordPressからログアウトした状態で閲覧
└画像表示されず、テーブル表示崩れ

記事や固定ページを作成する際、WordPressにログインしているのは当たり前ですよね。ある程度作成(入力)して『下書きとして保存』⇒『プレビュー』で、レイアウトや画像のバランス、段落などを見ますよね。

そして、記事内容を入力し終え、カテゴリーの指定やタグの入力、タイトル、ディスクリプション、キーワード、アイキャッチ画像など、『公開』前に全て整えて、『下書きとして保存』しますよね?

そして、下書きをプレビューして、問題が無かったら
『公開』して、もう一度全体を見る。
問題や誤字脱字が有ったら『修正』する。

こんな流れで、1記事完成ですよね?
まあ、スマホ表示確認もするので、Chromeでf12も押して・・
レスポンシブ表示の具合も確認しますよね?

だが・・
これだけじゃ、ダメだった。

特にワードプレス表示高速化プラグインをインストールしてる方は、そのプラグインの設定次第で困った事になっている可能性が高いです。客観的に自分のWordPressブログを見てみてください。

副業収入が”ダダ洩れ”!
画像が表示されていない恐怖の事態を修正

矢印WordPressからログアウトして

自分のWordPressサイト・ブログを客観的に閲覧する際は、必ずWordPressからログアウトしてください。ウィンドウを閉じれば勝手にログアウトするから大丈夫だろう、と思いがちですが必ず手動でログアウト!

そして、複数のブラウザ・端末で閲覧してみましょう。
パソコンで見て、スマートフォンでも見て、
InternetExpolerで見て、GoogleChromeで見て、
キャッシュも削除して見てみる。

Autoptimize
WP Fastest Cache
など高速化プラグインを使用している場合は・・
必ずキャッシュを消去してから、閲覧する事。

ここで、チェックしておくべき事は・・

▼目次(Table of Contents Plus)
└表示/非表示出来ますか?
▼画像・バナー
└きちんと表示されていますか?
▼テーブル
├カラムからはみ出したりしていませんか?
└色やスマホ表示は大丈夫ですか?
▼ページトップへの矢印(右下の↑こんなの)
├テーマに付属の物、機能していますか?
└Dynamic to Topなどのプラグイン、機能していますか?
▼メニューなどの「折り畳みメニュー」
└きちんと機能していますか?
▼全体の色・配置・文字サイズなど
└設定した通りに表示されていますか?
▼Crayon Syntax Highlighterなどコード表示プラグイン
└Page Builder by SiteOriginと併用出来ません。

Crayon Syntax Highlighter
残念な表示は以下で確認出来ます(恥)

さて、WordPressで作成したページは表示が重くなりがちなので、表示の高速化を狙って(Google Pagespeed Insightsで測定して文句言われたばっかりに)意地になって高速化プラグインを入れてみたのですが、結果的に私は今現在のページ(テーマはGenerate Pressというテーマです)で以下のような問題にぶち当たりました。

▲画像が表示されない
└ログアウト時、検索から見て表示されず
▲目次に表示/非表示が出ない
└目次が開きっぱなしで閉じられない
▲テーブルがカラムから突き出た
└無理やり使った自分が悪いんですが・・

画像が表示されないのは、
本当に”致命的”です。

「ここからダウンロード」って・・
ダウンロードボタン無ぇじゃねえか!!

しかも、ログイン時は問題なく表示され、
オフラインの時は表示されないのがタチが悪い。

画像が表示されない時は・・
高速化プラグインを真っ先に疑う

このページ(ブログ)では以下のような「WordPressブログの表示高速化に効く」とされるプラグインを使用して、GoogleSpeed Insightsでモバイル90点超えを目指して来ましたが、止めました。

画像が出なきゃ、本末転倒。
ある程度の表示スピードなら、
記事量優先が良いと判断。

客来てるのに、商品が見えないって・・
そんな事、断じて有ってはならない。

という訳で、以下のようなプラグインを疑って、一つずつ使用/停止を行いつつページ表示スピードの測定と、WordPressへのログイン/ログアウト~複数ブラウザ・ガジェットでの閲覧を繰り返し行い、どんなアクセス状況でも画像が表示され目次がきちんと表示されテーブルの表示崩れも起こらない状態にしました。

EWWW Image Opitimizer
└問題なく継続使用
Lazy Load
└問題なく継続使用
WP deferred javaScript
└使用を停止
JavaScript to Footer
└使用を停止
Head Cleaner
└使用を停止
Autoptimize
└使用を停止
WP Fastest Cache
└設定により表示が乱れる

・Autoptimize
└私のような初心者(??)にはとても良いプラグインなのですが、WP Fastest Cache一本で行こうという事、設定によっては簡単に500エラーでページが表示されない事態ともなる為、泣く泣く外しました。

・WP Fastest Cache
└トラのマーク(チーターなんだそうですね)が勇ましいプラグイン、Premiumを購入している手前、このプラグインだけは外せない。ただし、設定次第で「画像が表示されない」「目次の表示が崩れる」事が判明。

※注意※

これはプラグインが悪いのではなく、テーマとプラグインの相性及び、当方の知識不足・理解力不足です。私は明確に「頭が悪い」ので、画像が表示されず結果的に副業収入を逃していたのも、全て私自身の至らなさです。

WP Fastest Cache
WP Fastest Cacheの設定状況です。
2つとも、泣く泣く外しました・・・
有料版「Premium」導入済みの画面となります。

画像は「全てクリアした」、つまり・・
『画像がどんなアクセスの仕方でも表示され』
『目次の表示・非表示の切り替えができ』
『無理やりなテーブルも、カラム内に収まる』
スマートフォン表示でも問題無い設定の画像です。

HTMLを強力に圧縮
└これがTOC+(Table of Contents Plus・目次)の表示/非表示のスイッチを隠しており、ONからOFFにする事で目次本来の”表示/非表示”のスイッチが表れてくれました。また、テーブルがカラムを突き出して右のウィジェットエリアまで出っ張ってしまう症状も改善しました。(無理矢理テーブルを使っているページが有るのですが、上手い事収まりました)

レンダリングをブロックするJavaScriptを・・
└これはページの表示スピードの高速化、という観点から見れば絶対にOFFにしたくないスイッチだったのですが・・・これをONからOFFにする事で、いかなるアクセス方法でも間違いなく画像が表示されるようになりました。画像が表示されないなど言語道断の事だと思いますので、表示速度に関しては目をつぶります。

結論とまとめ
プラグインには気を付けなはれや!

無料でこのような素晴らしいプラグインを提供してくださっている方々には本当に感謝です。また、皆様が提供してくださっている素晴らしい機能を使いこなせない頭の悪さ加減、本当に申し訳ありません。。。

WordPressのプラグインは本当に便利なのですが、テーマとの相性で致命的な表示の不具合を引き起こしている事が有ります。特にcssを結合/圧縮、Javascriptを結合/圧縮等の機能を持つ、ページ高速化に寄与してくれるプラグインは『第三者の目で、表示の確認を行う』事が重要な作業なのだなと痛切に感じました。

特に「画像が表示されない」事によって・・せっかくの訪問者のアクセスを、副業収入に繋がる貴重なチャンスを逃していたと考えると、ゲスの極み、もとい、痛恨の極みです。勿体ない事をしました。

また、ページの表示を少しでも高速化したいが為に、様々なプラグインを重複して使用したり、設定を変更したのに確認を怠った事は反省点として、また違うページ作成の際には活かさねばなりません。

この記事も作成し終わったら、
早速WordPressからログアウトして、確認してみる事にします。

【詳しくはボタンをクリック】

副業で即日収入・スマホで副業出来ます
【詳しくは画像をクリック】

主婦・女性に人気の在宅副業特集です
副業で1日1万円稼ぐには?|日給1万円稼げる安全副業・サイドビジネスで1日1万円を稼ぐ事は可能か?ネットが発達した現代では難しい事ではありません。 副業-スマホやパソコンで時給の高い在宅副業空いた時間に入力作業で稼ぐ事が出来る完全在宅型の副業ビジネスです。全国から応募お待ちしています。 副業の募集|契約金付き文字入力の副業「在宅副業」の募集。 副業で12万円~18万円 本業として月収35万円~50万円程度、18歳以上の方。 デコシール副業の募集|シール貼りの在宅副業女性・主婦NO.1人気の副業「やってみたい」「私にもできそう」と大変人気が高まっている副業です。
副業の募集|テープ起こしで高収入・契約金付き自宅の副業で稼ぎたい方を募集しています。時給換算で4200円~のテープ起こし・文章起こし業務です。在宅副業として月収50万円も可能。 副業の募集|封筒の発送業務で毎日1万円稼ぐ発送した時点で報酬が確定!ご自宅で”封筒の発送”をして頂く副業の募集。1通あたり1000円~高い単価が自慢の副業です。高齢者にも人気! 葉書発送で稼ぐ時給の高い副業副業としては高額の報酬も稼げる葉書の発送のお仕事。ご自宅作業~発送・1通あたり800円!副業で稼ぎたい方を全国から募集中! 副業の募集|塗絵製作の在宅副業-緊急募集在宅で副業をお探しの方、塗絵製作の緊急募集です。簡単な作業で報酬が高めな副業の為、とても人気が有ります。初心者の方も大歓迎!