Wix ポッドキャストプレーヤーを使用して、ポッドキャストのエピソードをウェブサイトに直接表示しましょう。
RSS フィードをアプリに接続することで、すべてのエピソードをひとつの場所で表示した組み込みのポッドキャストの概要ページと、個々のエピソードとその情報を表示した専用のエピソードページが自動的に生成されます。ホスティングプラットフォームにエピソードを追加すると、新しいエピソードページが自動的に作成されるため、コンテンツに集中できます。
また、アプリのデザインとレイアウトをカスタマイズして、サイトの既存のデザインと操作感を最適に引き立たせることもできます。
ステップ 1 | Wix ポッドキャストプレーヤーを追加する
最初のステップは、サイトに Wix ポッドキャストプレーヤーを追加することです。アプリを追加したら、ホストプラットフォームに接続して、アプリのレイアウトとデザインをカスタマイズします。
- エディタにアクセスします。
- エディタ左側で「アプリ」 をクリックします。
- 検索バーに「Wix ポッドキャストプレーヤー」と入力してアプリを検索します。
- 「サイトに追加」をクリックします。
次に、アプリを RSS フィードのリンクに接続します。RSS フィードのリンクは、ホストプラットフォーム(SoundCloud、Libsyn など)で確認できます。RSS フィードには、タイトル、カバー画像、日付などの情報も自動的に含まれ、更新されます。
RSS フィードを接続する方法:
- エディタにアクセスします。
- Wix ポッドキャストプレーヤーをクリックします。
- 「設定」をクリックします。
- 「設定」タブをクリックします。
- 「RSS フィードのリンクを入力」をクリックします。
- RSS フィードのリンクを貼り付けます。
- 「接続」をクリックします。
- 「ダウンロードを許可」トグルをクリックして、リスナーがポッドキャストをダウンロードできるようにします。
ステップ 3 | ポッドキャストのレイアウトをカスタマイズする
次に、サイトの既存のデザインを引き立たせるように、ポッドキャストの概要ページのレイアウトを調整します。ページのフィードとヘッダーを調整できます。
ポッドキャストのレイアウトをカスタマイズする方法:
- エディタで Wix ポッドキャストプレーヤーをクリックします。
- 「ページ」をクリックします。
- 「Podcast の概要」をクリックします。
- 「レイアウト」をクリックします。
- カスタマイズするものを選択します:
エピソードリストです。接続された RSS フィードに含まれるすべてのエピソードがここに表示されます。レイアウト(リストまたはグリッド)を選択し、以下をカスタマイズします:
- リスト:
- 画像を表示:エピソードのカバー画像を表示または非表示にします。
- 日付を表示:エピソードの公開日を表示または非表示にします。
- 長さを表示:エピソードの所要時間を表示または非表示にします。
- 詳細を表示:エピソードの詳細を表示または非表示にします。
- 表示するエピソード数:ポッドキャストの概要に表示するエピソードの数を調整します。
- グリッド:
- 日付を表示:エピソードの公開日を表示または非表示にします。
- 長さを表示:エピソードの所要時間を表示または非表示にします。
- 詳細を表示:エピソードの詳細を表示または非表示にします。
- テキストを表示:エピソードのテキストを画像の下に表示するか、画像上に表示するかを選択します。
- テキスト配置:テキストの配置方法を左、中央、右から選択します。
- 表示する行数:ポッドキャストの概要に表示される行数を調整します。
「ヘッダーを表示」トグルをクリックして、ポッドキャストの概要ページにヘッダーを表示します。レイアウトを選択し、ページに詳細とホスト名を含めるかどうかを選択します。
ステップ 4 | ポッドキャストをデザインする
最後に、ポッドキャストの概要ページと動的なエピソードページのデザインを調整することで、どちらもサイトの現在のスタイルに合わせることができます。
ポッドキャストプレーヤーのデザインをカスタマイズする方法:
- エディタで Wix ポッドキャストプレーヤーをクリックします。
- 「ページ」をクリックします。
- カスタマイズしたいページ(「Podcast の概要」または「エピソードページ」)をクリックします。
- 「デザイン」タブをクリックします。
- カスタマイズするものを選択します:
エピソードリストです。接続された RSS フィードに含まれるすべてのエピソードがここに表示されます。以下をカスタマイズできます:
- エピソードのタイトル:フォントを選択し、色とサイズを調整します。
- エピソードの説明:フォントを選択し、色とサイズを調整します。
- テキストインデント:テキストの配置を調整します。
- 色を重ねて表示:オーバーレイの色を選択し、不透明度を調整します。
- 枠線の太さ:エピソードリスト周囲の空白のスペースの幅を調整します。
- 枠線の不透明度・色:枠線の色を選択し、不透明度を調整します。
- ボタン・リンクの色:フィードのボタンとリンクの色を選択します。
- 背景色:エピソードの説明の後ろに表示される色を選択します。
- フィードの背景:フィードの背景の色と不透明度を変更します。
- テキストの色:ポッドキャストの検索バーの色を選択します。
これは、Podcast の概要ページの上部に表示されるヘッダーです。ポッドキャストとホストの名前が含まれます。フォントやサイズ、色をカスタマイズすることで、サイトのデザインに合わせてヘッダーを調整できます。
これは、個別のエピソードのページです。エピソードページは動的ページであるため、カスタマイズした内容はすべてのエピソードに適用されます。これにより、サイト全体で一貫したデザインとユーザーエクスペリエンスを維持することができます。以下をカスタマイズできます:
- エピソードヘッダー:
- エピソードのタイトル:フォントを選択し、色とサイズを調整します。
- Podcast の名前:フォントを選択し、色とサイズを調整します。
- ヘッダー背景:背景色を選択し、不透明度を調整します。
- ボタンの色:ボタンテキストの色を選択します。
- ボタンの背景色:ボタンの背景色を選択します。
- 再生コントロールカラー:再生コントロール(再生ボタン、ダウンロードアイコンなど)の色を選択します。
- 画像に影をつける:クリックして、エピソードのカバー画像周りの影を表示または非表示にします。
- エピソードコンテント:
- 詳細:詳細の色とフォントを変更します。
- フィードの背景:フィードの背景の色と不透明度を変更します。
Wix ポッドキャストプレーヤーに関する問題のトラブルシューティング
以下をクリックして、問題の解決方法を確認してください:
ポッドキャストを Wix ポッドキャストプレーヤーに接続できない
iTunes や別のポッドキャストプレーヤーへのリンクではなく、RSS フィードの URL を使用していることを確認してください。
注意:Wix ポッドキャストプレーヤーは RSS リーダーです。Wix ではポッドキャストをホストしていません。ホストプラットフォームで権限が正しく設定されていることを確認してください。
Wix ポッドキャストプレーヤーにポッドキャストのエピソードが表示されない場合は、以下を確認してください:
- エピソードが正常にエピソードページに追加されていること。
- RSS フィードがホスト側でエピソードを表示できるように正しく設定されていること。
- すべてのエピソードがホストプラットフォームで正常に動作していること。
Wix ポッドキャストプレーヤーでオーディオを再生できない
他の無料の RSS リーダー(例:feedly.com)でオーディオが正しく再生されていることを確認することで、RSS フィードリンクをテストすることができます。
まだサポートが必要な場合:
継続して問題が発生している場合、次の情報を含め、
お問い合わせください。
- 発生している問題の詳細。
- Wix ポッドキャストプレーヤーを追加しているサイトとページ。
- RSS フィードの URL。
- 問題の詳細とすでに実施したこと。
よくある質問
ポッドキャストの追加・設定に関する詳細については、以下の質問をクリックしてください:
サイトに複数のポッドキャストを追加することはできますか?
はい。サイトには複数のポッドキャストを追加することができます。
別のポッドキャストを追加する方法:
- エディタでポッドキャストをクリックします。
- 「設定」をクリックします。
- 「他のポッドキャストを追加」をクリックします。
Spotify などの他のポッドキャストサービスへのリンクを追加することはできますか?
はい。 RSS フィードに加えて、Spotify や SoundCloud などのよく知られたポッドキャストサービスへのリンクを追加することができます。
ポッドキャストサービスにリンクを追加する方法:
- エディタでポッドキャストをクリックします。
- 「設定」をクリックします。
- 「リンク」をクリックします。
- 該当するサービスにマウスオーバーし、「有効にする」アイコン をクリックします。
- リンクを貼り付けて、「追加」をクリックします。