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