マルチいいね v1.09 インストレーション・ガイド

このページでは、カラムの数の指定の仕方を説明します。

カラムの数の指定はブロック表示のみに適用されます。

１カラム、２カラム、３カラムの画像表示

カラムの数を指定するには、

テンプレートのCSSファイルをテキストエディタで開いでください。

<<< column width を含む行を見つけてください。

.%css-ctar% .aiin-btn-item {
	display:inline-block;
	position:relative;
	width:100%;/* <<< column width */
}

この行の width: の後に続くパーセンテージが、「画面の幅に対する１カラムの割合」です。100% と指定した場合、画像は１カラムで表示されます。２カラム、３カラム、４カラムで画像を表示するには、それぞれ 50%、33.33%、25% と指定してください。

例として、２カラムを指定します。その場合、以下のように 50% に変更してください。

.%css-ctar% .aiin-btn-item {
	display:inline-block;
	position:relative;
	width:50%;/* <<< column width */
}

ファイルを保存して完了です。