新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. 3列の画像パーツ
7. ボックスリンクパーツ
8. お問い合わせ・資料ダウンロードパーツ
9. その他のパーツ
複合パーツ一覧
新CMSは
「単体パーツ」・「複合パーツ」・「セクションパーツ」
の3タイプのデザインパーツが用意されています。
このページでは
「複合パーツ」
について記載しています。
パーツの一部に色が設定されている場合も
いくつかの複合パーツでは、テキストやパーツの一部に対して、サイト全体のトンマナが合うよう特定の色が
あらかじめが設定
されていたり、ベースデザイン設定で設定した
色を反映させるような仕様
になっているものもあるため、使用の際は注意が必要です。
1. メインビジュアル用パーツ
メインビジュアルに配置するパーツが用意されています。
1カラムや2カラム用のパターンもあるので、デザインに応じて使い分けてください。
2. 見出しパーツ
セクションの補足やコンテンツの区切りに使いやすいパーツが用意されています。
3. テキストパーツ
リッチテキストの機能にあるリスト・テーブルを仕様したデザインが用意されています。
4. 画像・見出しパーツ
画像と見出しを含めたテキストコンテンツがセットになったパーツです。ボタンや画像にシャドウがついているデザインなど多数用意されています。
5. 画像・テキストパーツ
画像とテキストコンテンツがセットになったパーツです。
詳細ページ等に使用しやすいシンプルなデザインが用意されています。
6. 3列の画像パーツ
3カラムの画像デザインが用意されています。
既に画像サイズが
オリジナル・フィットなし
に設定されています。
7. ボックスリンクパーツ
見出し・テキスト・画像を1つのボックスリンクとして設置できるデザインを用意しています。
8. お問い合わせ・資料ダウンロードパーツ
CTAセクションに使用される「お問い合せ」・「資料ダウンロード」・「TEL」ボタンとそれぞれのテキストがセットになっているデザインが用意されています。
9. その他のパーツ
アクセスマップやサイトマップ、サービスのフロー等の様々なデザインが用意されていますので、場面によって使い分けてください。
単体パーツ
単体パーツについてはこちら
単体パーツ
セクションパーツ
セクションパーツについてはこちら
セクションパーツ
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.