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カスタマイズ依頼

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

コクーンのヘッダー設定の不具合
 
共有:
通知
すべてクリア

[解決済] コクーンのヘッダー設定の不具合

19 投稿
5 ユーザー
24 Reactions
611 表示
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

わいひら様
初めて不具合の問い合わせをします。
私はほぼ素人なので この不具合報告に至るまでも四苦八苦でした。
専門用語とかこの不具合の解決方法がわかりません。
大変申し訳ないのですが 教えていただきたいです。

不具合・カスタマイズ対象ページのURL: https://lets-enjoy-tennis1.com/

相談内容:
メニューをヘッドの下のデフォルトにしていたが、いつのまにかヘッドの上に出てきている。
それを修正したいのですが、Cocoon設定のヘッダ設定で修正しようと思い開いたがプレビューが重なって表示できない。
画面幅を小さくするとヘッダレイアウトが見えたが(選択の▼を押すことはできない)デフォルトのままになっていた。⇒これが効いていれば以前のままのはずですが。
修正の仕方を教えてほしいのは2点。
1.ヘッドの下にメニューを表示したい。 
2.ヘッダ設定のプレビュー画面を重ならないようにしたい。

不具合の発生手順:EWWW Image Optimizerを更新した後にメニューの位置が変わっていることに気が付いた。

解決のために試したこと:EWWW Image Optimizerを無効にしたが変わらなかった。

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。

※高速化設定をしている場合は無効にしてください。⇒変更済
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
----------------------------------------------
サイト名:Let’s Enjoy Tennis Circle
サイトURL: https://lets-enjoy-tennis1.com
ホームURL: https://lets-enjoy-tennis1.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/raku-add-fadein/style.css
WordPressバージョン:6.2
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.9
カテゴリー数:4
タグ数:0
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
----------------------------------------------
利用中のプラグイン:
All-in-One WP Migration 7.74
Contact Form 7 5.7.6
EWWW Image Optimizer 7.0.0
Ultimate Blocks 2.5.8
WordPress Ping Optimizer 2.35.1.3.0
----------------------------------------------


   
トピックタグ
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1089
 

参照しやすいように、添付のExcelファイル内に貼られていた画像を載せておきます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

「メニュー」と仰っているのは、以下の赤枠・赤矢印のことでしょうか。
(「グローバルナビ」「グローバルナビメニュー」等と呼んでいます)

 
私からは、上記のように、ヘッダーの下のように見えます。
 
対象はPC?モバイル?どちらの表示でしょう。
 
もしかすると、ブラウザキャッシュの影響も考えられる気はします。
(リロードやブラウザの履歴の消去で改善するかもしれません)
 
 
【追記】
 
管理画面だけでなく、事象のご説明、どのようになさりたいのかも、画像添付があった方が分かり易い気がします。
 
【追記2】
 
すみませんが、しばらく時間がとれませんので、フォーラムから離脱します。
(ご本人もいらっしゃらないようですので)
 

   
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

ありがとうございます。

PCで不具合が出ていました。

リロード、キャッシュの削除をしてみました。

解決しませんでしたが、タブレットで見てみたらmk2さんのような表示になっていました。

どうやら、私のPCの問題ということはわかりました。

キャッシュの削除の仕方がダメなのかも?

お気に入りの登録も消したほうがいいのでしょうか。

 

 

 

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

もうスマホしか手元にないため、簡単に。

タブレットで表示に問題ないようですので、おそらくそうだと思いますが・・・。

PCで、普段ご利用でないブラウザで、ご確認いただくと良いと思います。

Chromeをご利用のようですので、例えばEdgeでご確認ください。

それで表示に問題なければ、ブラウザキャッシュだと思います。(お気に入りは関係ないと思います)

 

それでは本日はこれにて。


   
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

うまく伝えられていなくて すいません。

 

1.グローバルナビをヘッドの下に表示したい。(mk2さんの表示のとおりがいいです)

私のPCではグローバルナビがヘッドの上に重なって表示されます(添付ファイル参照)
 ★タブレットではうまく表示されていました。

リロードやブラウザの履歴の消去をその後、何度かしてみましたが改善されませんでした。

 

2.コクーン設定⇒ヘッダー設定がプレビュー画面に重ならないようにしたい。

1と関連があるのかどうかもわかりませんが 

以前はプレビューの下にヘッダーレイアウト・・等の表示があり

プレビューと重なることなく選べました。

 

以上の2点の解決方法を教えていただきたいのです。よろしくお願いします。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

Edgeで、閲覧&ログインなさってみましたでしょうか。

Edgeは、Windowsに標準でインストールされています。

 

あと、ログインなさっている状態のようですので、ログアウトした状態をご確認なさってみてはと思います。(履歴を消すとログアウトされるはずですが、ログインをしなおしたのでしょうか?)

 

ちなみに、私が先程確認したのはChromeです。

おそらく、moconocoさん以外の方には普通に見えていると思います。(私からそう見えているということは、第三者からは同じように見えていると思います)


   
moconoco reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

関係あるかは分かりませんが、以下の追加CSSは変だと思います。

 
138行目をコメント化しているため、後続が宙ぶらりんで、146行目の閉じ括弧"}"も、開きの括弧がないので、変だと思います。
 
146行目までコメント化したかったのでしょうか。
 
スマホからなもので、画像に上手く印などできないため、そのまま添付してしまいました。

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

ちなみに、履歴は以下のようなものも削除なさっているのでしょうか。

 
スマホなもので、PCとは見え方が違うと思います。 
 
それでは、完全に離脱させていただきます。

   
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

ありがとうございます。
下記の通りやってみました。

・追加CSSを修正 138行目の*/ を消して、146行目は }*/ にしてコメントアウトしました。
・Edgeで表示させてみましたがChromeと同じ画面でした(添付ファイル参照)
 ログインしてダッシュボードのコクーン設定のヘッダー設定もみましたがChromeと同じでした。
・教えていただいたとおり、履歴の3点を全期間削除を実行しました。
・Chromeでダッシュボードに入るのにログインしました(ID、PWを入力してはいりました)
 変わっていませんでした。(上にグローバルメニューがでてきます)
・タブレットでダッシュボードにログインしましたがmk2さんと同じ正しい画面でした。

mk2さん、遅い時間まで何度も対応してくれて感謝しています。
私のPCだけが不具合なんですね。
解決はしていませんが、かなり気持ちが楽になっています。

ほかにもやってみたほうがいいことはありますか?
私だけの問題なので時間のある時に教えていだだければと思っています。
どうぞよろしくお願いします。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

Edgeでもダメですか。

そうだとすると、他の方からもそう見えているのかもしれないです。

申し訳ないですが、今日は1日出先でスマホしかありません。

他の方をお待ちください。

明日以降であれば、私も見てみます。


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

投稿者:: @moconoco

2.ヘッダ設定のプレビュー画面を重ならないようにしたい。

僕の環境でも不具合が出ないので対処方法は原因はちょっと分かりません。

ただCocoon設定でそうなっているとしたら邪魔だと思うので、以下の方法でプレビュー表示を非表示にするとどうでしょうか。
https://wp-cocoon.com/cocoon-setting-preview-hook/
根本的な解決方法ではないですが、対症療法にはなると思います。

以下のコードを子テーマのfunction.phpに追記する形で貼ります。

//Cocoon設定ヘッダープレビューを非表示
add_filter('cocoon_setting_preview_header', '__return_false');

   
moconoco reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2930
 

何が起因してるか不明です。
以下の場合、提示された画面と同じになり。

#header {
  position: absolute;
}

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

先程PCで、Chrome、Edge、Firefoxで確認しましたが、すべて問題なかったです。

少し思うのは、

  • シークレットウィンドウで確認すると、変化があるか
  • ブラウザの拡張機能をすべて無効化すると、変化があるか

 

上記もお試しいただければと思います。

やはりmoconocoさんの環境の問題の可能性を感じます。


   
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

みなさま 本当にありがとうございました。

ご回答どおりのやり方をいろいろ試してみましたが、進展が見えなくて

そのままPCの電源を切ることなく放置していて 

先ほど再度画面を確認しましたら希望通りの画面に戻っていました。

解決した方法が何だったのかわかりませんが 助けていただいて大変感謝しています。

mk2さん、ありがとうございます。

これで解決済とさせていただきます。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7938
 

moconocoさん

我々からは、不具合の状況が見えないため、確認のしようがないという感じです。
moconocoさんのPCでのみ起きていることのようで、moconocoさんのPCを調べることもできませんので。

原因は分かりませんが、解消したようで良かったです。

 

ところで別件です。

Analytics用(GA4)の同じIDを2ヶ所入力なさっていませんでしょうか。

 
 
一方は、「Cocoon設定」-「アクセス認証・解析」の「Google Analytics設定」
もう一方は、同じところの「その他アクセス解析・認証コード設定」-「ヘッド用コード」?
 
解消しておかないと、正しい計測結果が得られなくなってしまうと思います。

   
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

mk2さん、ご指摘をありがとうございます。

 

【Analytics用(GA4)の同じIDを2ヶ所入力している】

・「その他アクセス解析・認証コード設定」-「ヘッド用コード」 には添付していただいたscriptで囲まれたコード?がありました。

 

・「Google Analytics設定」には GA4測定IDでG-8・・・を入力していました。

これのどちらかを削除すればいいのでしょうか?

もしそうなら どちらを削除するのが好ましいのでしょうか?

 

私は的外れのことを書いているのかもしれません。

申し訳ないのですが、添付していただいている画面がどこにあるのかもわかっていません。

お手数ですが、お時間のある時に修正法を教えていただけないでしょうか。


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

投稿者:: @moconoco

これのどちらかを削除すればいいのでしょうか?

こちらを削除しておいた方が良いと思います。

投稿者:: @moconoco

・「その他アクセス解析・認証コード設定」-「ヘッド用コード」 には添付していただいたscriptで囲まれたコード?がありました。

 


   
moconoco reacted
(@moconoco)
Active Member Registered
結合: 2年前
投稿: 7
Topic starter  

削除しました。

ありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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