Wix エディタ:サイトのテーマとデザインをカスタマイズする
読了時間:4分
エディタの 2つのパネルだけで、サイト全体の見た目、雰囲気、デザインを変更できます。
サイトデザインパネルを使用して、色とテキストのスタイルを選択し、ページの背景とトランジションを変更します。次に、「パーツを追加」パネルからおすすめのパーツを追加して、サイト全体の見た目を強化することができます。
![Wix サイトのエディタでサイトデザインパネルが開いています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2025/02/05/9ae4d87d-fd0c-4fa0-856d-379dbf108909/7c88c4d2-a391-48a0-bf7c-d3839432ef0c.jpg)
サイトのテーマを選択する
サイトのテーマには、サイトのすべての色とテキストスタイルが含まれます。さまざまなスタイルの提案があり、クリックしてスタイルごとにサイトがどのように変化するかを確認することができます。
好きなスタイルを選択したら、テキストと色を編集して、ニーズに合わせてさらにカスタマイズすることができます。
サイトテーマを選択してカスタマイズする方法:
- エディタにアクセスします。
- エディタ左側の「サイトデザイン」
をクリックします。
- 「テーマを変更」をクリックします。
- リストからテーマを選択します。
- (オプション)テーマのフォントと色をカスタマイズします:
![パネルでカーソルが別のサイトテーマを選択しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2025/02/05/57cd7e6c-aaa0-4c6b-96da-f941e0081689/74c15e5a-32af-4441-9780-f1c5d04c0e0e.jpg)
おすすめパーツを追加する
おすすめパーツを追加して、サイト全体のデザインに一貫性を持たせましょう。これらは、選択した色とテキストスタイルに合わせて厳選されたパーツです。
おすすめパーツはサイトのテーマに紐付けられているため、「サイトデザイン」パネルから新しいテーマを選択すると、自動的に更新されます。
サイトにおすすめパーツを追加する方法:
- エディタにアクセスします。
- エディタ左側で「パーツを追加」
をクリックします。
- おすすめセクションをクリックします(例:おすすめテキスト)。
- パーツをクリックして追加するか、希望の位置までドラッグします。
![「パーツを追加」パネルの「テキスト」タブ。おすすめテキストの見出しがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2025/02/05/96277d99-0367-4495-a503-07f473d0dcfe/dabaa2d7-af4f-4b9e-90d9-5c2609fc0ea6.jpg)
注意:
「パーツを追加」パネルのすべてのパーツにおすすめが含まれているわけではありません。
ページ背景を設定する
「サイトデザイン」パネルから、エディタで現在表示しているページの背景を変更できます。単色、画像、動画のいずれかを選択し、デザインのニーズに合わせて調整します。
ページ背景を選択する方法:
- エディタにアクセスします。
- エディタ左側の「サイトデザイン」
をクリックします。
- 「ページ背景」をクリックします。
- ページ背景の種類を選択します:
![パネルからページの背景として単色が選択されているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2025/02/05/89b91e2b-efef-4fe9-8f67-18141f990e32/e0415a5f-9d6b-4f1a-aeae-57e071786faa.png)
ヒント:
下部にある「その他のページに適用」をクリックして、サイト上の複数のページの背景を設定します。
ページトランジション効果を適用する
サイト訪問者がページ間を移動する際のページの切り替え方法を選択します。これにより、訪問者に楽しく活気のあるナビゲーション体験を提供し、サイトの残りの部分を探索するように促すことができます。
ページに変換エフェクトを適用する方法:
- エディタにアクセスします。
- エディタ左側の「サイトデザイン」
をクリックします。
- 「ページトランジション」をクリックします。
- 利用可能なオプションからページトランジションを選択します。
![ホームページとお問い合わせページ間の横方向のページトランジションを示す Gif。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/17/66255d3c-9396-4315-be19-0ea2dd0f4cfd/40dd3bd5-6db7-4648-a4a7-26758a6339ba.gif)