新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:ページの非公開・削除
サイトチェック
STEP1:基本設定
TOP(完全版)
サイトチェック
STEP1:基本設定
目次
基本設定(STEP1)
1. 適切なロゴ・ファビコンが設定されている
2. OGP画像を作成して、制作した全ページのOGPに設定
全体の設定に関するチェック
STEP1ではページ全体の基本設定についてチェックを行います。
チェック作業の方法および注意点については以下の解説をご参照ください。
基本設定(STEP1)
1. 適切なロゴ・ファビコンが設定されている
01
設定を確認する画面を開く
管理画面から、 設定 > 基本設定 >
アイコン選択
を開きます。
02
表示の確認
ロゴ設定、ファビコン設定の画像が、ページで出力されているロゴ・ファビコン設定されている内容と合っているか確認します。
2. OGP画像を作成して、制作した全ページのOGPに設定
01
設定を確認する画面を開く
管理画面から、 設定 > 基本設定 >
OGP設定
を開きます。
02
表示を確認
適切なOGP画像が設定されているか確認します。
既存サイトから移管していた記事ページなどは、既存サイトのユニークOGP画像が入っている場合があるのでチェックします。
作業時のPOINT
別項目のチェックでタイトルディスクリプションの確認を行いますが、そのついでにOGP画像も問題なさそうかだけ軽く確認すると良いでしょう。
特に移管ページがある場合は、個別で固有のOGPが設定されているケースもあるので、
ページ固有のOGP画像の設定方法(OGP一括編集画面上の設定方法)ページ
からのOGP確認をおすすめします。
参考ページ:ページ固有のOGP画像の設定方法(OGP一括編集画面上の設定方法)
サイトチェック一覧に戻る
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.