当テンプレートの仕様書はこちら
大事なことも記載してあるのと詳細な仕様も記載されているので基本的に目を通してください。
尚、プログラムテンプレートの仕様書はこちら
mytokenなどの仕様も記載されているのでこちらも目を通してください。
フォントの大きさはセクションごとに統一しましょう!
また、表示が崩れないように基本的に文章はプレーンテキストで貼り付けをし、エディタから直接フォントサイズの切り替えはしないことを推奨します。
ちょっと強調したい文章はこれ!(Editor上で"B"のアイコンをクリック)
FV画像の設定方法
- FVの部分をダブルクリック→Insert/Edit Image(画像のアイコン)を選択
- Image URLに設定したい画像のパスを入れる。(デフォルトは"https://go.freee.co.jp/rs/548-BFM-800/images/fy22_LP_fv_test.png"が入ってます)サイズは1000px × 500px推奨。(縦割合または横割合が大きすぎる画像は非推奨)
- 新規作成された画像はask_ブランドでブランドチェックを受けてください。
FV画像の設定方法
- FVの部分をダブルクリック→Insert/Edit Image(画像のアイコン)を選択
- Image URLに設定したい画像のパスを入れる。(デフォルトは"https://go.freee.co.jp/rs/548-BFM-800/images/fy22_LP_fv_test.png"が入ってます)サイズは1000px × 500px推奨。(縦割合または横割合が大きすぎる画像は非推奨)
- 新規作成された画像はask_ブランドでブランドチェックを受けてください。
FVの背景画像の設定方法
- 右メニューの"FVの背景画像URL"のURLを入力
- "FV背景画像のリピート有無"で画像をリピートするかしないかを設定可能
sp〇〇系について
頭にspとついているものは全部スマホ用です。実際にアプルーブされたページをchromeの検証を使って確認しながら調整してください。
必ずスマートフォンでの表示の崩れが無いかを確認してください。 PC版Chromeの検証機能(最低でも実機スマートフォン1台以上)で確認するようにお願いします。
現代は半数がスマートフォンでWebページを見ている時代です。
navigationについて
navigationはPCビューの一部幅の時にトップに常時表示、スマホの場合にハンバーガーメニューとなって表示されます。必ず編集してください。
不要な場合はタグを除去した上で、variablesの"menuボタンの表示/非表示"を非表示にしてハンバーガーメニューを非表示化してください。
その他Variables
詳細は、上部に記載のdocumentで確認
section~の背景色: デフォルト値=inherit ここに#ebf3ffのようにカラーコードを入力すると該当のsectionの背景色を変更可能
ブランドに沿った薄い水色を設定する事が一般的 カラーコード=#ebf3ff
section~の表示/非表示: デフォルト値=表示 非表示にする事は可能ですが、これは非表示になっているだけで文字列は見ようと思えば誰でも見ることができます。基本的に一時的な非表示にのみ使用し、本当に不要なsectionはhtmlタグごと除去した上で非表示してください。
フッターの色の変更方法
"フッターの色"のスイッチを切り替えると青と黒に切り替わります。基本的には黒のほうがキリッとしそうです。


