WordPress Plug-in ‘1000 Column’

WordPress Plug-in「1000 Column」は、HTMLのみでシンプルなカラムを作るCSSを提供する Plug-in です。

WordPress にインストールすると、カラム組み用のCSSを利用できます。

数値は、親要素の千分率比(per mille)を使用。

カラム内に余白はなく、
間隔は.offset-??で指定します。

通常のカラム組みにくわえ、
ブレイクポイントを有したカラム組みも行えます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-17-10-02-59

「 管理画面 > 設定 > 1000col 」で、クラス名の変更などを行えます。

設定できる項目は、親要素のクラス名(.row-1000)と、
カラム要素を表すクラス名のプレフィックス(col)と、
カラム要素の左余白を表すクラス名のプレフィックス(offset)と、
ブレイクポイントと対応文字列(xsmdなど)です。

これにより、他のCSSフレームワークとの競合を回避できます。

生成されるCSSは、設定画面の「CSSを確認」リンクから確認できます。

1000-column.zip ダウンロード

「 管理画面 > プラグイン > 新規追加 > プラグインのアップロード 」で、ダウンロードされたZipファイルを選択し、
「今すぐインストール」をクリックしてインストール、「有効化」をクリックすると使用できます。