個別パーツと共通パーツを使い分ける

該当ページ:ページ管理 > 固定ページ > 任意のページ名 > 個別パーツ / 共通パーツ

個別パーツと共通パーツの違いを知りたい、または使い方を確認したい方向けのページです。2種類のパーツの特徴と、追加・編集・削除・変換の手順を説明します。

LeadGridは、サイトを「セクション」という単位で横に区切り、積み木のように縦に積んで構成しています。「個別パーツ・共通パーツ」とは、サイトに追加する1つのセクションのことです。

セクションとは

管理画面上で赤枠に囲われている範囲が「セクション」です。最小単位として自由に入れ替えることができます。セクション内部の要素の位置やデザインの変更はエンジニアの改修が必要です。チャットボットよりお問い合わせください(追加費用が発生する場合があります)。

個別パーツ

共通パーツ

影響範囲

このページのみ

同じパーツが使われている全ページ

編集方法

見たまま編集で直接編集

[共通パーツを編集する]を選択して編集

新規作成

管理画面からは作成不可(要チャットボット依頼)

ページ上で個別パーツから変換可能


  1. サイドバーで[個別パーツ]または[共通パーツ]を選択します

  2. 使用したいセクションを、右側のページの追加したい場所へドラッグ&ドロップします

セクションの順番を変えたい場合は、右側のセクションを直接ドラッグ&ドロップで入れ替えできます。

個別・共通パーツどちらにも「セクション」「ヘッダー」「フッター」のタブがあります(実装内容によって一部非表示の場合あり)。ヘッダー・フッター以外のパーツはすべて「セクション」タブにあります。

共通パーツは、新規作成・複製した直後や編集中は [プレビュー] ができない場合があります。その場合は一度 [保存] を押してからプレビューしてください。

  1. [セクションを追加]をクリックします

  2. 一覧から共通パーツ化したいセクションを選択します

  3. [選択]をクリックします

  4. 追加された共通パーツが表示されます

  1. 編集したい共通パーツにカーソルを合わせます

  2. [編集]ボタン(左側)をクリックします

  3. モーダルが表示されます

  4. 内容を編集し、[編集完了]をクリックします

  1. 複製したい共通パーツにカーソルを合わせます

  2. [複製]ボタン(中央)をクリックします

  1. 削除したい共通パーツにカーソルを合わせます

  2. [削除]ボタン(右側)をクリックします

一度削除したパーツは元に戻せません。ご注意ください。

  1. 見たまま編集のページ上で変更したいセクションにカーソルを合わせます

  2. セクション上に表示される[ペンマーク]をクリックします

  3. 確認メッセージが表示されたら[実行]をクリックします

  4. セクションが共通パーツ化され、共通パーツ一覧に登録されます

手順は個別→共通への変換と同様です。

  1. 変更したい共通パーツにカーソルを合わせます

  2. [ペンマーク]をクリックします

  3. 確認メッセージが表示されたら[実行]をクリックします