MODULE

モジュール一覧

各モジュールでよく使用する機能を纏めております。
コンテンツ作成を行う際に、ご参照下さい。
MODULE

01_見出し

スタイル＞設定＞出力タグを選択

SAMPLE

タイトルが入ります（h1選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（h2選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（h3選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（h4選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（h5選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（段落選択時）

サブタイトルが入ります

SAMPLE

タイトルが入ります（装飾選択時）

サブタイトルが入ります

スタイル＞デザイン＞デザインを選択

オリジナル（※デザイン策定案件のみオリジナルスタイルを適用）

SAMPLE

タイトルが入ります

サブタイトルが入ります

ボーダー

SAMPLE

タイトルが入ります

サブタイトルが入ります

拡張ライン

SAMPLE

タイトルが入ります

サブタイトルが入ります

ビッグ

SAMPLE

タイトルが入ります

サブタイトルが入ります

マーカー

SAMPLE

タイトルが入ります

サブタイトルが入ります

塗りつぶし

SAMPLE

タイトルが入ります

サブタイトルが入ります

スタイル＞設定＞コンテンツの位置＞中央寄せ

SAMPLE

タイトルが入ります

サブタイトルが入ります

MODULE

02_説明文

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

スタイル＞デザイン＞デザインを選択

ラベル

ラベル選択時。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。
説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

付箋

付箋選択時。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。
説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

MODULE

03_リンク

スタイル＞デザイン＞デザインを選択

テキスト

タイトル

ラベル

ボタン

アイコンボタン

スモールボタン

タグ

ハッシュタグ

タブ

アンカー

索引

スタイル＞設定＞リンクの幅を選択

文字数に合わせる

等間隔表示

中央寄せで表示

「スタイル＞設定＞エリア幅＞既定値を使用（トグルを外す）＞エリアの幅を選択」より、リンクが表示されるエリアの幅を縮小することでリンクの設置位置を中央寄せにすることができます。

MODULE

04_リスト

スタイル＞デザイン＞デザインを選択

ドット

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

ライン

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

チェック

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

ナンバー

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

フロー

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

  • リスト1の説明文が入ります。サンプルテキスト。

  • リスト2の説明文が入ります。サンプルテキスト。

  • リスト3の説明文が入ります。サンプルテキスト。

  • リスト4の説明文が入ります。サンプルテキスト。

  • リスト5の説明文が入ります。サンプルテキスト。

スタイル＞設定＞カラム数を選択

2カラム

  • リスト1の説明文が入ります。サンプルテキスト。

  • リスト2の説明文が入ります。サンプルテキスト。

  • リスト3の説明文が入ります。サンプルテキスト。

  • リスト4の説明文が入ります。サンプルテキスト。

  • リスト5の説明文が入ります。サンプルテキスト。

3カラム

  • リスト1の説明文が入ります。サンプルテキスト。

  • リスト2の説明文が入ります。サンプルテキスト。

  • リスト3の説明文が入ります。サンプルテキスト。

  • リスト4の説明文が入ります。サンプルテキスト。

  • リスト5の説明文が入ります。サンプルテキスト。

MODULE

05_説明リスト

スタイル＞デザイン＞デザインを選択

ライン

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

Q&A

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

ポイント

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

ナンバー

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

タイトル

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

MODULE

06_カード

スタイル＞カード＞設定＞使用するコンポーネント

本機能で選択されたコンポーネントを表示することができます。

SAMPLE

補足説明が入ります

dummy
SAMPLE

タイトルが入ります

サブタイトルが入ります

￥10,000円/月

（税込）11,000円/月

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

SAMPLE

補足説明が入ります

dummy
SAMPLE

タイトルが入ります

サブタイトルが入ります

￥10,000円/月

（税込）11,000円/月

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

SAMPLE

補足説明が入ります

dummy
SAMPLE

タイトルが入ります

サブタイトルが入ります

￥10,000円/月

（税込）11,000円/月

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

  • リストの説明文が入ります。サンプルテキスト。

スタイル＞カード＞設定＞種類を選択

縦型カード

2カラム
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

  • サンプルテキストサンプルテキストサンプルテキスト
  • サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

3カラム
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

4カラム
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

横型カード

1カラム
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

  • サンプルテキストサンプルテキストサンプルテキスト
  • サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

2カラム
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

スタイル＞カード＞デザインを選択

フロー

縦型カード
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

横型カード
SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

ピッタリ

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

スタイル＞カード＞設定＞コンポーネントの高さ揃えを有効化

カードモジュールでは、使用するコンポーネントの組合せによっては上手くコンポーネントの高さが揃わない場合がございます。
そのような場合には、本機能でコンポーネントの高さを揃えることができます。

＜使用前＞

SAMPLE

補足説明が入ります補足説明が入ります補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

＜使用後＞

SAMPLE

補足説明が入ります補足説明が入ります補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

SAMPLE

補足説明が入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

MODULE

07_地図

キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
MODULE

08_動画

キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
キャプションが入ります
MODULE

09_画像

画像の表示サイズを調整

「スタイル＞エリア設定＞ボディ＞レイアウト＞ボディ幅を設定」より、画像が表示されるエリアの幅を縮小することで画像のサイズを縮小して設置位置を中央寄せにすることができます。

  • キャプションが入ります

スタイル＞デザイン＞デザインを選択

ラベル

円形

スタイル＞設定＞コンテンツの拡張

ロゴをブラウザの横幅一杯で表示する場合などに使用します。

MODULE

10_区切り線

スタイル＞デザイン＞デザインを選択

直線

ドット

線のステッチ

ドットステッチ

斜線ステッチ

MODULE

11_記事一覧

スタイル＞記事＞設定＞使用するコンポーネント

本項目で設定されたコンポーネントが記事一覧を構成する要素として表示されます。

スタイル＞記事＞設定＞コンポーネントの高さ揃えを有効化

記事一覧モジュールでは、使用するコンポーネントの組合せによっては上手くコンポーネントの高さが揃わない場合がございます。
そのような場合には、本機能でコンポーネントの高さを揃えることができます。

スタイル＞リンク＞設定＞リンクをカード全体に適用

MODULE

12_フォーム

MODULE

13_ニュース

MODULE

14_スライダー

MODULE

15_帯

スタイル＞背景エリア＞デザイン＞デザインを選択

背景上にコンテンツ

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

背景下部にコンテンツ

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

スタイル＞コンテンツエリア＞設定＞コンテンツの位置

右寄せ

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

左寄せ

SAMPLE

タイトルが入ります

サブタイトルが入ります

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。

スタイル＞コンテンツエリア＞デザイン＞デザインを選択

正方形

STRENGTH

特長

円形

STRENGTH

特長

スタイル＞背景エリア＞設定＞背景の拡張

エリア全幅

STRENGTH

特長

ウィンドウ全幅

STRENGTH

特長

スタイル＞背景エリア＞設定＞種類を選択

背景色

STRENGTH

特長

MODULE

99_共通機能（スタイル＞エリア設定）

スタイル＞エリア設定＞ボディ＞背景

SAMPLE

タイトルが入ります

サブタイトルが入ります

スタイル＞エリア設定＞ボディ＞枠線

SAMPLE

タイトルが入ります

サブタイトルが入ります

スタイル＞エリア設定＞ボディ＞シャドウ

SAMPLE

タイトルが入ります

サブタイトルが入ります

スタイル＞エリア設定＞モジュールの連結

複数のモジュールを1つのグループとして枠線やシャドウを適用する場合に使用します。
実際にはモジュール毎に適用されたスタイルを、擬似的にグループとして適用されているように調整しているため、連結するモジュールには背景色を設定する必要があります。

SAMPLE

タイトルが入ります

サブタイトルが入ります

  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。
  • リストの説明文が入ります。サンプルテキスト。

説明文が入ります。サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト。