WPの賢威７でカラム分けする方法

賢威７のWordPress版で、元々用意されているＣＳＳを用いてカラム分けする方法をメモしておきます。

２カラム

<div class="col2-wrap">
<div class="col">
カラム①
</div>
<div class="col">
カラム②
</div>
</div>

３カラム

単純に３つに分ける

<div class="col3-wrap">
<div class="col">
カラム①
</div>
<div class="col">
カラム②
</div>
<div class="col">
カラム③
</div>
</div>

左を２／３、右を１／３に分ける

<div class="col3-wrap">
<div class="col col_2of3">
カラム①（２つ分のスペース）
</div>
<div class="col">
カラム②
</div>
</div>

左を１／３、右を２／３に分ける

<div class="col3-wrap">
<div class="col">
カラム①
</div>
<div class="col col_2of3">
カラム②（２つ分のスペース）
</div>
</div>

４カラム

単純に４つに分ける

<div class="col4-wrap">
<div class="col">
カラム①
</div>
<div class="col">
カラム②
</div>
<div class="col">
カラム③
</div>
<div class="col">
カラム④
</div>
</div>

左１／２、中央１／４、右１／４に分ける

<div class="col4-wrap">
<div class="col col_2of4">
1つ目のカラムです。（合体）
</div>
<div class="col">
2つ目のカラムです。
</div>
<div class="col">
3つ目のカラムです。
</div>
</div>

左３／４、右１／４に分ける

<div class="col4-wrap">
<div class="col col_3of4">
1つ目のカラムです。（合体）
</div>
<div class="col">
2つ目のカラムです。
</div>
</div>