サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年8月2日 19:40
初めまして、Wordpressでサイトを作成しているのですが、知識がなくて教えていただきたいことがあります。
先日レンタルサーバーの移転を行ってから、サイトに画像が表示されなくなってしまいました。
いくつか試してみたことがあります。
・プラグインは全て更新
・Wordpressは最新であることの確認（5.4.2–ja）
・以前に追加した画像だけか否か。調査中に追加した画像も表示されず。
わかったこと。
プラグインの「EWWW Image Optimizer」無効化すると、画像が表示されますが、有効化すると再び画像画表示されなくなります。
「EWWW Image Optimizer」を一旦削除して再度インストールしても改善せず。
私の環境は次のとおりです
・MacOS 10.15.6
・Chrome 84
そもそも、サイト自体も未完成な状態なので、お見苦しいと思いますが、改善方法をご教示いただけると有り難いです。
お手数をお掛けいたしますが、宜しくお願いいたします。
トピックスターター 2020年8月9日 11:00
すみません。
自分で試したことを追加させていただきます。
Cocoon以外のテーマに変更すると、画像が表示されることが分かりました。
またテーマをCocoonにした場合でも、子テーマを使用しない場合は画像が表示されることが分かりました。
対象のサイトは下記となっています。
宜しくお願いいたします。
トピックスターター 2020年8月9日 12:42
リフィトリーさま
返信ありがとうございます。
手続きに不備あり申し訳ございませんでした。
高速化の無効を行いました。
また下記が環境情報となります。
宜しくお願いいたします。
===========
----------------------------------------------
サイト名：主婦が得をするには起業が一番
サイトURL： https://glicina.net/wp
ホームURL： https://glicina.net
コンテンツURL：/wp/wp-content
インクルードURL：/wp/wp-includes/
テンプレートURL：/wp/wp-content/themes/cocoon-master
スタイルシートURL：/wp/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.4.2
PHPバージョン：7.3.16
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.1.8
カテゴリ数：2
タグ数：1
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
EWWW Image Optimizer 5.6.2
----------------------------------------------
2020年8月9日 13:57
@fuji さん
「主婦が得をするには起業が一番」と「子育てママで専業主婦の私があっという間に起業して贅沢生活」との関係性が外部の人が見たときに、どうなっているのか、私も含めて、よくわからないと思われます。
トピックスターター 2020年8月9日 19:52
リフィトリーさま
色々とコメントいただいていましたのに返信が遅くなり大変申し訳ございませんでした。
まず私もCocoonの高速化設定を無効にしたことで、サイトのホーム画面にが賊が表示されていることが確認できました。
アイキャッチの設定については、ご教示いただいた設定がすでにされていました。
同じドメインの中に二つのテーマ存在している件ですが、ドメインは一つですが、実はWordpressを二つ使用している状態となっています。
サイト名：主婦が得をするには起業が一番
サイトURL： https://glicina.net/wp
サイト名：子育てママで専業主婦の私があっという間に起業して贅沢生活
サイトURL： https://glicina.net/zeitaku.blog/wp
サーバーの移転に関しては基本的には完了しているはずなんですが、リンク先やメニューの修正が必要になっている部分があるようなので順次対応しているところです。
サイトの関係性ですが、「子育てママで専業主婦の私があっという間に起業して贅沢生活」がブログとなっていますが、「主婦が得をするには起業が一番」をまとめページのように運営して、ブログの情報が埋もれないようにしたいと考えています。
また、ご教示いただきましたように、EWWW Image Optimizerの「遅延読み込み」設定を見直してみました。
一旦ここまでで、様子を見てみようと思います。
ありがとうございます。
画像ファイルののファイル名は翌日以降に確認させていただきます。
2020年8月9日 21:05
@fuji さん
アイキャッチの設定については、ご教示いただいた設定がすでにされていました。
ソースコードを拝見しますと、Cocoon設定のどこかで、アイキャッチ画像を非表示にするように設定されているような感じなんですよね。（変だなぁ・・設定場所が違うのかな？）
サーバー移転が問題なく完了している、とすれば、やはり、プラグインの 「WP Multibyte Patch」はインストールしておいた方が良いでしょうし、今回の件に限らず、画像をアップロードするときは、画像のファイル名は、半角のアルファベットとハイフンとアンダースコア以外は、使わない方が無難かと思います。
あと、Cocoonでアイキャッチ画像を設定する場合は、メインカラムのコンテンツ幅以上のサイズが必要かと思います。（fujiさんのサイトの場合は、メインカラムのコンテンツ幅が800pxなので、最低でも幅が800px必要ということになります）
アイキャッチ画像に小さなサイズを設定すると、他の場所に表示されるサムネイル画像が適正に生成されないみたいです。（ぼやけてしまう等々）
画像が表示されない件に話しを戻しますと、画像のファイル名をアルファベットにして、再アップロードして、記事編集画面で再設定してみると、表示されるようになるでしょうか？
わいひら reacted
2020年8月9日 21:18
半角のアルファベットとハイフンとアンダースコア以外は、使わない方が無難かと思います。
あと、半角の数字は使っても良いのではないかと思います。
2020年8月9日 22:51
@fuji さん
例えば、WordPress（ https://glicina.net/wordpress/）というページの画像では、表示されない画像のURLが、正しく設定されていないみたいです。
本来は、
src="https://glicina.net/wp/wp-content/uploads/2017/04/固定記事ID-2.png"
となっていなければいけないはずなのに、
src="https://glicina.net/wp-content/uploads/2017/04/固定記事ID-2.png"
となってしまっています。
2020年8月9日 23:00
@fuji さん
また、例えば、マウス操作を簡単説明！ (エイチttps://glicina.net/mouse_operation-description/)というベージでは、画像のURLが、プラグインのJetpackのPhotonという機能でよく使われるような、CDNっぽいアドレスになっていて、そのアドレスの一部に「zeitaku.blog」という別のブログのURLが入っているようです。
src="https://i0.wp.com/glicina.net/zeitaku.blog/wp-content/uploads/2019/04/%E3%83%9E%E3%82%A6%E3%82%B9%E8%A8%AD%E5%AE%9A%EF%BC%91.png?resize=984%2C280&ssl=1"
この投稿は4年前 5回ずつリフィトリーに変更されました
2020年8月9日 23:45
@fuji さん
私は、マルチサイトを作った経験もないし、サーバー移転の経験もないので、どなたか詳しい方が書きこんでくださるのを待つか、やはり、WordPressの移転、修復のプロに依頼した方が無難なのかもしれません。
トピックスターター 2020年8月10日 10:11
リフィトリーさま
詳細に分析していただき、本当に有り難うございます。
とても参考になります。
昨日までにご教示いただきました、EWWW Image Optimizerの「遅延読み込み」設定を変更した後に、一旦Cocoonの高速化設定を行ってみました。すると、サイトのホームに画像が表示されたままの状態になりました。
その他の画像ですが、リフィトリーさまにご確認いただきましたように、そもそもの設定が正しく無いような箇所があるようです。
こちらにつきましては、HTMLを確認しながら地味に修正作業を行っていこうと思います。
今回のサーバー移転は自分で行ったのですが、やはり、難しいことがわかりました。
勉強のため、もう少し自分で試行錯誤してみたいと思います。
今回は色々とお時間をかけていただき本当に有り難うございました。
また、分からないことがあった際には、ご面倒をお掛けいたしますがご教示のほど宜しくお願いいたします。
2020年8月10日 10:26
@fuji さん
今回のサーバー移転は自分で行ったのですが、やはり、難しいことがわかりました。
サーバー移転だけでも難しい部分が多いのに加えて、マルチサイトであることで、更に難しさが増しているように思います。
両方を熟知していらっしゃる方は、少ないのではないかと推測します。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。