ADI:サイトとページのデザインをカスタマイズする

読了時間:3分
ADI の「デザイン」パネルには、サイトやページのパーソナライズに役立つツールがあります。レイアウトやサイトテーマの更新、ページ切り替えなどを行うことができます。
この記事では、下記の項目について説明します:

新しいページデザインを選択する

事前にデザインされた洗練されたページレイアウトを使用して、サイトの各ページをそれぞれ更新しましょう。ページのレイアウトはいつでも閲覧、変更することができます。

ページデザインを変更する方法:

  1. ADI 内のトップバーにある「デザイン」をクリックします。
  2. ページデザイン」をクリックします。
  3. サイトのレイアウトを変更します。
ヒント:

サイトのスタイルを変更する

サイトのスタイルは、カラーストーリー、レイアウト、フォントで構成されています。ブランドに合った新しいスタイルを選択することで、サイトの印象をガラリと変えることができます。

サイトのスタイルを変更する方法:

  1. ADI 内のトップバーにある「デザイン」をクリックします。
  2. スタイル」をクリックします。
  3. スタイルをクリックしてサイトに適用します。
注意:
サイトのスタイルを変更すると、サイト全体に影響します。サイトのセクションのみをカスタマイズする場合は、こちらの手順に従ってください。

サイトカラーをカスタマイズする

ADI では、さまざまなカラーパレットから選択できるため、サイトのデザインがさらに簡単になります。パレットは好みに合わせてカスタマイズしたり、独自のパレットを作成することもできます。
注意:
カラーパレットに加えた変更は、サイト全体に適用されます。

サイトのカラーをカスタマイズする方法:

  1. ADI 内のトップバーにある「デザイン」をクリックします。
  2. カラー」を選択します。
  3. 操作を選択します。詳細については、以下のオプションを選択してください:

サイトにアニメーションを追加する

アニメーションを追加して、魅力的なサイトを作成しましょう。訪問者がページをクリックしたときに再生されるページトランジション効果を追加することもできます。
注意:
  • サイトアニメーションはサイト全体に追加されます。ただし、セクションアニメーションを変更する場合は、それぞれのページでカスタマイズすることができます。
  • パーツには、配置と機能に応じて異なる形式のアニメーションが追加されます。

サイトにアニメーションを追加する方法:

  1. ADI 内のトップバーにある「デザイン」をクリックします。
  2. アニメーション」を選択します。
  3. アニメーションのタイプを選択します。
  4. ドロップダウンメニューをクリックして、「ページトランジション」を選択します。
ヒント:
プレビュー」をクリックして、サイトアニメーションがどのように見えるかを確認します。

お役に立ちましたか?