カラム機能ってね、簡単に言うと「回り込み」を制御する機能なんですよ。
なにそれ、ショボそう。使わないわ…って、思ってる人は、すごくもったいないです!
説明よりも、まずは見てください。1/2カラムを2つ並べた例。
つぎが1/3カラムを3つ並べた例。
こんなこともできます。1/3カラムと2/3カラムを並べた例。ちなみに、このページで使っている「カラム要素」の画像は全て同一です。
画像の大きさがカラム幅を超える場合は、自動的に縮小されます。
やりすぎ?6カラムを横に並べてみた!
使い方
実際に使ってみましょうか。
「新規投稿」などで、ビジュアルエディタを開いてください。
ビジュアルエディタ上部の「IP5Shortcodes」から、レイアウト→カラムを選択
こんな感じに入力して、OKをクリック。
サイズっていうのは、カラムの大きさ。この場合だと、最大幅の1/4の大きさです。場所は「最初」と「最後」と「中間」の中から選びます。カラム3つ以上使う場合、最初と最後以外は全部「中間」を指定すればOK。
次も、同じ手順で、こんな感じに入力して、OKをクリック。
つぎもこんな感じで。
これで、1/4,1/4、1/2という、ちょっと変わったレイアウトが出来てます。
ビジュアルエディタ上はこんなふうになってるはず。
これだけだとつまらないので、各ショートタグの間に、画像やら、長いテキストやらを入れましょうか。
ぷるんぷるん牛ハラミ 3kg
4.7
という感じ。これを3つ並べると、ランキングが出来ますね。
あ、並べる場合は、1セット(?)ごとに、「フロート解除」を挿入してください。
じゃないと、「くっついた」状態になっちゃいますからね。
という感じ。アイデア次第で、使い方広がりそうでしょ?
念のため、今回作った1/4,1/4,1/2カラムのコードを載せておきます。
クリックで全選択、Ctrl+Cでコピー