アンカーリンクを設置したいモジュールの上に配置

• ヘッダーの下に隠れないようになります
• 弊社作成「section系」モジュールにもアンカーリンクの機能があるので、現在はあまり使わない

特定のブログのタグを全て表示

• 主にブログで使用します

上のモジュールと同じデザインで、自由にリンクを設定できる
特定のタグだけ表示したい場合に使用

• 主にブログで使用します

パンくずリスト

ページタイトル

• 背景設定可能（画像・色）
• テキスト位置調整可能（左・中央・右）
• リード文が未入力の場合は非表示になる

基本のモジュールで、以降に続く「fbk-section--〇〇」と名前がついているモジュールでは以下4つの共通の機能を持っている

• オプション（上下余白。背景、設定など）
• ヘッダー（タイトル、サブタイトル、リード文）
• 追加コンテンツ（リッチテキスト、サブボタン）
• フッター（ボタン）

• タイトルとモジュールコンテンツ、もしくはモジュールコンテンツを枠で囲うことが可能
• 上下余白、左右幅を設定可能
• フッターでボタンを設置可能（cta設置可能）

また、ほとんどのリッチテキストには、追加でテキストリンク、ボタンリンク、ctaリンクが設定可能

アコーディオン

• 開く前 : リッチテキスト / 開いた後 : リッチテキスト

アコーディオン

• 開く前 : テキスト / 開いた後 : テーブル・リッチテキスト

アコーディオン

• 開く前 : テキスト / 開いた後 : リッチテキスト

このデザインでリンク設定（画像も必要）

テキストアイコン設定可能
右側はリッチテキスト

画像とリッチテキストでのリンク設定

• PCは2〜5カラムまで、SPは1〜3カラムまで変更可能

特定のブログの最新記事を表示（キービジュアル・タイトルが表示される）

• PCは2〜5カラムまで、SPは1〜3カラムまで変更可能
• ブログ+タグによる絞り込み可能
• 表示件数指定可能

複数のブログを選んで各ブログの最新記事を表示

• PCは2〜5カラムまで、SPは1〜3カラムまで変更可能

画像とリッチテキストをクリックするとモーダル/ポップアップが開く

• PCは2〜5カラムまで、SPは1〜3カラムまで変更可能
• モーダル内はリッチテキスト

リッチテキストのカルーセル

• PCは2〜4カラムまで設定可能、SPは1カラム

PCは横並び、SPは縦並びになる

• PC時の左右のコンテンツはそれぞれ指定可能
• PC時は左右余白、SP時は上下余白が設定可能
• それぞれはリッチテキスト
• 更に、左右のセットごと等倍2カラムまで変更可能
• アイコン画像とテキストなどの表現にも使用可能

リンクが設定可能

• ページ内リンクや、ディレクトリ内リンクなどに使用想定

FAQ用モジュール

• カテゴリタイトルは非表示可能
• Qはテキスト、Aはリッチテキスト

フロー用モジュール

• 数字は自動付与
• コンテンツ部分はリッチテキスト

インタビュー想定アコーディオン

• 左は画像、右はリッチテキスト、開いた中はリッチテキスト
• インタビュー想定だが、他用途でも使用可能

5枚の画像がループでスライドする

• コンテンツの幅を画面幅に変更する必要あり

特定のブログの最新記事を表示（登校日、タグ、タイトル）

• ブログ+タグによる絞り込み可能
• 表示件数指定可能

PCとSPで違う画像を使用したい場合に使用

リッチテキストの等倍カラム表示

• PCは2〜5カラムまで、SPは1〜3カラムまで変更可能
• それぞれのカラムに枠の付与可能（一括指定）

リッチテキスト作成のテーブル表用モジュールで、SP時に左右スクロールで表示される

• リッチテキストのテーブルは崩れやすいので、「fbk-section--table_pro」の使用推奨

画像スライダー

リッチテキストスライダー

タブ切り替え可能なボタンナビゲーション

シンプルテーブル用モジュール

• 2カラムのテーブルが作成可能
• 全ての入力要素はリッチテキスト

複雑なテーブルが作成可能

• 2カラム以上のテーブル作成可能
• 全ての入力要素はリッチテキスト
• 全ての入力要素に対して、項目、内容の選択可能
• テーブルヘッダー、テーブルボディーが設定可能

ブログのタグが表示される

• ブログを選択して使用