デザイン設定

デザイン設定について

デザイン設定を使って、サイト全体の見た目や表示項目をカスタマイズすることができます。

設定パネルの右側には、常に更新内容を反映したプレビューが表示されます。

カスタマイズ内容は大きく下記に分類されます。

それぞれの詳しい使い方についてはリンク先をご覧ください。

• レイアウト
• 色と背景
• メニュー
• ウィジェット

1. 変更内容の保存

デザインを変更したあとは保存する必要があります。

「歯車」ボタンをクリックして、デザインの変更を下書きとして保存することができます。

サイトには変更は反映されず、次回デザイン設定にアクセスした時は変更が引き継がれた状態になります。

「下書きとして保存」を選択し、「下書きとして保存」ボタンをクリックします。

「歯車」ボタンをクリックして、デザインの変更を指定した日時で公開することができます。

サイトには変更はすぐに反映されず、入力した日時になると自動的に変更が反映されるようになります。

「予約公開」を選択し、「予約公開」ボタンをクリックします。

変更をすぐにサイト反映したい場合は、「公開」ボタンをクリックします。

2. 変更内容の破棄

「歯車」ボタンをクリックして、変更内容を取り消すことができます。

「変更を破棄」をクリックします。

確認ダイアログが表示されるので、OKをクリックして変更を破棄します。

3. 管理画面への戻り方

「x」ボタンをクリックして、管理画面へ戻ることができます。

4. 設定ウィンドウの表示/非表示

「コントロールを非表示」ボタンをクリックして、設定ウィンドウを非表示にすることができます。

設定ウィンドウを再度表示させる場合は、「コントロールを表示」ボタンをクリックします。

5. モバイル端末からの見え方

通常はサイト訪問者がPCでアクセスした場合ので残を表示していますが、スマホなどのモバイル端末でアクセスした時のデザインを確認することができます。

機種やOSなどによって見え方が異なる場合がございますのでご了承ください。

「モバイル」ボタンをクリックします。

PC用の表示に戻す場合は「PC」ボタンをクリックします。

• Related Articles

• フォント（デザイン設定）

  フォント（デザイン設定）について サイトに表示されるフォントを変更することができます。 前提 サイドメニューから「デザイン設定」を開き、「フォント」をクリックします デザイン設定についてはこちら フォント変更 「全体」と「見出し(h1-h6)」のフォントをそれぞれ変更できます。

• メニュー（デザイン設定）

  メニュー（デザイン設定）について ページメニュー(以下画面の赤枠)に表示する項目を変更できます。 メニュー項目はいくつでも設定することができますが、エリアに入りきらない場合は「もっと見る」という項目が作られ、カーソルを合わせると表示されます。 前提 サイドメニューから「デザイン設定」を開き、「メニュー」をクリックします。 デザイン設定についてはこちら 1. メニューの編集 1.1. メニュー項目の並べ替えと階層化 編集したいメニューをクリックします。 ...

• 色と背景（デザイン設定）

  色と背景（デザイン設定）について サイト全体の色や背景をカスタマイズすることができます。 前提 サイドメニューから「デザイン設定」を開き、「メニュー」をクリックします デザイン設定についてはこちら 1. 基本色 「基本色」をクリックして、サイト全体の色を設定できます。 設定できる色は下記です。 項目 説明 メインカラー サイト全体のイメージとなる色です。 主要な画面の要素(メインメニューなど)がこの色になります。 サブカラー（普通） ボタンやアイコン等で使用する、メインカラーを補う色です。 ...

• ウィジェット（デザイン設定）

  ウィジェット全般について ウィジェットとは、フッターエリアに配置できるコンテンツのことです。 「デザイン設定」画面から設定することができます。 使えるウィジェットは以下の通りです。 SNSリンク カスタムHTML ギャラリー テキスト ナビゲーションメニュー 最近のブログ投稿 画像 前提 「フッターエリア」が有効になっている必要があります。フッターエリアについてはこちら デザイン設定についてはこちら 1. ウィジェットの追加 「デザイン設定」画面を開き、「ウィジェット」をクリックします。 ...

• レイアウト（デザイン設定）

  レイアウト（デザイン設定）について レイアウトでヘッダーやフッターのデザインや表示する情報を編集することができます。 前提 サイドメニューから「デザイン設定」を開き、「レイアウト」をクリックします デザイン設定についてはこちら 1. サイト基本情報 「ヘッダー」、「サイト基本情報」をクリックしてサイトの基本的な情報を編集することができます。 編集できる項目は下記です。 項目 説明 ロゴ ヘッダーに表示するロゴを設定できます。 ...