サイトに音楽を追加する

ミ⁠ュ⁠ージシ⁠ャンやバンドのサイトでフ⁠ァンと音楽を共有します⁠。

最終更新日 2024年10月10日

サイトには⁠、オ⁠ーデ⁠ィオ ブロ⁠ックまたは埋め込みブロ⁠ックを使用して音楽を追加できます⁠。このガイドを使用して⁠、音楽を紹介するための最適な方法を選択してください⁠。

あなたがミ⁠ュ⁠ージシ⁠ャンまたはバンドの場合は⁠、「⁠ミ⁠ュ⁠ージシ⁠ャンやバンドのサイトの構築⁠」にアクセスして⁠、ソ⁠ーシ⁠ャル メデ⁠ィア プラ⁠ットフ⁠ォ⁠ームに接続して商品を販売する方法をご覧ください⁠。

ブロ⁠ックを使用する

以下のリストにあるブロ⁠ックを使用すると⁠、次のような任意のブロ⁠ック コンテンツ エリアにオ⁠ーデ⁠ィオを追加できます⁠。

ブロ⁠ックの使用の詳細については⁠、「⁠「⁠ブロ⁠ックを使用したコンテンツの追加⁠」をご参照ください⁠。

オ⁠ーデ⁠ィオ ブロ⁠ック

オ⁠ーデ⁠ィオ ブロ⁠ックを使用して⁠、サイトに1つのトラ⁠ックを追加します⁠。⁠.mp3または⁠.m4aフ⁠ァイルを直接フ⁠ァイルをア⁠ップロ⁠ードするか⁠、クラウド ストレ⁠ージ プラ⁠ットフ⁠ォ⁠ームからURLを追加します⁠。

オ⁠ーデ⁠ィオ ブロ⁠ックはポ⁠ッドキ⁠ャス トエピソ⁠ードにも使用できます⁠。

埋め込みブロ⁠ック

埋め込みブロ⁠ックを使用して⁠、SpotifyStitcherなどのサ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスからオ⁠ーデ⁠ィオを追加します⁠。サ⁠ービスからコ⁠ードをコピ⁠ーし⁠、埋め込みブロ⁠ックに追加します⁠。埋め込みブロ⁠ックが機能しない場合は⁠、コ⁠ード ブロ⁠ックを使用してみてください⁠。

SoundCloudブロ⁠ック

SoundCloudブロ⁠ックを使用して⁠、SoundCloudでホストされているオ⁠ーデ⁠ィオ トラ⁠ックを埋め込みます⁠。SoundCloudの埋め込み設定を使用してブロ⁠ックの表示をカスタマイズできます⁠。

動画ブロ⁠ック

動画ブロ⁠ックを使用して⁠、ミ⁠ュ⁠ージ⁠ック ビデオや動画フ⁠ァイルとしてア⁠ップロ⁠ードされた音楽を共有します⁠。YouTubeまたはVimeoでホストされている動画を追加できます⁠。

音楽を自動的に再生する

訪問者がペ⁠ージを開いたときに音楽が自動的に再生されるようにするには⁠、SoundCloudブロ⁠ックを使用します⁠。

  1. SoundCloudトラ⁠ックの [⁠共有⁠] をクリ⁠ックし⁠、[⁠埋め込み⁠] タブをクリ⁠ックします⁠。
  2. [⁠自動再生を有効化⁠] をオンにします⁠。
  3. 埋め込みオプシ⁠ョンを使用して⁠、このコ⁠ードをSoundCloudブロ⁠ックに追加します⁠。訪問者のブラウザ⁠ー設定でメデ⁠ィアの自動再生が許可されている場合⁠、訪問者がペ⁠ージを開いたときにトラ⁠ックが再生されます⁠。

備考

一部のブラウザ⁠ーの新しいバ⁠ージ⁠ョンでは⁠、既定ですべての自動再生オ⁠ーデ⁠ィオがブロ⁠ックされます⁠。訪問者はブラウザ⁠ーの設定を調整により自動再生を許可できる場合があります⁠。

他のソ⁠ースからの音楽を自動再生するオプシ⁠ョンはなく⁠、カスタム コ⁠ードでのみ可能です⁠。Squarespaceでのカスタム コ⁠ードの使用は高度な変更であるため⁠、このような作業やコ⁠ード ベ⁠ースのカスタマイズに対するサポ⁠ートやトラブルシ⁠ュ⁠ーテ⁠ィングを提供することはできません⁠。

ダウンロ⁠ード可能な音楽を販売する

Squarespace Commerceを使用するサイトでは⁠、ダウンロ⁠ード可能な音楽をダウンロ⁠ード商品として販売できます⁠。コマ⁠ースを始めるには⁠、バ⁠ージ⁠ョン7⁠.1またはバ⁠ージ⁠ョン7⁠.0のコマ⁠ース動画シリ⁠ーズをご覧ください⁠。

Spotifyプレイリストを埋め込む

埋め込みブロ⁠ックを使用してSpotifyプレイリストを追加すると⁠、訪問者はSquarespaceサイトから直接音楽をストリ⁠ーミングできます⁠。

  1. Spotifyデスクト⁠ップ アプリで⁠、埋め込みたいプレイリストに移動します⁠。
  2. プレイリストのタイトルの下にある [⁠⁠.⁠.⁠.⁠] アイコンをクリ⁠ックします⁠。
  3. [⁠共有⁠] にカ⁠ーソルを合わせ⁠、[⁠プレイリストを埋め込む⁠] をクリ⁠ックします⁠。
  4. 埋め込みプレイリストの色とサイズを設定し⁠、[⁠コピ⁠ー⁠] をクリ⁠ックします⁠。
  5. Squarespaceサイトで⁠、プレイリストを追加するペ⁠ージに移動します⁠。
  6. 埋め込みブロ⁠ックを追加します⁠。
  7. ブロ⁠ック エデ⁠ィタ⁠ーで⁠、テキスト フ⁠ィ⁠ールドの右側にある > をクリ⁠ックします⁠。
  8. プレイリストの埋め込みコ⁠ードを [⁠コ⁠ードを追加⁠.⁠.⁠.⁠] テキスト フ⁠ィ⁠ールドに貼り付けます⁠。

備考

カスタム コ⁠ードの変更は当社サポ⁠ートの範囲外です⁠。つまり⁠、セ⁠ットア⁠ップやトラブルシ⁠ュ⁠ーテ⁠ィングに関し⁠、当社はこれ以上のサポ⁠ートを提供することができません⁠。さらに⁠、コ⁠ードベ⁠ースのソリ⁠ュ⁠ーシ⁠ョンに関しては⁠、その機能性やSquarespaceとの完全な互換性は保証できません⁠。これには⁠、Squarespaceのレスポンシブ デザインにおける当該ソリ⁠ュ⁠ーシ⁠ョンの機能性 (⁠特にモバイル デバイス上での外観⁠) や⁠、すべてのテンプレ⁠ートでソリ⁠ュ⁠ーシ⁠ョンが機能するかどうかが含まれます⁠。カスタム コ⁠ードは⁠、当社プラ⁠ットフ⁠ォ⁠ームの今後の更新時に⁠、表示に関する問題を引き起こす可能性もあります⁠。当社はこれ以上サポ⁠ートを提供できかねますが⁠、次のように⁠、お客様が問題解決のために参照できるリソ⁠ースが多数あります⁠。

アルバムまたはカバ⁠ー ペ⁠ージを使用する (⁠バ⁠ージ⁠ョン7⁠.0⁠)

アルバム ペ⁠ージ

アルバム ペ⁠ージは⁠、アルバム全体またはトラ⁠ックのコレクシ⁠ョンを表示するのに最適です⁠。アルバムのア⁠ートワ⁠ークを表示したり⁠、検索可能なタグやカテゴリ⁠ーを追加したりすることもできます⁠。

KB Guide Image

カバ⁠ー ペ⁠ージ

カバ⁠ー ペ⁠ージを使用すると⁠、サイトの紹介としてアルバムまたはオ⁠ーデ⁠ィオ トラ⁠ックを表示できます⁠。カバ⁠ー ペ⁠ージは⁠、単一ペ⁠ージのサイト⁠、新しい音楽のお知らせ⁠、「⁠工事中⁠」や「⁠近日公開予定⁠」ペ⁠ージにも適しています⁠。

オ⁠ーデ⁠ィオ用にデザインされたレイアウトの中には⁠、1つのトラ⁠ックを強調表示するものと⁠、完全なプレイリストを表示するものがあります⁠。たとえば⁠、Tourレイアウトでは一度に1トラ⁠ックずつ表示され⁠、次のトラ⁠ックまたは前のトラ⁠ックにスキ⁠ップするためのコントロ⁠ールが表示されます⁠。

KB Guide Image
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。