ウェブサイトをデザインする

ウェブサイトのデザインについて

スマートウェブサイトでは、プロがデザインしたさまざまなテンプレートから選択して、独自のウェブサイトを作成できます。テンプレートを選択するだけで、事業者情報が自動的に入力され、カスタマイズの準備が整います。

ウェブサイトは、設定中または作成後のいつでもカスタマイズできます。全体のスタイルをカスタマイズし、セクションを並べ替え、個々のブロックを編集して、自分だけのデザインに仕上げましょう。

ウェブサイトのデザインを更新する

ウェブサイトのスタイルを設定する

ウェブサイトを設定する際、最初のテンプレート、カラーパレット、フォントパックを選択します。これらは、ウェブサイトビルダーの上部にあるツールバーから変更できます。

• **テンプレートを更新する：**ツールバーの右上にある 操作（3つの点）をクリックして、テンプレートをリセットするか、新しいテンプレートを選択します。テンプレートをリセットまたは変更すると、テンプレートがデフォルト設定に戻るため、以前のカスタマイズもすべてリセットされます。
• ウェブサイトのスタイルを編集： サイトスタイル（絵筆アイコン）をクリックして、テーマ、フォント、色、その他のスタイル設定など、サイト全体のデザインをカスタマイズします。
• ウェブサイトのプレビュー: プレビュー（再生ボタン）をクリックし、右上のタブを使用して、PCとモバイルでウェブサイトがどのように表示されるかを確認します。

レイアウトをカスタマイズ

ウェブサイトは、各ページの全体的なレイアウトを構成するのに役立つセクションに分かれています。これらのセクションにはコンテンツのブロックが含まれています。セクションにカーソルを合わせると編集できます。

• セクションを追加：パープルのプラス（+アイコン）をクリックして、ページに追加する新しいセクションを選択します。
• セクションを編集：デザイン、背景、色、そのセクションで利用可能なその他の設定をカスタマイズします。
• レイアウトを変更：セクション内のコンテンツブロックのレイアウトを別のものに選択します。
• セクションの並べ替え：矢印を使用してセクションを上下に移動し、ページ上のセクションの表示位置を変更します。
• コンテンツの追加：セクション内に新しいカスタムコンテンツブロックを追加します。
• **レイヤーを管理する： ** 目アイコンを使用して個々のコンテンツブロックを非表示にし、表示するコンテンツレイヤーを選択します。

コンテンツブロックのデザイン

コンテンツブロックは、テキスト、画像、ボタンなど、セクション内の個別のコンテンツです。 

• コンテンツを編集：コンテンツブロックをクリックして、編集ツールバーを開きます。利用可能なオプションには、作業中のコンテンツの種類に応じて関連するツールが表示されます。
• **AIでコンテンツを生成する：**テキストを含むコンテンツブロックでは、ご自身でコンテンツを書くか、AIアイコンをクリックして、Freshaの事業者情報をもとに顧客へのエンゲージメントを高めるテキストを生成できます。
• **コンテンツの並べ替え： ** ブロックをドラッグ＆ドロップして、セクション内で並べ替えることができます。