ferret Oneで作成できるサイトを構成している要素について説明します。
ページ編集画面でご説明します。
ferret One左メニュー サイト > ページ一覧 > ページ編集 をクリックすると、下記の画面になります。
※キャプチャは旧契約画面になります
目次
ferret Oneのページ構成要素
ferret Oneで作成するWebページは以下の要素で構成されています。
エリア
①ロゴ・ナビゲーション
②ヘッダー
③コンテンツエリア
④左右サイドバー
⑤フッター
の5つのエリアがあり、最も大きい構成要素となります。
セクション
上図の緑色の枠で表示された箇所で、2番目に大きい構成要素となります。
■「セクションについて」の詳細はこちら
＞【機能詳細】ページ編集（LP編集）／セクションの追加
行
上図の青色の枠で表示された箇所で、エリアもしくはセクションの中に入る要素となります。ページ編集時は行またはカラムにパーツをドラッグ&ドロップします。
カラム
上図の黄色の枠で表示された箇所で、行を縦に分割したものをカラムといいます。1行につき、最大4つのカラムに分割することができます。ページ編集時は行またはカラムにパーツをドラッグ&ドロップします。
パーツ
パーツとは、見出し・テキスト・ボタンなどの最小の構成要素となります。
■「各パーツの詳細について」はこちら
＞【画面説明】サイト／ページ編集 デザインパーツ
エリアの概要
各エリアの概要についてご説明します。
①ロゴ・ナビゲーション
サイトのロゴとナビゲーションが配置されたエリアです。
ナビゲーションを2段にした場合、ナビゲーションの上にパーツを2つだけ配置することができます。
②ヘッダー
ページのヘッダーとなるエリアです。
③コンテンツエリア
ページの主要情報（コンテンツ）を表示するエリアです。
④サイドバー
ページの横に表示されるバーです。レイアウト設定で「サイドバー無し」「左サイドバー」「右サイドバー」「両サイドバー」の切り替えを行うことができます。
⑤フッター
ページのフッターとなるエリアです。
関連ページ
＞【画面説明】設定／外観設定 テーマ設定 一覧
各エリアの設定
ページ編集画面の左メニュー「ページ設定」から、編集中のページにおける各エリアの設定を行うことができます。
■ページ編集画面の操作方法ページの詳細はこちら
＞【画面説明】サイト／ページ編集
セクション・行・カラムの編集方法
セクション、行、カラムの編集方法についてご説明します。
①セクション編集パネル
セクションの編集を行うパネルです。
各アイコンのご説明（上から順）
上移動：セクションを上に移動します。
下移動：セクションを下に移動します。
削除：セクションを削除します。
含まれる行、カラム、パーツも全て削除されますのでご注意ください。 複製：セクションを複製します。
カスタマイズ：セクションをカスタマイズします。クリックすると画面右側にカスタマイズメニューが表示されます。
■カスタマイズメニューについての詳細はこちら
＞セクション・行・カラム・パーツをカスタマイズする方法 移動：セクションを別の場所に移動します。このアイコンをクリックしてドラッグすると配置可能なエリアが表示されますので、表示されたエリアにドロップしてください。
追加：編集中のエリアの下に新規でセクションを作成します。
作成されたセクションには自動的に行も含まれています。
②行・カラム編集パネル
行とカラムの編集を行うパネルです。
各アイコンのご説明（左から順）
移動：行を別の場所に移動します。
このアイコンをクリックしてドラッグすると配置可能なエリアが表示されますので、表示されたエリアにドロップしてください。
表示：表示/非表示が設定できます。
上移動：行を上に移動します。
下移動：行を下に移動します。
削除：行を削除します。中に含まれるカラム、パーツも全て削除されますのでご注意ください。
複製：行を複製します。
追加：編集中の行の下に新規で行を作成します。
分割：行をカラムに分割します。クリックした数に応じてカラムが生成されます。
カスタマイズ：行をカスタマイズします。クリックすると画面右側にカスタマイズメニューが表示されます。
■カスタマイズメニューについての詳細はこちら
＞セクション・行・カラム・パーツをカスタマイズする方法 移動：カラムを別の場所に移動します。
このアイコンをクリックしてドラッグすると配置可能なエリアが表示されますので、表示されたエリアにドロップしてください。
③パーツ編集パネル
パーツの編集を行うパネルです。
パーツによってアイコンが異なりますので、詳細は個別のご説明をご覧ください。
■各パーツの詳細はこちら
＞【画面説明】サイト／ページ編集 デザインパーツ