サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年1月25日 00:55
不具合・カスタマイズ対象ページのURL：
相談内容：【グローバルメニューがヘッダー部分に表示設定をしても表示されない。】
グローバルメニューにオリジナルの画像を挿入しております。
メディアに投稿しその際のURLをカスタムリンクにてナビゲーションラベルにコピペしてオリジナルの画像に変換しています。（このやり方に問題があればそちらも言及していただけると助かります。）
グローバルメニューの高さを変えるCSS*1をコピペした（この時点ではまだ下記の*2プラグインは入れておりませんでした。）のちに、高さの変更のために80の値を70に変更し、また80に戻したところカスタマイズページの時点では表示されているのですが、実際のサイトではグローバルメニューが表示されなくなってしまいました。
そのためこちらで質問をしようと高速化の設定を無効化するとまた表示されるようになりました。
高速化は通常ブログを運営するときは有効化にしておいたほうがいいのかな？と思うのですが、設定を有効化すると表示されなくなってしまうので困っています。
どのようにすれば高速化の設定を有効化したままオリジナルの画像が挿入されたグローバルメニューを表示させることができるのでしょうか？
また、高速化の設定を無効化したままでも問題はないのでしょうか？
回答よろしくお願いいたします。
*1
/*グローバルメニューの高さ*/
#navi .navi-in > ul li{
height: 80px;
line-height: 80px;
}
*2プラグイン
Contact Form 7 5.5.4
EWWW Image Optimizer 6.4.0
PS Auto Sitemap 1.1.9
AddQuicktag 2.6.1
解決のために試したこと：
・メニューを作り直した。
・キャッシュを削除してサイトをのぞいてみた。
・時間をおいてからサイトを更新してみた。
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：
----------------------------------------------
サイト名：△ホーコクショ！
サイトURL： https://sanhokublog.com
ホームURL： https://sanhokublog.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.8.3
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.0
カテゴリ数：6
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：948バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.6.1
Akismet Anti-Spam 4.2.1
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.5.4
EWWW Image Optimizer 6.4.0
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.0
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------
2022年1月25日 01:14
tanukiさん
そのためこちらで質問をしようと高速化の設定を無効化するとまた表示されるようになりました。
高速化は通常ブログを運営するときは有効化にしておいたほうがいいのかな？と思うのですが、設定を有効化すると表示されなくなってしまうので困っています。
こういう場合は、高速化を有効にした状態を見せていただいた方が良さそうに思います。
ちなみにですが・・・。
EWWW Image Optimizer 6.4.0
上記の遅延読み込み機能（LazyLoad）が有効ではありませんか。（Scriptが読み込まれているように思います。）
その場合は、無効化をお勧めします。
WordPress 5.5以降は、標準でネイティブLazyLoadに対応しており、プラグインの機能を必要としません。
機能重複することにより、不具合が起きることが多々あります。
同プラグインが原因の不具合について、このフォーラムでも多くのご相談がありました。
上記プラグインの遅延読み込み機能をOFFにして、Cocoonの高速化を有効にした場合、どうなるかを確認していただくのも良さそうに思います。
※プラグインを無効にするのではなく、プラグインの遅延読み込み機能のみをOFFにしてください。
すみませんが、こんな時間ですので、私は離席してしまいます。
トピックスターター 2022年1月25日 13:43
ｍｋ２様 早速の返信ありがとうございます。
高速化を有効にした状態を見せるというのはこちらで大丈夫でしょうか？
https://sanhokublog.com/
先ほど（LazyLoad）の設定項目の
・遅延読み込み
・Googleフォント
・WEBフォント
のうち、遅延読み込みのチェックを外しました。（Webフォントは最初からチェックが入っておりませんでしたのでそのままにしております。）
そして高速化の項目をもとの状態に戻しましたが、サイトでは表示されませんでした。
環境情報：高速化をONにした状態の物を新しく載せています。
----------------------------------------------
サイト名：△ホーコクショ！
サイトURL： https://sanhokublog.com
ホームURL： https://sanhokublog.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.8.3
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.0
カテゴリ数：6
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：948バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.6.1
Akismet Anti-Spam 4.2.1
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.5.4
EWWW Image Optimizer 6.4.0
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.0
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------
2022年1月25日 14:31
tanukiさん
スマホからですので、調べることはできないのですが・・・。
ちょっと違います。
先ほど（LazyLoad）の設定項目の
・遅延読み込み
・Googleフォント
・WEBフォント
のうち、遅延読み込みのチェックを外しました。
これは、Cocoon設定のことですよね？
であれば、元に戻していただいて構いません。
その状態で、Cocoonの高速化を有効にしておいてください。
事象が発生している状態を確認したいということです。
私が遅延読み込み機能を無効にして欲しいと申し上げたのは、プラグインです。
EWWW Image Optimizer 6.4.0
上記の遅延読み込み機能（LazyLoad）が有効ではありませんか。（Scriptが読み込まれているように思います。）
その場合は、無効化をお勧めします。
この機能は、WordPressが標準で持っている機能と重複し、不具合が起き得ます。
上部プラグインの設定から、「遅延読み込み」をOFFにしてみてください。
（有効であれば、ですが。）
トピックスターター 2022年1月25日 15:00
（LazyLoad）という文字をcocoon設定にて見ていたのでそこだと勘違いしてしまいました。
先にプラグインの設定にてEWWW Image Optimizer 6.4.0の遅延読み込みのチェックを外しますと、高速化を有効にした状態でもきちんとサイトに反映されておりました！
何も知らない初心者なのですが、それでも丁寧に教えてくださってありがとうございます！
グローバルメニューを画像にする情報もあまり見つけられていなかったのにこの問題が起きて、非常に困っていましたが、無事解決できて本当に助かりました！
ありがとうございます！！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。