Wix ミュージック:Wix ミュージックプレーヤーの外観をカスタマイズする
読了時間:3分
Wix ミュージックプレーヤーをデザインして、サイト訪問者の注目を集めましょう。スタイルに合わせてレイアウトとデザインをカスタマイズすることで、プレーヤーの見た目を変更することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8bfd4238-b80c-4a51-9f46-b907c2acff01/2022/03/14/c3acbc3d-2d73-44a2-a2ea-bb314ba36e9e/8d2951e0-18d3-417b-ab73-7be93dfaf658.png)
この記事では、次の項目について説明します:
Wix ミュージックプレーヤーのレイアウトをカスタマイズする
Wix ミュージックプレーヤーには、3つのレイアウトオプションがあります。レイアウトを選択したら、トラックリストの間隔、再生ボタンのスタイルなどをカスタマイズし、アルバムのカバー画像を表示または非表示にするかどうかを選択します。
レイアウトを変更する方法:
- エディタで Wix ミュージックプレーヤーにアクセスします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/17/59a80d53-a13c-4f6b-8767-8e8eb0cc1395/18508d60-19ed-4cb3-a44b-d03fb1064c02.png)
- レイアウトを縦、横、リストから選択します:
- 利用可能なオプションを使用してレイアウトをカスタマイズします:
- 縦:
- 再生コントロール:再生コントロールのデザインを選択します。
- カバーアート:アルバムのカバー画像を表示または非表示にします。
- 詳細情報の表示方法:詳細情報をカバーアートの上に表示するか、下に表示するかを選択します。
- トラックリストを表示:トラックリストを表示または非表示にします。
- トラック情報:曲名のみを表示するか、曲名とアーティスト名を表示します。
- アクション表示:すべてのトラックでアクションを表示するか、アクティブなトラックのみでアクションを表示します。
- トラックリストの間隔:トラック間の間隔を調整します。
- 横:
- 再生コントロール:再生コントロールのデザインを選択します。
- カバーアート:アルバムのカバー画像を表示または非表示にします。
- アクション表示:すべてのトラックでアクションを表示するか、アクティブなトラックのみでアクションを表示します。
- トラックリストの間隔:トラック間の間隔を調整します。
- リスト:
- アルバム情報:アルバム情報を表示または非表示にします。
- 再生ボタン:再生ボタンのスタイルを選択します。
- トラック情報:曲名のみを表示するか、曲名と共にアーティスト名を表示します。
- アクション表示:すべてのトラックでアクションを表示するか、アクティブなトラックのみでアクションを表示します。
- 再生時間を表示:再生時間を表示または非表示にします。
- トラックリストの間隔:トラック間の間隔を調整します。
- 全幅に引き延ばす:ミュージックプレーヤーを画面の幅まで引き伸ばすか選択します。
- 縦:
Wix ミュージックプレーヤーのデザインを変更する
フォントやテキスト、ボタンの色などの細部を編集して、Wix ミュージックプレーヤーの外観をさらにカスタマイズします。
プレーヤーのデザインを変更する方法:
- エディタで Wix ミュージックプレーヤーにアクセスします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/06/17/b0410df7-61ba-4030-8bce-bbb6c778e514/a8b7f3df-d2c7-41fa-bc0f-931b68e0effb.png)
- カスタマイズするものを選択します。
- 背景:スタイルに合わせて背景の特徴を変更します。
- 背景色:ミュージックプレーヤーの背景色を調整します。
- 枠線の色:プレーヤー周りの枠線の色と太さを調整します。
- 枠線の太さ:プレーヤーの枠線の太さを設定します。
- 区切り線:色を選択し、プレーヤーの区切り線の不透明度を設定します。
- テキスト・ボタン:
- テキスト:テキストに最適な色調を選択します。
- ボタン・マウスオーバー:ボタンとホバーの色を選択します。
- 再生コントロール:再生コントロールの色を編集します。
- フォント:該当するパーツ(タイトル、サブタイトル、トラックリスト、ボタン)の横にあるドロップダウンをクリックします。利用可能なオプションを使用してフォントをカスタマイズします:
- スタイル:サイトを引き立たせるスタイルを選択します。
- フォント:サイトのスタイルに合ったフォントを選択します。
- 文字サイズ:フォントサイズを調整します。
- 書式設定:テキストに太字、斜体、または下線を選択します。
- 背景:スタイルに合わせて背景の特徴を変更します。