ウィジェット（デザイン設定）
ウィジェット全般について
ウィジェットとは、フッターエリアに配置できるコンテンツのことです。
「デザイン設定」画面から設定することができます。
使えるウィジェットは以下の通りです。
前提
1. ウィジェットの追加
「デザイン設定」画面を開き、「ウィジェット」をクリックします。
ウィジェットを追加したいエリアをクリックします。
以下から選択できます。
この例では、「フッターウィジェットエリア1」を選択します。
|
エリア
|
説明
|
|
フッターウィジェットエリア1
|
左詰めでフッターエリアの1列目に配置します。
|
|
フッターウィジェットエリア2
|
左詰めでフッターエリアの2列目に配置します。
|
|
フッターウィジェットエリア3
|
左詰めでフッターエリアの3列目に配置します。
|
|
フッターウィジェットエリア4
|
左詰めでフッターエリアの4列目に配置します。
|
「ウィジェットを追加」をクリックし、追加したいウィジェットをクリックします。
この例では、「SNSリンク」ウィジェットを追加します。
ウィジェットが追加できました。「公開」をクリックすると変更が反映されます。
2. ウィジェットの編集
多くのウィジェットが表示する内容をカスタマイズできます。
ウィジェットを追加後、ウィジェット名をクリックすると編集エリアを開閉できます。
この例では、SNSリンクウィジェットをカスタマイズします。
SNSリンクウィジェットでは、SNSアイコンのサイズを変更できます。
SNSリンクウィジェットの「アイコンのサイズ」は「大」選択します。
SNSアイコンが大きくなりました。
「公開」をクリックすると変更が反映されます。
3. ウィジェットの削除
ウィジェットを削除することができます。
削除したいウィジェットの編集エリアを開き、「削除」をクリックします。
ウィジェットが削除できました。
「公開」をクリックすると、変更が反映されます。
4. ウィジェットの並び替え
ウィジェットの位置を並び替え、他のフッターエリアにウィジェットを移動することができます。
「並び替え」をクリックします。
エリアの移動アイコンと並び替えアイコンが表示されます。
並び替えたいウィジェットの下アイコン、上アイコンをクリックすることでウィジェット順番を並び替えることができます。
最上部のウィジェットは上に移動させることはできません。
最下部のウィジェットは下に移動させることはできません。
SNSリンクをウィジェットを下に移動した場合、以下のようになります。
移動前
移動後
ウィジェットを他のフッターエリアに移動したい場合、外部アイコンをクリックします。
移動させたい先のフッターエリアを選択し、「移動」をクリックします。
ウィジェットを他のフッターエリアに移動できました。
「公開」をクリックすると変更が反映されます。
5. ウィジェットの検索
ウィジェットを検索することができます。
「ウィジェットを検索...」フォームにキーワードを入力します。
「SNSリンク」で検索した場合、下記のようにSNSリンクウィジェットを絞り込むことができました。
6. 設定の保存
設定の保存についてはこちら
Related Articles
デザイン設定
デザイン設定について デザイン設定を使って、サイト全体の見た目や表示項目をカスタマイズすることができます。 設定パネルの右側には、常に更新内容を反映したプレビューが表示されます。 カスタマイズ内容は大きく下記に分類されます。 それぞれの詳しい使い方についてはリンク先をご覧ください。 レイアウト 色と背景 メニュー ウィジェット 1. 変更内容の保存 デザインを変更したあとは保存する必要があります。 「歯車」ボタンをクリックして、デザインの変更を下書きとして保存することができます。 ...SNSリンクウィジェット
SNSリンクウィジェットについて SNSリンクウィジェットを使って、フッター等にSNSリンクを表示することができます。 前提 「SNSアカウント」が設定されている必要があります。「SNSアカウント」の設定方法はこちら ウィジェットの基本的な操作についてはこちら デザイン設定についてはこちら 1. アイコンのサイズの変更 SNSアイコンのサイズを下記の中から選択できます。 デフォルトは「中」です。 大 中 小 アイコンのサイズを「大」にした場合、画像のようになります。テキストウィジェット
テキストウィジェットについて テキストウィジェットを使って、フッター等に文章を表示することができます。 前提 ウィジェットの基本的な操作についてはこちら デザイン設定についてはこちら 1. タイトルの変更 テキストのタイトルを入力できます。 空欄にすると、タイトルを非表示にすることができます。 2. 本文の変更 本文を入力できます。 太字や斜体などの見た目を変更することができます。色と背景（デザイン設定）
色と背景（デザイン設定）について サイト全体の色や背景をカスタマイズすることができます。 前提 サイドメニューから「デザイン設定」を開き、「メニュー」をクリックします デザイン設定についてはこちら 1. 基本色 「基本色」をクリックして、サイト全体の色を設定できます。 設定できる色は下記です。 項目 説明 メインカラー サイト全体のイメージとなる色です。 主要な画面の要素(メインメニューなど)がこの色になります。 サブカラー（普通） ボタンやアイコン等で使用する、メインカラーを補う色です。 ...カスタムHTMLウィジェット
カスタムHTMLウィジェットについて カスタムHTMLウィジェットを使って、フッター等にHTMLを記述することができます。 前提 ウィジェットの基本的な操作についてはこちら デザイン設定についてはこちら 1. タイトルの変更 カスタムHTMLのタイトルを入力できます。 空欄にすると、タイトルを非表示にすることができます。 2. HTMLの変更 タグを使用してHTMLを記述できます。