header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
placeholder-preview-image
この記事では下記を説明します:
  • サイトのテーマを選択する
  • おすすめパーツを追加する
  • ページ背景を設定する
  • ページトランジション効果を適用する

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

この記事内
  • サイトのテーマを選択する
  • おすすめパーツを追加する
  • ページ背景を設定する
  • ページトランジション効果を適用する
エディタの 2つのパネルだけで、サイト全体の見た目、雰囲気、デザインを変更できます。
サイトデザインパネルを使用して、色とテキストのスタイルを選択し、ページの背景とトランジションを変更します。次に、「パーツを追加」パネルからおすすめのパーツを追加して、サイト全体の見た目を強化することができます。
Wix サイトのエディタでサイトデザインパネルが開いています。

サイトのテーマを選択する

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

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

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

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

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

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

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

ページ背景を設定する

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

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

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

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

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

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

  1. エディタにアクセスします。
  2. エディタ左側の「サイトデザイン」 をクリックします。
  3. 「ページトランジション」をクリックします。
  4. 利用可能なオプションから、ページのトランジションを選択します。
ホームページとお問い合わせページ間の横方向のページトランジションを示す Gif。
他のデザインインスピレーションをお探しですか?
Wix デザインハブは、アイデアやウェブサイトデザイントレンドに最適なリソースです。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.