編集画面へ移動する

管理ボックス

ログイン中は、すべての公開ページの最上部に「管理ボックス」が表示されています。
「ブログの設定」ボタンをクリックすると、現在表示しているブログの、カスタム設定画面へ移動します。

ブログの設定画面

「管理ページ」ボタンから移動した場合は、管理ページのメニューから「ブログ」を選択してください。
移動先のブログ管理画面には、さらにタブメニューがあります。「カスタム情報」を選択してください。

カスタム情報のページには、zeroichi_lp独自の設定項目があります。変更後、「保存」ボタンをクリックすると、公開ページに反映されます。

複数のランディングページサイトを管理している場合は、画面左上のブログ名を確認し、対象となるブログを間違えないようご注意ください。
a-blog cmsでは「基本情報」タブで、管理ページ内のキーカラーをブログ別に変更することができます。事前に設定しておくと間違いを防げます。

外観の設定

外観の設定

❶ ロゴ画像

ヘッダに常に表示される、ロゴ画像をアップロードしてください。❷で画像のURLを指定する場合は、zeroichi_lpロゴを削除する(削除にチェックを入れて保存)だけで問題ありません。PNG形式、高さ100px以上が推薦サイズです。

❷ ロゴ画像のURL

❶よりも優先されます。ロゴ画像にSVG形式を利用する場合は、画像を「メディア」にアップロードするか、サーバー内に別途アップロードして、ここにURLを入力してください。

❸ フッターのコピーライト

サイト名やブランド名のコピーライトに変更してください。

❹ カラー

テーマ内で使用されている、3つのカラーを変更することができます。
16進数・rgb・色名など、CSSで使用可能なカラーコードを入力できます。

種類 識別名 お薦めの色
メイン first ブランドカラー、会社ロゴカラー
サブ01 second メインと衝突しにくい、彩度が低い色(よくわからなければ、初期値の黒系のままか、ゴールド系が無難です)
サブ02 third または info メインとは色相が異なる色(ふたつ目のランディングページのメインカラーとする手もあります)
注意色 important フォームのエラーなどの色です。必ず赤となり、管理ページからは変更できません。
リンク色 - テキストリンクの色です。
種類 説明
基本 通常状態です。ボタンの色、カードユニットの見出しなどに使用されています。
濃い(文字) ボタンにカーソルを置いたときの色や、文字色に使用されます。「基本」が充分なコントラストであれば、同じで構いません。緑・ゴールドなどは、文字に使用するとかなり薄く見えます。別途指定することをお薦めします。
薄い(網かけ) 装飾用クラスの .bg-fade を使用したときや、フォームの確認アラートの背景色などに反映されます。かなり薄くした色を指定してください。

※識別名は、装飾用CSSの色関係のクラスに対応しています。詳しくは、スタイルガイドを参照ください。