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

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

ワンカラムの場合の全体幅を指定したい
 
共有:
通知
すべてクリア

[解決済] ワンカラムの場合の全体幅を指定したい

7 投稿
3 ユーザー
1 Reactions
14.8 K 表示
 NAE
(@nae)
Eminent Member Registered
結合: 7年前
投稿: 24
Topic starter  

Simplicity2時代からお世話になっております。Cocoonも、さっそく使わせていただいており、豊富な機能と行き届いた設定に驚いています。すばらしいテーマをありがとうございます。

1点、ご相談です。

ブログをワンカラムにしたとき、メインカラムの横幅を指定したいと考えております。

メインカラムの幅なので、Cocoon設定から「サイドバー非表示」のうえ「メインカラムの幅」をpx指定してみたんですが、全体幅に反映されませんでした。

もしかしたら別の設定項目が必要なのかな、と思い、こちらに投稿させていただきました。

ご検討のほど、よろしくお願いいたします。


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

Cocoon設定の「カラム」タブでの設定は、全体の設定なので個別の設定は出来ないかもしれません。
なので、今のところは「1カラム表示のとき全体幅を設定する」以下のようなCSSを書く必要があるかもしれません。

.no-sidebar .wrap {
width: 1000px;
}

個別のページ設定で、カラム幅を調節する機能については良い実装考えてみたいと思います。
ちなみに、参考までに1カラム表示する場合、あらかじめ決められた幅設定を用意しておくとしたら、どのくらいの幅を利用されたいですか?
また、何種類ぐらい幅のバリエーションがあると良いでしょう?


   
 NAE
(@nae)
Eminent Member Registered
結合: 7年前
投稿: 24
Topic starter  

わいひらさん

さっそくのご返信&CSSのご提供ありがとうございます。

今は700pxを使っております。個人的には、600、700、800pxの3パターンがあれば満足です。

「PCでもスマホライクな読みやすさ」を意識したとき、広すぎず狭すぎずのバランスが600~800pxくらいが順当だったから……というのが、その心です。

CSSカスタムで対応できることもわかりましたので、Cocoonの機能に組み込むかは、わいひらさんのお時間と機能のバランスからご判断いただければと思います。


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

なるほど。そういうことなんですね。

とりあえず、現在の状態が落ち着いたら、実装を検討したいと思います。
今は、フォーラム対応と、不具合修正にかかりっきりになっていて、空いている時間がないので余裕ができたときにでも^^;

ToDoリストに登録しておきました。


   
(@dayho)
Active Member Registered
結合: 6年前
投稿: 11
 

お世話になっております。

ワンカラムにして幅を調整したいと思いこのトピックを見つけました。

 

最新のバージョンだと以下の項目で実装されている内容でしょうか?

ページ設定>ページタイプ>xx(広い/狭い)

数値で幅を指定したい場合には、やはりCSSを書く必要がありますでしょうか?


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

最新のバージョンだと以下の項目で実装されている内容でしょうか?

ページ設定>ページタイプ>xx(広い/狭い)

そうです。

数値で幅を指定したい場合には、やはりCSSを書く必要がありますでしょうか?

好みの幅を調整するときは、CSSを書くしかないかと思います。
Cocoon設定の「カラム」タブでもメインカラム幅(もしくはサイドバー幅)を変更すれば変えることはできますが、それだと通常ページのカラムの幅も変わってしまうので。


   
(@dayho)
Active Member Registered
結合: 6年前
投稿: 11
 

わいひらさん

回答ありがとうございます。

理解できました。 ? 

 


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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