Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

WindowsのIE(訂正:Edge)...
 
共有:
通知
すべてクリア

[解決済] WindowsのIE(訂正:Edge)で全ての画像が表示されない

16 投稿
3 ユーザー
5 Reactions
15.2 K 表示
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
トピックスターター  

いつもお世話になっております。

WindowsIEで見ると、全ての画像が表示されていませでした。普段はWindowsを使っていないので、いつからこのような状態になっていたのかは わかりません。

 

自分でやってみたことです。

プライベートブラウジングで確認
Cocoonとブラウザのキャッシュのクリア
プラグインの停止

 

サイトのURLです。
https://xn--w8jte276hx5vdnebu3f.com/

どうぞよろしくお願いいたします。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

僕のIE環境では問題なく表示されているようです。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

IEのバージョンはこちら。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

Windows 10のInternet Explorer 11でWebページの画像が表示されない場合の対処方法

ie 画像が表示されない windows10 で検索した結果ですが。Win10やIEバージョンは任意のもので再検索してみるとか?

僕のIE環境では問題なく表示されているようです。

私も確認したら、キチンと表示されてるようです。原因はなんでしょうね!?


   
わいひら reacted
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
トピックスターター  

かうたっくさん、わいひらさん
申し訳ありません!><

IEだと思っていたのですが、Edgeでした。。。情けなさすぎです
違いが良く分かっていませんでした。

確認していただいたのに、本当に申し訳ないです。

Edgeでみると、全ての画像が表示されていません。
Lazy Loadを無効にしても状態はかわりませんでした。

すみません… Edgeで確認していただいてもよろしいでしょうか。
どうぞよろしくお願いします。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

Microsoft EdgeでWebページが正常に表示されない場合の対処方法

検索したらこんな感じのページがヒットされました。上記同様、表示されない原因をチェックいただけますか。

 

https://wp-cocoon.com/category/theme/

現状は上記をチェックすれば、カルーセルだけ画像が表示されないようです。

こちらは皆さんの書き込みのおかげで、すぐ改善される可能性が高そうですが…?現状は不明です ? 

Lazy Loadを有効にするとMacでカルーセルが表示されない/#post-12284


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

かうたっくさんが書き込まれたトピックの修正版をアップしました。

https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

一旦上記ファイルでアップデートして試していただけますでしょうか。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

現在、手元にEdge環境がないので明日試してみます。
一点確認なんですが、画像のLazy Loadを無効にするとEdge環境で表示されますか?

またよろしければ、以下の環境情報もいただけますでしょうか。
https://wp-cocoon.com/theme-report/


   
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
トピックスターター  

かうたっくさん

ご親切に調べて下さってありがとうございます。
記事に書かれていることをやってみたのですが、画像は表示されませんでした(T_T)なんでだろう…

 

わいひらさん

ありがとうございます。
画像のLazy Loadを無効にしても、Edgeで画像は表示されない状態です。

さきほど、cocoonから他のテーマに変更してみたのですが、画像は表示されませんでした。
なので、わたしのサイトに不具合があるのかもしれません。

すみません…、一度見ていただいてもよろしいでしょうか。
どうぞよろしくお願いします。

----------------------------------------------

サイト名:http://xn--w8jte276hx5vdnebu3f.com&source=gmail&ust=1549977827504000&usg=AFQjCNGuuLEZmCSaCHRlS3Gd9I71yRwin A">食べ歩き東京.com グルメ母娘のおいしいブログ
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:5.0.3
PHPバージョン:7.2.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja-JP
----------------------------------------------
テーマ名:Cocoon
バージョン:1.5.9
カテゴリ数:58
タグ数:71
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:0
ホームイメージ:/wp-content/uploads/2017/09/S__74326028.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.1
Broken Link Checker 1.11.5
Category Order and Taxonomy Terms Order 1.5.5
EWWW Image Optimizer 4.6.2
Google XML Sitemaps 4.1.0
PuSHPress 0.1.9
Redirection 3.7.3
SAKURA RS WP SSL 1.4.0
TinyMCE Advanced 5.0.1
WP Multibyte Patch 2.8.2
----------------------------------------------

   
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
トピックスターター  

一旦gmailに置いておいて コピペしたら余計な文字が入ってしまいました…。すみません。

サイト名:食べ歩き東京.com グルメ母娘のおいしいブログ
サイトURL: https://xn--w8jte276hx5vdnebu3f.com
ホームURL: https://xn--w8jte276hx5vdnebu3f.com
コンテンツURL:/wp-content

どうぞよろしくお願いします。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

私の環境と全く同じだと思うんですが、kchanさんのサイトだけEdgeで画像が表示されないんですよね。

画像の幅・高さのスタイルと、画像を囲むfigureってタグの装飾を切っていくと、バツ☒印が表示されてる。これもオカシクって謎なんです ? 

自分でやってみたことです。

プライベートブラウジングで確認
Cocoonとブラウザのキャッシュのクリア
プラグインの停止

このようにありますけど再度念のため、プラグインを停止後Cocoon設定・高速化にある、『ブラウザキャッシュのクリア』とEdgeのキャッシュの削除を行ってご確認いただけますか?

SAKURA RS WP SSL 1.4.0

このプラグインはSSL設定系ですよね。httpからhttpsに変更した直後は画像が表示されない事はあるんですが、相性もどうなのかな?とか思ったりします。

  • 全停止して、スタイルの干渉がウケないCocoon親テーマで表示
  • 次にデフォルトで表示してEdgeで確認
  • それでも表示されない場合サーバーに、行った事をすべて報告して見るのが良い気もします。

 

kchanさんのサイト以外ではEdgeで表示された。との書き込みを見たので、

  • Edgeでバツ印が出る原因を一通り検索して、サーバーサイドでチェックしてもらうのも良いかも知れないですね。

****

プラグイン停止の前後に、wp-contentフォルダと同じ階層にある.htaccessファイルを見比べて、違いがあるかご確認いただいて報告しても良いかもしれません。関係ないっぽいですが一応。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

kchanさんのサイトをEdgeで見てコンソールを開くと以下のようなエラーメッセージが表示されていました。

HTTP403: 禁止されています - サーバーは要求を理解しましたが、その要求の処理を拒否しています。

僕のサイトは問題なく表示されたので、何かサーバー側で問題があるのではないかと思います。
例えばWAFとか、その他にも理由は考えられます。
詳しくは、エラーメッセージを検索してみて、出てくる対策を試してみてください。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

Edgeで当サイトは問題なく表示されていました。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

もし仮にWAFであれば、Edgeの何かしらの通信が誤認して、画像を閲覧拒否をしてるかもしれない??っていう可能性があるかもって事で、以下をチェックしてみてください。

https://help.sakura.ad.jp/hc/ja/articles/206206661-Web%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%95%E3%82%A1%E3%82%A4%E3%82%A2%E3%82%A6%E3%82%A9%E3%83%BC%E3%83%AB-WAF-%E3%81%AE%E8%A8%AD%E5%AE%9A

もしそうであれば、検知ログが膨大?多めかもしれないですね。他のさくらサーバーの人から報告がないので、不明ですけど?

WAFを停止して10分だか20分後くらい、設定変更が反映した頃に、再度Edgeからアクセスしてチェックしてみると良いかもしれませんね。


   
わいひら reacted
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
トピックスターター  

かうたっくさん、わいひらさん、ありがとうございます。

画像が表示されるようになりました!ご心配をおかけしました。

原因は、私が作っていました。
画像ファイルのあるディレクトリにhtaccessを置いて、それをどこに置いたか分からなくなっていました。申し訳ないです。

以下、初心者で管理がスボラな私の 長々とした今回の経緯(言い訳)です。。。

4年位前に、記事全文と画像を直リンクでミラーサイトにコピーされることが続きました。そのときに対策として、画像ファイルのディレクトリにhtaccessフォルダを作りました。

ミラーサイトは、幾つかのサイトからDMCA侵害の申立をされて、1年位でサイトが自体がなくなりました。

それから、1年くらい過ぎて、何故か私はルート階層のhtaccessに 直リンク禁止を追記したと思うようになっていました。(何故そう思ってしまったのか自分でもわかりません…)

当然、上位層のhtaccessを開いても、そういった記述はないので、「あれ?書いたはずなんだけど、なくなってる。それとも上手く保存出来ていなかったのかな?」くらいで、気にもしていませんでした。

で、今回 画像が表示されない不具合を見つけることになります。

この件で、お二人から頂いた

wp-contentフォルダと同じ階層にある.htaccessファイル

HTTP403: 禁止されています - サーバーは要求を理解しましたが、その要求の処理を拒否しています

のアドバイスで、やっぱり自分が置いたhtaccessファイルがどこかにあるのかもと思い、探してみました。

かうたっくさんがおっしゃった通り wp-content >upoladsフォルダにありました。

それを削除すると、画像が表示されるようになりました。

私が自分で招いた不具合に巻き込んでしまい 本当に申し訳なかったのですが、お二人のご教示がなければ 画像は表示されないままでした。

なので、本当にすみません、と同時に感謝しています!

かうたっくさん、親身になってたくさんのアドバイスを書いてくださり、本当にありがとうございました。

わいひらさん、サポート外にもかかわらず、サイトを見ていただきアドバイスを下さりありがとうございました。

無事に解決できて良かったです。ありがとうございました。

画像が表示されるって、いいですね!(*^^*)
今後とも どうぞよろしくお願いいたします。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

サーバー側で制限していたのであれば、あのエラーメッセージも納得です。
詳細なご報告ありがとうございます。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました