オンラインマニュアル

ブログの外観の設定

編集画面へ移動する



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

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

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

ここでは重要な設定のみ解説します。ブログ設定の詳細は下記ページを参照ください。


基本情報の設定 > ロゴ画像



ロゴをアップロードしてください。幅300px、高さ50px以内のPNG・SVG形式の画像が望ましいです。

基本情報の設定 > 電話番号



電話番号を入力すると、サイト内に「電話をかけるボタン」が表示されます。

外観の設定 > ヘッダのレイアウト



ヘッダのレイアウトを3タイプから選択できます。

インストール直後はタイプ1となっています。ウェブ制作の技術が高くない場合はこちらがおすすめです。
タイプ2は店舗向けです。SNSボタンが複数並ぶことが前提となっています。
タイプ3はデスクトップ画面でヘッダが本文の上に重なるため、上級者向けです。

外観の設定 > モバイルメニューの外観



モバイル端末のメニューの挙動を選択できます。

トップバー

画面上部に追随する、水平ナビゲーションが表示されます。項目数は4〜5個が限度です。
常に表示されているため視認されやすいです。

サイドバー

垂直ナビゲーションが表示されます。項目に制限はなく、階層メニューを作成できます。
表示には右上のトグルボタンを押す必要があります。

外観の設定 > カラー



サイト内のカラーを設定できます。
すべての色を設定する必要はありません。「メイン」と「リンク色」にロゴの色を指定するのがおすすめです。

メイン

サイト内の重要な色を指定してください。

サブ01

メインカラーを補助する、トーンが近い色を指定してください。フォームの送信確認などの、システム案内色にも使用されます。

サブ02

好きな色で構いませんが、アクセントとして使用できる色がおすすめです。

濃い(文字)

青・茶などの、充分なコントラストを持つ色であれば、「基本」と同じ色で構いません。
緑・水色などは背景色とのコントラストが不足するため、文字が見えにくいことがあります。その場合は「基本」よりも暗くした色を指定してください。

薄い(網かけ)

薄い網掛けに使用されます。各色を薄くした色を指定してください。

リンク色

本文の文字リンクの色です。

メニュー

グローバルナビゲーションにカーソルを置いたとき、現在のページをハイライトしているときの色です。