新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:ページの非公開・削除
行(row)の配置
TOP(完全版)
パーツ配置
行(row)の配置
目次
行(row)の配置について
1. 編集パネルについて
2. 操作方法
2.1 - 操作開始方法
2.2 - 追加方法
2.3 - 削除方法
3. 関連するコンテンツ
行(row)の配置について
行(row)の編集パネルの操作や編集方法について説明します。
1. 編集パネルについて
従来の仕様と同じように、行(row)にホバーした際に表示される
編集パネル
から操作を行えます。
行(row)を
移動
させたり、
削除
、
複製
、
非表示
が可能です。
パレットマークからはクラス名の追加、背景色・背景画像の設定、余白・枠線の追加ができます。
行(row)の編集パネル
表示/非表示
クリックすると行(row)の表示/非表示を切り替えられます。
上に移動、下に移動
セクション(section)内で行を上下に移動します。
削除
行を削除します。
1つのセクション(section)に対して、行(row)が必ず1つ以上必要です。不要な場合はセクション(section)ごと削除してください。
複製
下方向に複製します。
元の行(row)の情報が全て複製されます。不要なクラスが付与されたままにならないようご注意ください。
追加
下方向に追加します。
分割(1・2・3・4)
行を分割するカラム(col)数を変更します。
カラム数を減らす場合は、カラム(col)内に配置されているパーツごと削除されます。ご注意ください。
カスタマイズ
クラス名の追加、背景色・背景画像の設定、余白・枠線を追加できます。
カスタマイズの詳細はこちら
移動
行(row)をドラッグ&ドロップで移動します。
2. 操作方法
「行・カラムを編集」ボタンから 行(row)の追加や削除をすることができます。
ドラッグ&ドロップで任意の場所に移動し、挿入することも可能です。
2.1 -
操作開始方法
2.2 -
追加方法
注意事項
行はホバーしないと編集画面上で見えないので、意図しない空の行(row)が残ってしまうことがあるので残さないように気をつけてください。
2.3 -
削除方法
※1つのセクション(section)に対して、行(row)が必ず1つ以上必要です。(セクションに対し行(row)が1つしかない場合、その行(row)を削除することが出来ません。不要な場合はセクション(section)ごと削除してください。
3. 関連するコンテンツ
行(row)の命名規則とコーディングルール
行(row)の命名規則とコーディングルールについて説明しています。
ボタン
パーツ配置一覧に戻る
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.