新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. リストパーツ
7. 埋め込みパーツ
8. その他パーツ
9. デフォルトパーツ
単体パーツ一覧
新CMSは
「単体パーツ」・「複合パーツ」・「セクションパーツ」
の3タイプのデザインパーツが用意されています。
このページでは
「単体パーツ」
について記載しています。
画像はイメージです。
最新のパーツは含まれておりませんので、実際に編集画面を開いて使用できるパーツをご確認ください。
1. 見出しパーツ
見出しパーツのデザインは3タイプ用意されており、デザインによって使い分けてくだい。
また、旧CMSでは配置されるサイズはh3がデフォルトとされていました。新CMSは
h2
がデフォルト
に変更されています。
2. テキストパーツ
テキストパーツには
「通常用」
・
「見出し上のあしらい用」
・
「表」
の3タイプのデザインが用意されており、デザインや場面によって使い分けてくだい。
旧CMSと仕様が変わった点
旧CMSでは「テキストパーツ」と「リッチテキストパーツ」がありましたが、新CMSでは
「リッチテキストパーツ」
に統一されました。
ただし、テキストパーツが残っているサイトの場合は、状況に応じて使用しても問題ありません。
3. ボタンパーツ(各種)
ボタン01〜03
ベースデザイン設定
で設定した3つのデザインがボタンパーツに反映されます。
遷移先に合わせてボタンパーツを使い分けてください。
また、
イベント設定
が必要な場合には各ボタンに設定をしてください。
ボタン(その他)
その他には、「電話番号」や背景が暗い場合にも対応できるように
白枠のボタン
・
白背景のボタン
が用意されています。
こちらもボタン01〜03と同じようにイベント設定が必要な場合には各ボタンに設定をしてください。
(一部ベースデザイン設定の内容がスタイルに引き継がれている箇所があるので、コードを確認しつつ注意してご使用ください)
4. 画像パーツ
「メインカラーデザイン」
・
「
サブカラーデザイン」
・
「
アクセントカラーデザイン」
は
ベースデザイン設定の配色
で設定した色が
画像下のデザイン
に反映されます。
また、「影あり」も
ベースデザイン設定
の
シャドウで設定した色
が画像に反映されます。
5. 装飾パーツ
区切り線
「メインカラーデザイン」・「サブカラーデザイン」・「アクセントカラーデザイン」は
ベースデザイン設定の配色
で設定した色がデザインに反映されます。
アイコン
アイコンのカラー選択は
ベースデザイン設定の配色
で設定した色が選択肢に反映されます。
6. リストパーツ
記事関連のパーツが用意されています。
リンクリスト
矢印のアイコンは
3色違い
で用意されていますが、
ベースデザイン設定の配色
で設定した色がアイコンに反映されます。
7. 埋め込みパーツ
fO編集画面以外で作成したパーツや外部のURLやデータを埋め込む為のパーツが用意されています。
8. その他パーツ
検索パーツやブログページに使われるシェアボタンが用意されています。
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.