サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年10月29日 12:33
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.8.5
カテゴリー数：7
タグ数：12
ユーザー数：1
----------------------------------------------
●現象
サイト幅1200pxに設定した。
画面幅が1200pxなのに、設定した幅でなく、_max-width-1240.scssが適用され以下となる。
.wrap{
width: auto;
}
.main{
width: 67.4%;
}
.sidebar{
padding:1.5%;
width: 30%;
}
●原因
以下のように画面幅に応じ、表示が変化する。
- ～480px
- 481～834px
- 835～1023px
- 1024～サイト幅px(wrap)★
サイト幅の時、以下となる為、変化してしまう。
@media screen and (max-width: 1200px)
●対策
サイト幅-1pxが正しいのでは？
$responsive_width = get_site_wrap_width() - 1;
わいひら reacted
2023年10月29日 14:24
ご連絡ありがとうございます。
質問させてください。
サイト幅1200pxに設定した。
ここでいうサイト幅というのはCocoon設定のカラム設定で「コンテンツ幅」「サイドバー幅」もろもろを調節して1200pxぴったりになるようにしたという認識であっていますか。
トピックスターター 2023年10月29日 14:47
1200pxぴったりになるようにしたという認識であっていますか。
YES。
これはあくまでも一例です。
本来、画面1200pxまで、設定したメイン、サイド幅などユーザ設定の値が適用されるが期待値です。
https://wp-cocoon.com/column-settiongs/
1024～1199pxは、_max-width-1240.scssが適用され、幅が変化し縮むが正しい動作仕様なのでは？
1023px以下の時、1カラムに変化...
境界テストをしたら、1pxですが、ずれがあり。
トピックスターター 2023年10月29日 16:57
マニュアルに「設定したサイト幅以下の時、画面に合わせ、自動でメイン、サイドバー幅を調整します」と追記もありかも。
2023年10月30日 22:04
$responsive_width = get_site_wrap_width();
現状のままだと画面幅1200pxで_max-width-1240.scssが適用されて
画面幅1201pxで適用されない。
この投稿は1年前ずつわいひらに変更されました
2023年10月30日 22:05
けれど-1すると
$responsive_width = get_site_wrap_width() - 1;
画面幅1198pxで_max-width-1240.scssが適用されて
画面幅1199pxで適用されない。
なんでこんなことになるのか。
chu-yaさんの環境でもなります？
この投稿は1年前ずつわいひらに変更されました
2023年10月31日 19:16
私の環境ではなりません。
そうなんですね。それだったら問題ないです。
変更しておきました。
https://github.com/xserver-inc/cocoon/commit/d7d836197049e889be254dcd8d21889c692ad91a
僕が今使っているパソコンは、同じ設定にしてもどうしても前述の通りなので明日別のパソコンで試してみます。
トピックスターター 2023年10月31日 20:19
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.8.8
カテゴリー数：7
タグ数：12
ユーザー数：1
----------------------------------------------
修正されている事を確認しました。
本件をクローズとします。
わいひら reacted
2023年11月1日 19:22
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。