セクション設定を編集する

このページでは見たまま編集で、セクション設定でできる操作をまとめています。

LeadGridの見たまま編集では、サイトを意味のあるかたまり単位でブロック化しています。このブロックのことを「セクション」と呼んでいます。

サイトをセクション単位で上下に入れ替えたり、ページ内を遷移するためのラベルを付与することが可能です。

セクション設定は、各セクションの左上 [ペンマーク] を押下して開くことができます。

セクション設定では、以下3つの種類の設定ができます。

1. セクションIDの付与

2. セクションを共通パーツ/個別パーツへ変更する

3. （一部セクションのみ）スタイル設定

次に、詳しい3つの設定をご説明します。

セクションには、そのセクション専用の「ID（名前のようなもの）」を設定できます。このIDを使うと、メニューやボタンを押したときに、同じページ内の特定のセクションまで画面を自動でスクロール（ジャンプ）させることができます。

たとえば「料金」ボタンを押すと料金のセクションまで一気に移動する、といった動きがこれにあたります。

1. セクション左上の［ペンマーク］を押下し、「セクション設定」を開きます。

2. 「セクションID」横の入力欄に、任意のIDをアルファベットで入力します。

3. ［保存する］を押下すると、設定は完了です。

• IDには、半角の**英字・数字・ハイフン（-）・アンダースコア（_）**が使えます。日本語や空白（スペース）は使えません。

• 迷ったときは、先頭を英字にして、単語の区切りにハイフンかアンダースコアを使うと安心です（例：price、company-about、contact_form）。

• 該当するページのリンクの末尾に「#」 +「（設定したID）」を指定すると、そのセクションへジャンプできます。

• URLの末尾に「#（設定したID）」を付けてアクセスすると、ページを開いたときに自動でそのセクションまで移動します。

選択したセクションを共通パーツ、または個別パーツへ変更できます。

共通パーツ・個別パーツの詳しいご説明はヘルプページ「個別パーツと共通パーツを使い分ける」をご参照ください。

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

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

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

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

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

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

2. ［ペンマーク］をクリックします

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

スタイル設定とは、セクションの表示スタイルや動作を切り替えるための設定です。各テンプレートセクションにあらかじめ用意されたオプションの中から、お好みの表示や動きを選択していただけます。

スタイル設定でよく使われる項目には、たとえば次のようなものがあります。