PAGE MODULES
ページモジュール
「このページにフォームを追加したい」「画像をギャラリー形式で並べたい」——そんな要望をコードなしで実現するのが、ページモジュールです。
テキスト・画像・ギャラリー・FAQ・フォーム・テーブルなど、用途別のブロックを組み合わせるだけで、ページを自由に構築できます。
概要
ページモジュールは、ページの本文を組み立てるための「部品（ブロック）」です。
見出し・テキスト・画像・ギャラリー・FAQ・お問い合わせフォーム・表（テーブル）・スライダーなど、用途ごとに用意されたブロックを選んで追加し、上下に並べ替えるだけで1ページが完成します。
HTMLやCSSといった専門のコードを書かなくても、整ったレイアウトを運用担当者の手元で組み立てられます。
標準のブロックで足りないときは、ご要望に合わせた独自ブロックの新規開発にも対応できます。
かんたんに言うと
ふだん見ているWebページは、文章のかたまり・写真・問い合わせ欄など、いくつかの「ブロック」が縦に積み重なってできています。
ページモジュールは、その一つひとつのブロックを部品として用意したものです。
レゴのように、必要な部品を選んで積み上げていくイメージで使えます。
使い方はシンプルです。管理画面で「テキストを足す」「画像を足す」とブロックを追加し、ドラッグして順番を入れ替えるだけです。
コードを一切書かずにページが組み上がります。
文章だけのブロック、写真を並べるギャラリー、よくある質問（FAQ）、申し込みフォームなど、目的に合わせて自由に組み合わせられます。
標準で用意されたブロックだけで、お知らせ・サービス紹介・キャンペーンなど、たいていのページは作れます。
「もっと特別な見せ方をしたい」というときは、案件専用のブロックを新しく開発して追加することもできるので、デザインの自由度に上限がありません。
この機能のポイント
-
01
コードなしで組める
ブロックを追加・並べ替えするだけでページが完成。HTML や CSS の知識がなくても運用担当者だけで作れます。
-
02
用途別のブロックが豊富
テキスト・画像・ギャラリー・FAQ・フォーム・テーブル・スライダーなど、目的に合った部品をそろえています。
-
03
スマホ表示に標準対応
各ブロックはスマートフォンでの表示に最初から対応。別途スマホ用の作り直しは不要です。
-
04
独自ブロックも作れる
標準の部品で足りないときは、その案件専用のブロックを新しく開発して追加できます。
-
05
並べ替え・複製がかんたん
ブロックは順番の入れ替えや複製ができ、似たレイアウトを使い回して効率よく作れます。
使い方の流れ
-
ブロックを追加する
ページの編集画面で、テキスト・画像・ギャラリーなど使いたいブロックを選んで本文に追加します。
-
中身を入力する
追加したブロックごとに、文章を打ち込んだり、写真を選んだりして中身を入れていきます。
-
順番を並べ替える
ブロックをドラッグして上下に動かし、見せたい順番に並べ替えます。不要なブロックは削除、似たブロックは複製できます。
-
保存して確認する
保存すると、追加したブロックがそのままページの本文として表示されます。スマホでの見え方も自動で整います。
できること
- テキスト・画像・ギャラリー・FAQ・フォーム・テーブル・スライダーなど用途別ブロックの追加
- ブロックの上下の並べ替え
- ブロックの複製（似たレイアウトの使い回し）
- 不要なブロックの削除
- ブロックごとの細かな表示設定（見出しや本文の入力など）
- スマートフォン表示への標準対応
- ブロックの「使用する／しない」の切り替え
- ブロックの分類（グループ分け）による管理
- ショートコードと組み合わせた定型表現の差し込み
- 案件ごとの要望に応じた独自ブロックの新規開発・追加
画面で見る機能の詳細
ブロックの追加と並べ替え
編集画面でテキストや画像のブロックを足し、ドラッグで上下に動かして順番を入れ替える流れです。
「コードなしで積み上げる」感覚は、動きで見るのが一番伝わりやすいです。
ブロックの複製と使い回し
似たレイアウトのブロックを複製して再利用する操作です。
ボタンひとつで増える動きで、効率よくページを作れる便利さが伝わります。
ブロックごとの詳細設定（見出しレベル・公開範囲・余白）
各ブロックには見出しレベル（H2〜H5）・公開範囲（PC／スマホ別・非公開）・掲載期間・下余白などの細かな設定があります。
「ブロック単位で表示を調整できる」ことが1枚で確認できます。
活用シーン
- キャンペーン用のランディングページを、コードを書かずに素早く公開したいとき
- FAQ ブロックとフォームブロックを組み合わせて、お問い合わせページを作りたいとき
- ギャラリーとスライダーで施工事例や実績を見せるページを作りたいとき
- Web に詳しくない担当者でも、決まったレイアウトのページを自分で更新したいとき