デザイン
ロゴ画像の推奨サイズを知りたい
ロゴ画像について ロゴ画像はデザイン設定＞レイアウト＞ヘッダー＞サイト基本情報にて設定を行います。 ロゴは企業毎にかなり形が違い、適したサイズ（見やすいサイズ）が異なります。 本ページに記載するサイズを参考にしていただき、 ロゴを実際に設置してみて見た目の調整を行っていただくようお願い致します。 PCの場合 PCの場合は、文字情報表示の有無でロゴ表示枠の最大サイズが異なり、以下が表示枠の上限サイズとなります。 ...
固定フッター（デザイン設定）
Advancedプラン、またはPremiumプランをご利用いただいている場合、固定フッターをカスタマイズできます。 ※固定フッターの表示有無のみ全プランで設定可能です。 設定内容例） ボタン名 リンク先 並び順 ▲カスタマイズ例(左：デフォルト表示 右：カスタマイズ後) ※オンライン相談はオプション機能です 設定は、デザイン設定＞レイアウト＞フッター＞固定フッターで行います。 固定フッターの表示有無：全プランで設定可能 固定フッターのカスタマイズ：Advancedプラン or ...
フォント（デザイン設定）
フォント（デザイン設定）について サイトに表示されるフォントを変更することができます。 前提 サイドメニューから「デザイン設定」を開き、「フォント」をクリックします デザイン設定についてはこちら フォント変更 「全体」と「見出し(h1-h6)」のフォントをそれぞれ変更できます。
デザイン設定
デザイン設定について デザイン設定を使って、サイト全体の見た目や表示項目をカスタマイズすることができます。 設定パネルの右側には、常に更新内容を反映したプレビューが表示されます。 カスタマイズ内容は大きく下記に分類されます。 それぞれの詳しい使い方についてはリンク先をご覧ください。 レイアウト 色と背景 メニュー ウィジェット 1. 変更内容の保存 デザインを変更したあとは保存する必要があります。 「歯車」ボタンをクリックして、デザインの変更を下書きとして保存することができます。 ...
メニュー（デザイン設定）
メニュー（デザイン設定）について ページメニュー(以下画面の赤枠)に表示する項目を変更できます。 メニュー項目はいくつでも設定することができますが、エリアに入りきらない場合は「もっと見る」という項目が作られ、カーソルを合わせると表示されます。 前提 サイドメニューから「デザイン設定」を開き、「メニュー」をクリックします。 デザイン設定についてはこちら 1. メニューの編集 1.1. メニュー項目の並べ替えと階層化 編集したいメニューをクリックします。 ...
色と背景（デザイン設定）
色と背景（デザイン設定）について サイト全体の色や背景をカスタマイズすることができます。 前提 サイドメニューから「デザイン設定」を開き、「メニュー」をクリックします デザイン設定についてはこちら 1. 基本色 「基本色」をクリックして、サイト全体の色を設定できます。 設定できる色は下記です。 項目 説明 メインカラー サイト全体のイメージとなる色です。 主要な画面の要素(メインメニューなど)がこの色になります。 サブカラー（普通） ボタンやアイコン等で使用する、メインカラーを補う色です。 ...
レイアウト（デザイン設定）
レイアウト（デザイン設定）について レイアウトでヘッダーやフッターのデザインや表示する情報を編集することができます。 前提 サイドメニューから「デザイン設定」を開き、「レイアウト」をクリックします デザイン設定についてはこちら 1. サイト基本情報 「ヘッダー」、「サイト基本情報」をクリックしてサイトの基本的な情報を編集することができます。 編集できる項目は下記です。 項目 説明 ロゴ ヘッダーに表示するロゴを設定できます。 ...
カスタムコード
カスタムコードについて カスタムコードとは、任意に作成できるCSS、JS、HTMLのことです。 ページのヘッダー、またはフッターに任意のカスタムコードを出力することができます。 有効化されているカスタムコードは全てのサイトで出力されます。 ※ウェブサイトFlexのPremiumプラン、またはAdvancedプランをご利用の場合は ページごとにHTMLコードを設定することも可能です。 詳細は追加HTMLコードのページをご覧ください。 前提 カスタムコード一覧についてはこちら 1. CSSの作成 ...
カスタムコード一覧
カスタムコード一覧について カスタムコード一覧画面では以下のようなことができます。 カスタムコードの新規作成画面/編集画面へのアクセス カスタムコードの有効/無効化 カスタムコードの削除 カスタムコードの検索 カスタムコードの並び替え 前提 カスタムコードについてはこちら 1. カスタムコードの新規作成画面へのアクセス 作成したいカスタムコードに合わせて画面上部のボタンをクリックします。 CSSを追加したい場合は、「CSSコードの追加」をクリックします。 2. ...