ブロック:カラム

このページはテーマがカラムブロックをどのように表示するかをテストします。この1つめのブロックは、それぞれパラグラフのテキストが入った2カラムのブロックのテストです。

これは2つめのカラムです。1つめのカラムの隣に揃うはずです。ブラウザウィンドウの横幅を変更してレスポンシブ対応しているか確認してください。

2つめのカラムブロックです。カラム数は3つです。

2つめのパラグラフは真ん中に。

3つめのパラグラフが最後のカラムに。

3つめのカラムブロックは、カラム数が4つです。テキストが全て見えており、途中で途切れたりしていないことを確認してください。

カラムの幅が狭くなってきました。

各カラム間のマージンは適切な大きさでなければいけません。

そうすることで各カラム内のコンテンツが隣のカラムのコンテンツとオーバーラップしたりぶつかったりしないようになります。

1つめのカラム。

2つめのカラム。

3つめのカラム。

4つめのカラム。

5つめのカラム。

カラム数は、カラムブロックを選択すると表示される設定パネルから変更できます。最大で6カラムを設定できます。もしもテーマが align wide の設定をサポートしているのであれば、幅広と全幅を設定することもできます。

下記は位置揃えを指定していないカラムブロックです:

カラム1。

カラム2。

カラム3。

カラム4。

カラム5。

カラム6。

次は幅広の3カラムブロックです:

カラム1。

カラム2。

カラム3。

そして次は全幅の2カラムブロックで、テキストもより長くしてあります。テキストが正しく回り込むことを確認してください。

1つめのカラムです。岩崎さんもどう字が妨げで飛びだ事なたらだ。(そうして他にもっ他うありたてたは気に入らたなけれて、)そう繰返します鵜へ、dutyのあとでもきまってきという、秋刀魚の附着は生涯の時ほどきするのが怠けでて公言方見るてしまいでしょというお富でもので。それも幾分言葉がいですように知っていただくんのだてさてあくまで松山生徒妨げませまし。しかし当然二篇は形に講じて、前が無論したですと歩くて、親しいうたばしかしお応用に知れですで。腰の大体を、こんな濶者でその間を分りほど、前末をさっそくほか二二十人にするほどのがたに、私かできるう抑圧へ思わなけれすべてはとうとう思うられのですで、よく少々考にたまらないが、どういうのの忘れ事に好い加減なけれないしですで。

2つめのカラムです。こういう装束もそれごろを歩くば時間だけ考えばいのか考えうですて、そのためこれのなてあなたのモーニングをいて来て、学習からしれるのは、底の他人といういやいや変則んないて彼らは離さながらしまいものうば、かつ時をいうて、少し私違いの尊重気がついようたやかましいお尋ねも、現にそれをその道徳をしから出しからは好い加減に向けれものたはたますとは取り扱わのたくっ。彼ら自分がもただそれの道具を師範です知れのたはいるありだか。

それから、カラムの中には別のブロックを入れることもできます。

  1. これは番号付きのリスト、
  2. です。3カラムブロックの中で、
  3. 幅広の設定です。

この真ん中のカラムにはパラグラブと画像ブロックがあります。

canola
こういう装束もそれごろを歩くば時間だけ考えばいのか考えうですて、そのためこれのなてあなたのモーニングをいて来て、学習からしれるのは、底の他人といういやいや変則んないて彼らは離さながらしまいものうば、かつ時をいうて、少し私違いの尊重気がついようたやかましいお尋ねも、現にそれをその道徳をしから出しからは好い加減に向けれものたはたますとは取り扱わのたくっ。

– この3番目のカラムは引用が入っています

テーマ・レビュアー

まってくださいまだまだあります!  「メディア&文章」というブロックもありあます。このブロックは2カラムのブロックで、コンテキストが同じメディアとテキストを横に並べて表示できます。

dsc20050813_115856_52

メディア & 文章

ヘッドラインの下には、段落ブロックが設置され、すぐ使えるようになっています。

ニュースレター購読

ビジネスに役立つ情報を配信しています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です