Cocoon設定 カラムでメインとサイドバーの横幅を調整しよう!

Cocoon

まずこの画像をみてください。

 

これ自分のトップページです。メインの文章、横にながすぎないですか?

あまりにも横に長い文章だと、改行する時に次の文章を見失うことがあるそうです。

すなわち読みにくい記事となるわけ。

いくら内容をしっかりと書いていても、読みづらいレイアウトってだけで、読むのをやめられちゃう可能性があがります。

それはもったいないので、横幅をかえてみます。

 

スポンサーリンク

Cocoon設定のカラムから設定する

【Cocoon設定】→【カラム】

 

カラムでメインコンテンツとサイドバーのコンテンツ幅、余白幅、枠線の幅・色などが変えられます。

 

メインカラムは最初800になっています。

 

自分はこのメインのコンテンツ幅を650で設定しました。

読みやすいかどうかは、人それぞれの好み。みなさんも見やすいと思える幅を調整してみてください。

 

 

サイドバーも設定します。

サイドバーのコンテンツ幅は初めの設定で336となっています。

 

なんでこんな中途半端な幅にしてあるのかの~?

これはおそらくですが、グーグルアドセンスの広告のサイズに合わせているのではないかと。
「レクタングル大」というサイズがあるのですが、その横幅が336なのです。ぴったりおさまりますね。

 

 

ということで、サイドバーのコンテンツ幅は336のままにしました。

他の設定する幅の箇所は以下の通りです。

A→コンテンツ幅

B→コンテンツ余白幅

C→カラム間の幅

 

みなさんも自分がみて、ちょうどいい幅を設定してみてください。

 

次の記事はこちら
⇒⇒Cocoon!カテゴリータグの設定