ADI:サイトとページのデザインをカスタマイズする
読了時間:3分
ADI の「デザイン」パネルには、サイトやページのパーソナライズに役立つツールがあります。レイアウトやサイトテーマの更新、ページ切り替えなどを行うことができます。
この記事では、下記の項目について説明します:
新しいページデザインを選択する
事前にデザインされた洗練されたページレイアウトを使用して、サイトの各ページをそれぞれ更新しましょう。ページのレイアウトはいつでも閲覧、変更することができます。
ページデザインを変更する方法:
- ADI 内のトップバーにある「デザイン」をクリックします。
- 「ページデザイン」をクリックします。
- サイトのレイアウトを変更します。
ヒント:
- ページレイアウトに加えて、セクションのレイアウトの変更やデザイン全体を変更することができます。トップバーから「デザイン」をクリックしてフォントや色を変更することもできます。
- ウェブデザインのアイデアが必要であれば、ウェブサイトデザインガイドが役立ちます。
サイトのスタイルを変更する
サイトのスタイルは、カラーストーリー、レイアウト、フォントで構成されています。ブランドに合った新しいスタイルを選択することで、サイトの印象をガラリと変えることができます。
サイトのスタイルを変更する方法:
- ADI 内のトップバーにある「デザイン」をクリックします。
- 「スタイル」をクリックします。
- スタイルをクリックしてサイトに適用します。
注意:
サイトのスタイルを変更すると、サイト全体に影響します。サイトのセクションのみをカスタマイズする場合は、こちらの手順に従ってください。
サイトカラーをカスタマイズする
ADI では、さまざまなカラーパレットから選択できるため、サイトのデザインがさらに簡単になります。パレットは好みに合わせてカスタマイズしたり、独自のパレットを作成することもできます。
注意:
カラーパレットに加えた変更は、サイト全体に適用されます。
サイトのカラーをカスタマイズする方法:
- ADI 内のトップバーにある「デザイン」をクリックします。
- 「カラー」を選択します。
- 操作を選択します。詳細については、以下のオプションを選択してください:
サイトにアニメーションを追加する
アニメーションを追加して、魅力的なサイトを作成しましょう。訪問者がページをクリックしたときに再生されるページトランジション効果を追加することもできます。
注意:
- サイトアニメーションはサイト全体に追加されます。ただし、セクションアニメーションを変更する場合は、それぞれのページでカスタマイズすることができます。
- パーツには、配置と機能に応じて異なる形式のアニメーションが追加されます。
サイトにアニメーションを追加する方法:
- ADI 内のトップバーにある「デザイン」をクリックします。
- 「アニメーション」を選択します。
- アニメーションのタイプを選択します。
- ドロップダウンメニューをクリックして、「ページトランジション」を選択します。
ヒント:
「プレビュー」をクリックして、サイトアニメーションがどのように見えるかを確認します。
お役に立ちましたか?
|