サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
02/06/2022 9:56 pm
アイキャッチ画像が貼れなくなりました。サイズは７２kのjpeg
プラグイン：EWWW Image Optimizerを無効化したら貼れるようになりました。しかし、無効化したらヘッダー画像の高さが調節できなくなりました。
どなたか同じ症状の方はいらっしゃいませんか？
03/06/2022 12:59 am
satomisuさん
正直、どういう事象を仰っているのか、分かりませんでした。
アイキャッチ画像が貼れなくなりました。サイズは７２kのjpeg
プラグイン：EWWW Image Optimizerを無効化したら貼れるようになりました。
これは、編集画面からアイキャッチの設定ができないということでしょうか。
それとも、編集画面から設定したものの、実際のページ表示にはアイキャッチが表示されていなかったということでしょうか。
ちなみに、私も試してみましたが、どちらも再現しませんでした。
なお、後者であれば・・・ですが。
「EWWW Image Optimizer」の「遅延読み込み」機能を無効化すると良いかもしれません。
WordPress 5.5以降は、ネイティブLazyLoad（遅延読み込み）に対応しており、プラグインの機能は必要としないはずです。
むしろ、機能重複・機能衝突で、不具合が起きがちです。
無効化したらヘッダー画像の高さが調節できなくなりました。
こちらも、どういうことなのか、事象の詳細をご説明いただくのが良いと思います。
ちなみに、お問い合わせの際には、フォーラム上部の案内の通り、「環境情報のご提示」「高速化の無効化」などをお願いしています。
書き込みの前に以下の3点をご確認ください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
ご協力をお願い致します。
事象を詳しくご説明いただけると、詳しい方が返信してくださると思います。
（可能性は上がるかと。）
こんな時間ですので、私は休みます。
わいひら reacted
03/06/2022 1:34 am
もしかすると、ヘッダーの件は、以下の青い部分（ヘッダー下）のことを仰っているのでしょうか・・・。
上記は画面幅が1320pxくらいの場合です。
画面幅を1920pxにすると、以下のような感じ。
ヘッダー画像と、ヘッダーロゴの両方を設定なさっている様子。
とりあえず、ヘッダーロゴを消して、以下を追加してみました。
.header {
height: 33vw;
}
ヘッダー画像が、1500px × 500pxでしたので、割合はあわせました。
すると、以下のような表示にはなりました。
幅が1320pxの場合。
幅が1920pxの場合。
やってはみましたが、お問い合わせ内容が分かりませんので、こういうことかどうか・・・。
とりあえず、本当に休みます。
わいひら reacted
Topic starter
03/06/2022 8:15 pm
mk2さん、お忙しいところ返信ありがとうございます
「EWWW Image Optimizer」の「遅延読み込み」機能を無効化にしたところ改善されました。
先ほどまでは編集画面からアイキャッチ画像を設定したですが、実際のページに表示がされていませんでした。
ヘッダーについては、もうちょっと自分で調べて頑張ってみます。自分は本当に何も分かっておらず、ヘッダー画像とロゴもとりあえず２つ入れとけば良いのかぁぐらいの感じでサイトを作ってます。
Yahoo知恵袋に書くようなノリで書き込みをして本当に申し訳ないです。ありがとうございました。
03/06/2022 9:20 pm
satomisuさん
アイキャッチの件、解決して良かったです。
ヘッダーの件は、まずは一旦、satomisuさんがお試しになるということですね。
承知しました。
一般論ですが、やはり詳細にお問い合わせ内容が書いてある方が、回答はつきやすいと思います。
次回お問い合わせいただく際には、ご考慮いただければと。
まずは、お試しいただいて、Cocoonの機能だけでどんなことができるのか、どんな風にご自分がなさりたいのか、ご確認いただくのが良いと思います。
なお、ヘッダーに関しては、サイトの顔ですから、皆様悩んだりご苦労がある様子です。
このフォーラムのお問い合わせも、ヘッダーのものは結構多い印象です。
このフォーラムを検索いただくと、かなり多くのトピックが見つかると思います。
それらが参考になると思います。
また、Cocoonのヘッダーについて、考察をなさっている解説サイトも数多くあると思いますので、それらを参考にするのも一案です。
フォーラムのメンバーの方のサイトをいくつかリンクしておきますと・・・。
チャンビアさん
Cocoonテーマのヘッダーとロゴ。画像幅を理解してピッタリと。
https://changbeer.site/2019/03/cocoon-header-customization/
Ikumiさん
[Cocoon] ヘッダー画像サイズと選ぶポイント
https://blogstudynotes.com/header/
[Cocoon] ヘッダーレイアウトの種類を画像で紹介
https://blogstudynotes.com/cocoon-header-layout/
[Cocoon] オシャレロゴ画像のサンプル祭り（8種のサイズ）
https://blogstudynotes.com/cocoon-logo-size-samples/
悩み始めるとキリがない・・・というくらい深い沼です?
いろいろお試しいただいて、調べていただいて・・・の繰り返しで、satomisuさんの理想に近づくと思います。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。