サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024年8月15日 12:28
Cocoon設定＞ヘッダー内でグローバルメニューのカスタマイズをしました。プレビュー画面では異常なかったのですが、Browserで見るとメニューがモバイルボタンになっていました。色々調べた結果、このような表示はBrowserのサイズが100％の時になり、90％以下になると、テキストメニューが横に並ぶ正常表示になることが分かりました。BrowseはEdge、Chrome、Firefoxの3種では全く同じでした。添付のPDFファイルにBrowserサイズごとの表示のスクリーンショットをまとめていますので、ご参照下さい。
対策として、プラグインを全て無効化、ヘッダーロゴ（画像）サイズの縮小などを試みましたが、改善は認められていません。
2024年8月15日 14:16
●Cocoon仕様
ブラウザの表示幅に応じ、PCかモバイル表示か切替えます。
- ブラウザ表示幅≧1024pxの時、PC表示
- ブラウザ表示幅＜1024pxの時、モバイル表示
●回答
Google Chrome127.0.6533.120
確認しましたが、上記仕様の通り正しく表示されています。
わいひら reacted
2024年8月15日 14:20
●追記
ブラウザの拡縮表示(zoom)と勘違いしてませんか？
●余談
「最近の投稿記事です」の部分ですが、プラグイン「WP Show Posts 1.1.6」を用いており。
私なら、Cocoon標準「新着記事」ブロックを使います。
わいひら reacted
Topic starter
2024年8月15日 16:01
@chu-ya さん ご指導ありありがとうございます。
>ブラウザの拡縮表示(zoom)と勘違いしてませんか？
まさに、ご指摘の通りです。しかし、ブラウザの表示サイズというのは、何処で設定されているのでしょうか。
私のPCは14インチサイズですが、1023以下になっていることは、どこを見れば分かるのでしょうか？
また、通常のＰＣならばブラウザ表示サイズは1024以上になるのでしょうね。
宜しくお願いします。
Topic starter
2024年8月15日 16:22
自己返信です。
@chu-ya さんのご指摘の内容（サイズ>1024なら正常、<1023ならモバイル表示になること）、Firefoxの「レスポンシブ対応」評価機能で確認しました。ただ、私のPCのディスプレイは、解像度1920×1080なのですが（125％表示設定してます）、問題のサイズはこの値とは関係ないのでしょうか？
付かぬことになった感じで、恐縮です。
2024年8月15日 16:23
本件は、問題なしと言う事でクローズです。
かし、ブラウザの表示サイズというのは、何処で設定されているのでしょうか。
私のPCは14インチサイズですが、1023以下になっていることは、どこを見れば分かるのでしょうか？
また、通常のＰＣならばブラウザ表示サイズは1024以上になるのでしょうね。
PCの初歩的な話です。
ノートPCだからではなく、ディスプレイの解像度によります。
Chromeならデベロッパーツールで、実際に見ているブラウザの表示サイズが分かります。
ご自身で、使い方含め調べてみて下さい。
2024年8月15日 17:20
O.Nakamuraさん
私のPCは14インチサイズですが、1023以下になっていることは、どこを見れば分かるのでしょうか？
デベロッパーツールを使えない方も多くいらっしゃるでしょうから。
（デベロッパーツールを使えるようになるのが一番です。Chrome・Edge・Firefoxなど各ブラウザに機能はあります）
このフォーラムの上部にあるものは、拡大率は反映されず、実サイズしか分からないみたいですね。
（皆さん、なかなか読んでくださらないのですよね・・・）
フォーラム利用ガイドリンク
項番7です。
基本検索すれば、大抵のものは見つかるかと思います。
「ブラウザのウィンドウサイズ確認」で検索すると複数ヒットします。
1つリンクしておきます。
画面サイズチェック
https://krzm.jp/test/
上記は、拡大率も反映されるようです。
但し、スクロールバーも含めたサイズが表示されるようで、実際の表示域のサイズとは少し異なるようです。
（そういう意味ではまさにウインドウサイズなのかも）
他にもあるみたいですので、調べてみてください。
【お願い】
画像を添付する際は、jpg、png、gifなどの形式でお願い致します。
（プレビューされるため。それにpdfは画像の形式ではないと思います）
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。