新CMS完全対応マニュアル
fOの構成概念
fOでは通常のサイト制作とは異なる名称でコンテンツエリアを表現しています。
構造とそれぞれの呼び方を確認し、十分に理解してマニュアルを読み進めていただければと思います。
WEBサイトのページのエリア構造は、大きく
「①ナビゲーション」「②ヘッダー」「③コンテンツエリア（パンくずエリア・共通パーツ［CTA］を含む）」「④サイドバー」「⑤フッター」
の５つに分かれています。
さらに、そのエリアの中で「セクション（section）」、「行（row）」、「カラム（col）」、「パーツ（component）」と細かく分かれています。
構造とそれぞれの呼び方を確認し、十分に理解してマニュアルを読み進めていただければと思います。
WEBサイトのページのエリア構造は、大きく
「①ナビゲーション」「②ヘッダー」「③コンテンツエリア（パンくずエリア・共通パーツ［CTA］を含む）」「④サイドバー」「⑤フッター」
の５つに分かれています。
さらに、そのエリアの中で「セクション（section）」、「行（row）」、「カラム（col）」、「パーツ（component）」と細かく分かれています。
構成エリア毎のボタンサイズルール
LPやリプレイス、プレミアムなどの一部特殊なプランを除き、サービスサイトを作成する際は各ボタンに対してSサイズ・Mサイズ・Lサイズの3種類のサイズを作成します。
これら3種類のサイズはカンプ内で実際に使用している・いないに関わらず、ボタンデザイン毎に作成を行います。
ナビゲーション・ヘッダー・コンテンツエリアにボタンを配置する場合、基本的には以下のルールに沿ってボタンのサイズを設定します。
これら3種類のサイズはカンプ内で実際に使用している・いないに関わらず、ボタンデザイン毎に作成を行います。
ナビゲーション・ヘッダー・コンテンツエリアにボタンを配置する場合、基本的には以下のルールに沿ってボタンのサイズを設定します。
カンプ確認時の注意事項
カンプ上で以下のボタンサイズ設定が守られていなかった場合は必ずデザイナーに確認を行なってください。
ボタンの配置場所とサイズ
| ボタンの配置場所 | ボタンのサイズ |
|---|---|
| ナビ上部 | サイズS |
| メンビジ内 | サイズL |
| コンテンツ内 | サイズM |
| 下部お問い合わせCTA内 | サイズL |
| フォームページ（TELボタン） | サイズM |
© Basic Inc. All Rights Reserved.