[Cocoon設定] カラム

Cocoonマニュアル
この記事は約1分で読めます。
記事内に広告が含まれています。

Cocoon設定→カラムについて説明します。

メインカラム設定

メインカラムの幅、余白、枠線を設定します。

コンテンツ設定
コンテンツ設定
項目位置デフォルト値(px)値(px)
コンテンツ幅図1①800600~1600
コンテンツ余白幅図1②2910~80
コンテンツ枠線幅図1③10~10

コンテンツ枠線色

図1③の枠線色を設定します。

サイドバー設定

サイドバーの幅、余白、枠線を設定します。

サイドバー設定
サイドバー設定
項目位置デフォルト値(px)値(px)
サイドバー幅図2④336200~500
サイドバー余白幅図2⑤195~40
サイドバー枠線幅図2⑥00~10

サイドバー枠線色

図2⑥の枠線色を設定します。

カラム間余白設定

メインカラムとサイドバーの余白を設定します。

カラム間余白設定
項目位置デフォルト値(px)値(px)
カラム間の幅図1⑦200~60

全体の幅=
 コンンテンツ幅+(コンテンツ余白幅+コンテンツ枠線幅)✕2+
 カラム間の幅+
 サイドバー幅+(サイドバー余白幅+サイドバー枠線幅)✕2

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