新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(完全版)
パーツ配置
パーツを配置しページを構築していく作業
パーツ配置とはページを構成しているセクション(section)、行(row)、カラム(col)といった区分を必要に応じて設置し、適切なパーツをその中に配置していく作業になります。
ここでは作業を行う上での注意事項や各種パーツの仕様について取り上げます。
全パーツ共通のポイント
パーツ配置を行う際に必要となる操作のポイントを確認できます。
全パーツ共通のポイント
パーツの配置・仕様について
パーツを配置する際の注意点や各パーツの特徴、必要な設定について取り上げています。
パーツの配置・仕様について
全パーツ共通のポイント(セクション ~ カラムも含む)
1. クラスのつけ方
01
パレットアイコンをクリック
クラスを追加したい箇所のカスタマイズボタン(パレットアイコン)をクリックし、編集画面を表示します。
02
クラスを追加する
追加するclass名を入れ、保存ボタンをクリックします。
2. 非表示の仕方
非表示ボタン(目のマーク)をクリックすると、パーツを非表示にできます。
プレビュー、公開ページだけでなくソース上でも見られなくなります。
一部使えないものもあります。
パーツ配置時の注意事項
1. 空のパーツを残さない
空(パーツが中に含まれていない状態)の行(row)、セクション
を必ず残さないように注意します。
また、使用していない不要なパーツも削除(もしくは非公開)し、残さないようにします。
2. セクションや行(row)を余白目的に使用しない
パーツに元々ついている余白を利用し、
空のセクション
や
行(row)
などで余白を取ることは禁止されています。
パーツの配置・仕様について
配置できるパーツ・編集画面で可能な装飾
パーツの種類、また編集画面で行っても良い装飾を解説しています。
配置できるパーツ・編集画面で可能な装飾
リンク・イベント設定について
リンクを設定する際の注意点と主な設定方法を解説しています。(旧CMSマニュアル)
リンク・イベント設定について
セクションの配置
セクションの仕様や配置の方法について解説しています。
セクションの配置
行(row)の配置
行の仕様や配置の方法について解説しています。
行(row)の配置
カラム(col)の配置
カラムの仕様や配置の方法について解説しています。
カラム(col)の配置
見出し(component)の配置
見出しのパーツ配置の方法について解説しています。
見出し(component)の配置
ボタン(component)の配置
ボタンのパーツ配置の方法について解説しています。
ボタン(component)の配置
その他のパーツ(component)の配置
その他のパーツ配置の方法について解説しています。
その他のパーツ(component)の配置
単体パーツについて
単体パーツの特徴や使い方について解説しています。
単体パーツについて
複合パーツについて
複合パーツの特徴や使い方について解説しています。
複合パーツについて
セクションパーツについて
セクションパーツの特徴や使い方について解説しています。
セクションパーツについて
パーツ集について
各案件ごとに作成するパーツ集について解説しています。
パーツ集について
ブログ記事の流し込みについて
流し込む際に留意できる点をまとめています。
ブログ記事の流し込みについて
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.