新CMS完全対応マニュアル
アップデート情報はこちら
はじめに
利用規約
制作フロー
ライトプラン制作フロー
アップセル制作フロー
LP(ランディングページ)
fOでの基本設定
実装時の公開モード設定について
fOのページ構成概念
共通エリアと共通パーツ
ページの準備
画像アップロードとALTの設定
ロゴ・favicon・OGイメージの設定
フォームページの作成
ブログの設定
ベースデザイン設置(新CMSのみ)
ページ編集画面
クリップボードについて
モバイル用編集画面について
パーツ配置
配置できるパーツと編集画面で可能な装飾
リンク・イベントの設定
セクションの配置
行(row)の配置
カラム(col)の配置
見出しの配置
ボタンの配置
その他のパーツの配置
単体パーツについて
複合パーツについて
セクションパーツについて
パーツ集について
ブログ記事の流し込みについて
CSSでの装飾
コピー元のCSSと書く場所
命名規則とコーディングルール
自動出力されるIDやクラス
セクションの命名規則とコーディングルール
行(row)の命名規則とコーディングルール
カラム(col)の命名規則とコーディングルール
見出し(component)の命名規則とコーディングルール
ボタン(component)の命名規則とコーディングルール
その他のcomponentの命名規則とコーディングルール
編集画面の崩れについて
サイトチェック
サイトチェックのやり方
STEP1:基本設定
STEP2:その他の設定①
STEP2:その他の設定②
STEP3:カスタムCSS
STEP4:表示崩れ
STEP5:ページの非公開・削除
セクションパーツについて
TOP(完全版)
パーツ配置
セクションパーツについて
目次
セクションパーツ一覧
1. 空白のセクションパーツ
2. 商品・サービスパーツ
3. 課題・悩みパーツ
4. 選ばれる理由パーツ
5. リストパーツ
6. お問い合わせ・資料ダウンロードパーツ
セクションパーツ一覧
新CMSは
「単体パーツ」・「複合パーツ」・「セクションパーツ」
の3タイプのデザインパーツが用意されています。
このページでは
「セクションパーツ」
について記載しています。
1. 空白のセクションパーツ
ベースデザイン設定で指定したカラーがそれぞれのパーツに反映されます。
注意事項
新CMSの場合、デザインパーツから選択できるセクションは
ベースデザイン設定
の設定が
そのまま反映される
ように実装されています。
そのため、これまで行っていた
「セクションを追加」ボタンを使用しての追加は行わないでください
。(
「セクションを追加」ボタンで追加されるセクションはデザインパーツではありません
)
2. 商品・サービスパーツ
各サービスの紹介やフローのデザインが用意されています。
また、「サービス詳細1・2」にはボタンもパーツに入っているので、URLの設定を忘れないようにしてください。
3. 課題・悩みパーツ
課題・悩みをユーザーに問いかけるデザインが4パターン用意されています。
4. 選ばれる理由パーツ
画像とテキストがセットになっており、「選ばれる理由」ページの動線となるセクションパーツです。
デザイン下部にボタンが配置されていますので、URLの設定を忘れないようにしてください。
5. リストパーツ
ニュースや導入事例の記事リストが用意されています。
配置後、記事リストの設定を忘れないようにしてください。
6. お問い合わせ・資料ダウンロードパーツ
CTAやお問い合わせ、資料ダウンロードのデザインが用意されています。
注意事項
白文字デザインの場合、セクションに画像は設定されていないので
背景色または背景画像を設定
してください。
単体パーツ
単体パーツについてはこちら
単体パーツ
複合パーツ
複合パーツについてはこちら
複合パーツ
fOでの基本設定
実装時の公開モード設定について
fOのページ構成概念
共通エリアと共通パーツ
ページの準備
画像アップロードとALTの設定
ロゴ・favicon・OGイメージの設定
フォームページの作成
ブログの設定
ベースデザイン設置(新CMSのみ)
ページ編集画面
クリップボードについて
モバイル用編集画面について
パーツ配置
コピー元のCSSと書く場所
リンク・イベントの設定
セクションの配置
行(row)の配置
カラム(col)の配置
見出し(component)の配置
ボタン(component)の配置
その他のパーツ(component)の配置
単体パーツについて
複合パーツについて
セクションパーツについて
パーツ集について
ブログ記事の流し込みについて
CSSでの装飾
コピー元のCSSと書く場所
命名規則とコーディングルール
自動出力されるIDやクラス
セクションの命名規則とコーディングルール
行(row)の命名規則とコーディングルール
カラム(col)の命名規則とコーディングルール
見出し(component)の命名規則とコーディングルール
ボタン(component)の命名規則とコーディングルール
その他のcomponentの命名規則とコーディングルール
編集画面の崩れについて
サイトチェック
サイトチェックのやり方
STEP1:基本設定
STEP2:その他の設定①
STEP2:その他の設定②
STEP3:カスタムCSS
STEP4:表示崩れ
STEP5:ページの非公開・削除
© Basic Inc. All Rights Reserved.