Wix エディタ:サイトのスタイルとデザインをカスタマイズする

読了時間:4分
エディタの 2つのパネルだけで、サイト全体の見た目、雰囲気、デザインを変更できます。
サイトデザインパネルを使用して、色とテキストのスタイルを選択し、ページの背景とトランジションを変更します。次に、「追加」パネルからおすすめのパーツを追加して、サイト全体の見た目を強化することができます。
この記事では、次の項目について説明します:
Wix サイトエディタでサイトデザインパネルが開かれています。

サイトのスタイルを選択する

サイトのスタイルには、サイトのすべての色とテキストスタイルが含まれます。さまざまなスタイルの提案があり、クリックしてスタイルごとにサイトがどのように変化するかを確認することができます。
好きなスタイルを選択したら、テキストと色を編集して、ニーズに合わせてさらにカスタマイズすることができます。

サイトのスタイルを選択してカスタマイズする方法:

  1. エディタ左側の「サイトデザイン をクリックします。
  2. 色・テキストスタイル」にマウスオーバーして「編集」をクリックします。
  3. リストからスタイルを選択します。
  4. (オプション)スタイルのフォントと色をカスタマイズします:
    • :サイト全体で使用・表示される色とパレットを選択します。
    • テキスト:テキストのスタイルを選択し、サイトで使用されるさまざまな種類のテキスト(見出しや段落など)のスタイルをカスタマイズします。
パネルでカーソルが別のサイトスタイルを選択しているスクリーンショット。

おすすめパーツを追加する

おすすめパーツを追加して、サイト全体のデザインに一貫性を持たせましょう。これらは、選択した色とテキストスタイルに合わせて厳選されたパーツです。
おすすめパーツはサイトのスタイルに紐付けられているため、「サイトデザイン」パネルから新しいスタイルを選択すると、自動的に更新されます。

サイトにおすすめパーツを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. パーツを追加」下のタブをクリックします。
  3. おすすめセクションをクリックします(例:おすすめスタイル)。
  4. パーツをクリックして追加するか、希望の位置までドラッグします。
「パーツを追加」パネルの「テキスト」タブ。おすすめスタイルの見出しがハイライトされています。
注意:
追加パネルのすべてのパーツにおすすめが含まれているわけではありません。

ページ背景を設定する

「サイトデザイン」パネルから、エディタで現在表示しているページの背景を変更できます。単色、画像、動画のいずれかを選択し、デザインのニーズに合わせて調整します。

ページ背景を選択する方法:

  1. エディタ左側の「サイトデザイン をクリックします。
  2. ページ背景」にマウスオーバーし、「編集」をクリックします。
  3. ページ背景の種類を選択します:
    • 背景色:サイトの色から選択するか、ページの背景に新しい色を追加します。
    • 背景画像:無料または有料の豊富なストック画像から選択してページの背景に追加するか、独自の画像をアップロードします。
    • 背景動画:さまざまな高解像度のストック動画から選択してページの背景として設定するか、独自の動画をアップロードして個性的な演出をすることもできます。
パネルからページの背景として単色が選択されているスクリーンショット。
ヒント:
下部にある「その他のページに適用」をクリックして、サイト上の複数のページの背景を設定します。

ページトランジション効果を適用する

サイト訪問者がページ間を移動する際のページの切り替え方法を選択します。これにより、訪問者に楽しく活気のあるナビゲーション体験を提供し、サイトの残りの部分を探索するように促すことができます。

ページに変換エフェクトを適用する方法:

  1. エディタ左側の「サイトデザイン をクリックします。
  2. ページトランジション」にマウスオーバーし、「編集」をクリックします。
  3. 利用可能なオプションからページトランジションを選択します。
ホームページとお問い合わせページ間の横方向のページトランジションを示す Gif。

お役に立ちましたか?

|