サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年1月9日 16:25
こんにちは！
Cocoonでブログでなく、企業用サイトを作ってみようと思っています。
カラムのサイドバー設定で、サイドバー幅を最低200pixまで変更できるようにしてほしいのですが、可能でしょうか？？
まだテストで制作中ですが、参考までにこちらのサイトです。
http://maiko.from.tv/medicina-japan/
どうぞよろしくお願い致します。
2019年1月9日 21:26
私はCocoonいちユーザーなので、カスタマイズの質問としてお返事させていただきますね。
サイドバー幅を最低200pixまで変更
CSSだけで変更は可能だと思いますよ。
最低200pxとはどのような感じでしょうか？PCのサイドバーのみ200pxにしたい。ということでしょうか？
PCのみと仮定した場合。（仮定しないと進みませんので ? ）
サイドバーの幅を変更するなら、コンテンツ部分（mainとsidebar）の幅と
ヘッダーの領域
https://gyazo.com/1362a44085876dc785a35623fb2468f0
フッターの領域
https://gyazo.com/8630a2f5e1a018af6b0a90e3f40d5fc3
画像が見にくいですが、この領域も同時に変更しないとおかしくなると思います。
その辺の幅は変更される感じになります。今の幅を変えたくないなど何かある感じでしょうか？
※具体的にどのような感じか不明だったので、こんな感じで逆質問させていただきました。
2019年1月9日 21:37
あっ、わいひらさんの回答次第。と言った内容なので、わいひらさんが変更OK！って事でしたら、スレ主さん、返信は大丈夫です ?
2019年1月10日 00:58
特に難しい変更でもないので、次のバージョンで最小値を200にしようと思います。
その代わりAdSense広告などを入れると、おかしな表示になる可能性はあるかもしれません。多分大丈夫とは思うけど。
Topic starter
2019年1月10日 03:01
カウタック様
ありがとうございます、PCのみです！
全体幅を1000pixで考えていて、サイドバーが250pixくらい、メインが750pixくらいにできないかなと思いました、先方にデザインだけ急遽出さなきゃいけないので、参考にさせて頂きます！
わいひら様
ありがとうございます！
200pixはいろんな使い方をする方が見えるかもしれないので、そのくらい最小値が小さかったらと思いました、いつ頃に次のバージョンをアップされる予定でしょうか？？
どうぞ宜しくお願い致します。
2019年1月10日 08:56
@media screen and (min-width: 1025px){
.wrap {
width: 994px;
}
.main {
width: 720px;
}
.sidebar {
width: 250px;
}
}
あと6pxはどちらかに足す感じが良いと思います。数値は適当です。※現在Cocoon設定で設定されてるであろう余白でザックリこの数値。
*********
メニューについて、文字列がスッキリしてるので平気だと思いますが一応上記メディアクエリ内にスタイルを入れるなどすればイケると思います。
増える事が5等分・6等分など、えっくす%で指定して様子を見れば良いかもです。
#navi .navi-in>ul>li {
width: えっくす%;
}
2019年1月10日 08:58
すごいスタイルを付けやすい。と改めて思いました！感謝＾＾
2019年1月10日 20:34
200pixはいろんな使い方をする方が見えるかもしれないので、そのくらい最小値が小さかったらと思いました、いつ頃に次のバージョンをアップされる予定でしょうか？？
最新版で適用されています。
https://wp-cocoon.com/1-5-3/
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。