記事ブロックをCSS3のマルチカラムレイアウトで段組にする

使用アドオン：Tallacman's Tasty Templates

カスタムテンプレートを追加するTallacman's Tasty Templatesをインストールすると、記事ブロックにカスタムテンプレートが４つ追加されます。

Two One Columnを選択するとテキストが２段組になります。

コンテンツは
<div class="columns-2-1"></div>
というdivタグが適用され、CSSは

.columns-2-1 {

-webkit-column-count: 2;

-webkit-column-gap: 2vw;

-moz-column-count: 2;

-moz-column-gap: 2vw;

column-count: 2;

column-gap: 2vw;

}

が適用され、CSS だけでマルチカラムが適用されます。

CSSのマルチカラムですので、テキストは自動でカラムに回り込むます。

Three Two One Columnでは３段組になります。

Four Three Two One Column、Four Three Two Columnを選択すると４段組になります。

レスポンシブ幅に応じて２段組、１段に変わります。

Twoで終わるものは２段組までで、Oneで終わるものは１段組になります。

Four Three Two One

では幅に応じて４段、３段、２段、１段を変わります。