全プラン共通で利用いただけるデザインパーツについて紹介します。
- エコノミープラン はこの中のデザインのみ利用できます。
- デザイナープラン 、プロフェッショナルプラン ではこちらに加え、豊富なデザイン機能を利用します。
- このページではページ内デザインについて紹介します。
ページタイトル
ページ上部に表示されるページ毎のページタイトルエリアについてご紹介いたします。
デフォルト・ページタイトル設定
全ページ共通で設定できるページタイトル設定です。
タイトル内容
タイトルとパンくずを表示できます。パンくずは非表示にすることもできます。タイトル、パンくずの文字サイズ、色などをそれぞれ選べます。
レイアウト
レイアウトは、以下の５種類から選べます。
- 左タイトル＋右パンくず
- 左パンくず＋右タイトル
- 左上タイトル＋左下パンくず
- 右上タイトル＋右下タイトル
- 中央上タイトル＋中央下パンくず（上図）
タイトル背景
背景は、無地（透明）、単色、グラデーション、下罫線、画像を選べます。高さの設定が行えます。
個別・ページタイトル設定
ページ毎にページタイトルを設定できます。
ページタイトル種類
以下の４種類の中からタイトルデザインを選べます。
- デフォルトのページタイトル
- ページタイトルを非表示
- ページタイトルのカスタマイズ
- スライドショー
デフォルトのページタイトル
左項で説明しているページタイトルが表示されます。
ページタイトルを非表示
ページタイトルを表示しません。
ページタイトルのカスタマイズ
左項のように、個別にページタイトルをカスタマイズできます。
スライドショー
スライドショーを設置できます。トップページに利用できます。その他高機能なスライドショー（オプション）を設置することもできます。
ボディ（本文）
ページのボディ（本文）エリアについてご紹介いたします。
行のレイアウト
行をブロックに分割できます。以下にいくつかの分割例を示します。※わかりやすく色をつけています。
2分割の例
2分割の例
3分割の例
3分割の例
3分割の例
2/3分割の例
1/3分割の例
ヘッダー・罫線・文
まさにこの説明部分がヘッダー・罫線・文のデザインです。
ヘッダー、文の文字の大きさ、罫線の太さ、色などを選べます。
メッセージボックス
注意や呼びかけに使えるメッセージボックスです。色やアイコンとメッセージを組み合わせて使えます。
Google マップ（埋込式）
Google マップ（埋込式）を設置できます。埋込式は無料で利用できるサービスです。
ビデオプレイヤー
ビデオプレイヤーを設置できます。Youtubeやvimeoなどのサービスからも表示できます。
ソーシャルリンクボタン
ソーシャルメディアへのリンクボタンを設置できます
アコーディオン
クリックで文章などが表示されるアコーディオンです。背景あり、なし、罫線などのデザインが選べます。
この文章はダミーです。文字の
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間
大きさ、量、字間、行間等を確認
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間
するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の
この文章はダミーです。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れ…
この文章はダミーです。文字の
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、
トグル（FAQなどに）
クリックで開閉が行えるパーツです。アコーディオンとは違い、個別に開閉を行えます。
大きさ、量、字間、行間等を
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するため
この文章はダミーです。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文
この文章はダミーです。文字の
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文
リスト
デザインつきのリスト表示です。
- この文章はダミーです。文字の大きさ
- 量、字間、行間等を確認
- するために入れています。この
- 文章はダミーです。文字の大きさ
- この文章はダミーです。文字の
- 大きさ、量、字間、行間等を確認
- するために入れています。この文章
- はダミーです。文字の大きさ
タブ
タブをクリックすることで表示内容が変わります。横のタブと、縦のタブがあります。
横タブ（背景色つき）
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間
行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認する…
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れてい
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れていま
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ
縦タブ（背景色つき）
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間
行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章
はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認する
ために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を
確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ
量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。