タグ検索:タグ1 , タグ5 , タグ4

タグ検索:タグ1 , タグ5 , タグ4

ver3.1以前の旧レイアウト「ユニットグループ機能」と「テキストユニット」を組み合わせたサンプルページです。
ver3.2から搭載された「グループ機能」を設定している場合、「ユニットグループ機能」のレイアウトは反映されませんのでご注意ください。「グループ機能」と「ユニットグループ機能」を切り替える場合は、コンフィグの設定変更が必要です。

見出し大(H2)

見出し中(H3)

見出し小(H4)

  • リスト
  • リスト
  • リスト
  1. 番号付リスト
  2. 番号付リスト
  3. 番号付リスト
記述リスト
記述リスト
記述リスト
ソース(htmlなど)

引用

自由入力(htmlなどが自由に記述できます)

wysiwyg

段組設定

段組は「グループ」の設定で行います。
ユニットのグループが未設定の場合「---」は一つ上のグループに内包されます。
ユニットの横幅はレスポンシブ設計により表示中の画面幅により可変します。

1カラム:横幅全体を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:横幅1/2を使ってレイアウトします。(画面幅により可変)
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:横幅1/2を使ってレイアウトします。(画面幅により可変)
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2/3カラム:横幅2/3を使ってレイアウトします。
3カラムと組み合わせて利用できます。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

3/4カラム:横幅3/4を使ってレイアウトします。
4カラムと組み合わせて利用できます。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

メディア(画像)のレイアウト

画像のレイアウトも文章のレイアウトと同様にグループで設定します。
画像がグループで設定した幅よりも小さい場合は実寸で、大きい場合は横幅に合わせて自動的に処理されます。

メディア(ファイル)


ver3.2から搭載された「グループユニット」と、従来の「テキストユニット」を利用した旧レイアウトのサンプルページです。
ver3.1以前で利用されていた「ユニットグループ機能」を設定している場合、「グループ機能」のレイアウトは反映されませんのでご注意ください。「グループ機能」と「ユニットグループ機能」を切り替える場合は、コンフィグの設定変更が必要です。

見出し大(H2)

見出し中(H3)

見出し小(H4)

  • リスト
  • リスト
  • リスト
  1. 番号付リスト
  2. 番号付リスト
  3. 番号付リスト
記述リスト
記述リスト
記述リスト
ソース(htmlなど)

引用

自由入力(htmlなどが自由に記述できます)

wysiwyg

段組設定

段組は「グループ」の設定で行います。
ユニットのグループが未設定の場合「---」は一つ上のグループに内包されます。
ユニットの横幅はレスポンシブ設計により表示中の画面幅により可変します。

1カラム:横幅全体を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:横幅1/2を使ってレイアウトします。(画面幅により可変)
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:横幅1/2を使ってレイアウトします。(画面幅により可変)
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:横幅1/3を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2/3カラム:横幅2/3を使ってレイアウトします。
3カラムと組み合わせて利用できます。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

2/3カラム:横幅2/3を使ってレイアウトします。
3カラムと組み合わせて利用できます。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

1/4カラム:横幅1/4を使ってレイアウトします。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

3/4カラム:横幅3/4を使ってレイアウトします。
4カラムと組み合わせて利用できます。
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。

メディア(画像)のレイアウト

画像のレイアウトも文章のレイアウトと同様にグループで設定します。
画像がグループで設定した幅よりも小さい場合は実寸で、大きい場合は横幅に合わせて自動的に処理されます。

メディア(ファイル)


ver3.2から搭載された「ブロックエディター」を利用した最新のレイアウトのサンプルページです。
ひとつのユニットの中で見出しや本文、箇条書き、画像やファイルのレイアウトなどが行えます。ブロックエディターユニットを複数利用することも可能ですし、「グループユニット」と組み合わせて利用することも可能です。

ブロックエディター見出し大(H2)

ブロックエディター見出し中(H3)

ブロックエディター見出し小(H4)

  • リスト

  • リスト

  • リスト

  1. 番号付リスト

  2. 番号付リスト

  3. 番号付リスト

引用

ソース(htmlなど)

段組設定

1カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

2カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

3カラム:
この文章はダミーです。したがって本来の意味はございません。あくまで文字量の目安としてご利用ください。この文章はダミーです。したがって本来の意味はございません。

メディア(画像)のレイアウト

test_1.pdf

テーブル

見出し(th)

見出し(th)

見出し(th)

表の内容(td)

表の内容(td)

表の内容(td)

表の内容(td)

表の内容(td)

表の内容(td)