オーディオ ブロック

訪問者がサイトを閲覧しているときに聞くことができるオ⁠ーデ⁠ィオ フ⁠ァイルをア⁠ップロ⁠ードするか⁠、リンクします⁠。

最終更新日 2024年9月10日

オ⁠ーデ⁠ィオ ブロ⁠ックを使用して⁠、再生可能なオ⁠ーデ⁠ィオ フ⁠ァイルをペ⁠ージまたはブログ投稿に追加します⁠。コンピ⁠ュ⁠ータ⁠ーからフ⁠ァイルをア⁠ップロ⁠ードするか⁠、外部でホストされているフ⁠ァイルにリンクしてください⁠。

ヒント

SoundCloudオ⁠ーデ⁠ィオをサイトに追加するには⁠、代わりにSoundCloudブロ⁠ックを使用します⁠。

動画を見る

オ⁠ーデ⁠ィオ フ⁠ァイル形式

⁠.mp3および⁠.m4aフ⁠ァイルのみサポ⁠ートされています⁠。すべてのブラウザ⁠ーとデバイスで最高のパフ⁠ォ⁠ーマンスを発揮するために⁠、以下の仕様でオ⁠ーデ⁠ィオ フ⁠ァイルを圧縮することをおすすめします⁠。

  • 形式⁠: ⁠.mp3または⁠.m4a
  • ビ⁠ット深度⁠: 16ビ⁠ット
  • ビ⁠ットレ⁠ート⁠: 最大128kbps (⁠話し言葉は96kbpsを推奨⁠)
  • チ⁠ャネル⁠: モノまたはステレオ
  • フ⁠ァイル サイズ⁠: ア⁠ップロ⁠ードするフ⁠ァイルは160MB以下でなければなりません⁠。これより大きなフ⁠ァイルを使用する場合は⁠、外部ホストにリンクしてください⁠。

備考

iOS端末では⁠、オ⁠ーデ⁠ィオ ブロ⁠ックは再生時に新しいペ⁠ージで開きます⁠。これを防ぐ方法は組み込まれていませんが⁠、このトピ⁠ックはSquarespace Forumで取り上げられました⁠。詳細については⁠、この投稿をご参照ください⁠。ただし⁠、カスタム コ⁠ードの変更は弊社サポ⁠ートの範囲外です⁠。つまり⁠、コ⁠ード ベ⁠ースのソリ⁠ュ⁠ーシ⁠ョンのセ⁠ットア⁠ップやトラブルシ⁠ュ⁠ーテ⁠ィングはサポ⁠ート対象外です⁠。

オ⁠ーデ⁠ィオ ブロ⁠ックを追加する

オ⁠ーデ⁠ィオ ブロ⁠ックを追加する方法は以下のとおりです⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックしてから⁠、[⁠オ⁠ーデ⁠ィオ⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用したコンテンツの追加⁠」をご参照ください⁠。
  2. ブロ⁠ックに表示される鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠埋め込み⁠] タブで⁠、オ⁠ーデ⁠ィオ フ⁠ァイルをア⁠ップロ⁠ードするか⁠、外部フ⁠ァイルへのリンクをア⁠ップロ⁠ードします⁠。
  4. ポ⁠ッドキ⁠ャストを設定している場合は⁠、[⁠ポ⁠ッドキ⁠ャスト配信⁠] タブにAppleポ⁠ッドキ⁠ャスト メタデ⁠ータ タグを追加します⁠。
  5. [⁠デザイン⁠] タブを使用してオ⁠ーデ⁠ィオ ブロ⁠ックの外観を変更し⁠、ダウンロ⁠ード リンクを追加します⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、[⁠適用⁠] をクリ⁠ックして変更を公開します⁠。

備考

創造エデ⁠ィタ⁠ーで追加されたオ⁠ーデ⁠ィオ ブロ⁠ックには⁠、最低2行の高さがあります⁠。ブロ⁠ックのサイズを小さくすると⁠、変更を保存するときに自動的に最小サイズに変更されます⁠。

オ⁠ーデ⁠ィオ フ⁠ァイルを追加する

⁠.mp3または⁠.m4aフ⁠ァイルを直接オ⁠ーデ⁠ィオ ブロ⁠ックにア⁠ップロ⁠ードすることも⁠、外部でホストされている⁠.mp3または⁠.m4aフ⁠ァイルにリンクすることもできます⁠。

フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ードする

パソコンからオ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックにフ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ードする方法は以下のとおりです⁠⁠。

  1. [⁠⁠埋め込み⁠⁠] タブで⁠⁠、[⁠⁠フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ード⁠⁠] をクリ⁠⁠ックします⁠⁠。
  2. オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ーダ⁠⁠ーにドラ⁠⁠ッグします⁠⁠。また⁠⁠、[⁠⁠オ⁠⁠ーデ⁠⁠ィオ トラ⁠⁠ックを追加する⁠⁠] をクリ⁠⁠ックして⁠⁠、コンピ⁠⁠ュ⁠⁠ータ⁠⁠ーからフ⁠⁠ァイルを選択することもできます⁠⁠。

オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルを追加すると⁠⁠、フ⁠⁠ァイル名とフ⁠⁠ァイル サイズがア⁠⁠ップロ⁠⁠ーダ⁠⁠ーに表示されます⁠⁠。[⁠⁠タイトル⁠⁠] フ⁠⁠ィ⁠⁠ールドと [⁠⁠著者/ア⁠⁠ーテ⁠⁠ィスト⁠⁠] フ⁠⁠ィ⁠⁠ールドは⁠⁠、フ⁠⁠ァイルのメタデ⁠⁠ータに基づいて入力されますが⁠⁠、手動で編集して⁠⁠、ブロ⁠⁠ックに表示される内容を変更することもできます⁠⁠。

備考

新しいフ⁠⁠ァイルを同じオ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックにア⁠⁠ップロ⁠⁠ードする場合⁠⁠、[⁠⁠タイトル⁠⁠] と [⁠⁠著者/ア⁠⁠ーテ⁠⁠ィスト⁠⁠] の各フ⁠⁠ィ⁠⁠ールドは自動的に更新されないため⁠⁠、フ⁠⁠ィ⁠⁠ールドの更新は手動で行う必要があります⁠⁠。

The_Content_Alley_Podcast___KB_Website.png

The_Content_Alley_Podcast___KB_Website.png

外部フ⁠⁠ァイルを使用する

オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルが160MBを超える場合は⁠⁠、外部サ⁠⁠ービスにア⁠⁠ップロ⁠⁠ードし⁠⁠、[⁠⁠外部フ⁠⁠ァイル⁠⁠] タブの [⁠⁠オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルのURL⁠⁠] に公開URLを追加します⁠⁠。

公開URLは⁠⁠、先頭がhttps⁠⁠://で⁠⁠、末尾が⁠⁠.mp3または⁠⁠.m4a である必要があります⁠⁠。ホストがhttp⁠⁠://リンクしかサポ⁠⁠ートしていない場合⁠⁠、フ⁠⁠ァイルはオ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックで読み込まれません⁠⁠。

その後⁠⁠、次の情報を入力できます⁠⁠。

  • フ⁠⁠ァイル サイズ (⁠⁠バイト単位⁠⁠)
  • オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルのMIMEタイプ
  • タイトル
  • 著者/ア⁠⁠ーテ⁠⁠ィスト

備考

オ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックはDropbox URLとSoundCloud URLをサポ⁠⁠ートしていません⁠⁠。SoundCloudオ⁠⁠ーデ⁠⁠ィオの場合は⁠⁠、代わりにSoundCloudブロ⁠⁠ックを使用してください⁠⁠。

フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ードする

デバイスからオ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックにフ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ードするには

  1. ブロ⁠⁠ック エデ⁠⁠ィタ⁠⁠ーで⁠⁠、[⁠⁠ア⁠⁠ップロ⁠⁠ード⁠⁠] タブの [⁠⁠フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ード⁠⁠] をタ⁠⁠ップします⁠⁠。
  2. 端末からオ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルを選択します⁠⁠。
  3. ア⁠⁠ーテ⁠⁠ィスト情報を追加するには⁠⁠、[⁠⁠タイトルと投稿者⁠⁠] をタ⁠⁠ップします⁠⁠。

外部フ⁠⁠ァイルを使用する

オ⁠⁠ーデ⁠⁠ィオフ⁠⁠ァイルが160MBを超える場合は⁠⁠、外部サ⁠⁠ービスにア⁠⁠ップロ⁠⁠ードし⁠⁠、[⁠⁠外部⁠⁠] タブの [⁠⁠オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルのURL⁠⁠] に公開URLを追加します⁠⁠。公開URLの末尾は⁠⁠.mp3または⁠⁠.m4aである必要があります⁠⁠。

その後⁠⁠、次の情報を入力できます⁠⁠。

  • フ⁠⁠ァイル サイズ (⁠⁠バイト単位⁠⁠)
  • オ⁠⁠ーデ⁠⁠ィオ フ⁠⁠ァイルのMIMEタイプ

[⁠⁠タイトル⁠⁠] と [⁠⁠著者/ア⁠⁠ーテ⁠⁠ィスト⁠⁠] の情報を追加するには⁠⁠、[⁠⁠タイトルと投稿者⁠⁠] をタ⁠⁠ップします⁠⁠。

備考

オ⁠⁠ーデ⁠⁠ィオ ブロ⁠⁠ックはDropbox URLとSoundCloud URLをサポ⁠⁠ートしていません⁠⁠。SoundCloudオ⁠⁠ーデ⁠⁠ィオの場合は⁠⁠、代わりにコンピ⁠⁠ュ⁠⁠ータ⁠⁠ーにSoundCloudブロ⁠⁠ックを追加します⁠⁠。

Appleポ⁠ッドキ⁠ャスト メタデ⁠ータ タグを追加する

[⁠ポ⁠ッドキ⁠ャスト配信⁠] タブでは⁠、フ⁠ィ⁠ールドに追加した情報がRSSフ⁠ィ⁠ードのメタデ⁠ータタグになります⁠。メタデ⁠ータタグを追加する必要があるのは⁠、ポ⁠ッドキ⁠ャストにオ⁠ーデ⁠ィオ ブロ⁠ックを使用している場合だけです⁠。詳細については⁠、「⁠Squarespaceを使⁠ったポ⁠ッドキ⁠ャスト配信の概要⁠」をご参照ください⁠。

以下の点に留意してください⁠。

  • ポ⁠ッドキ⁠ャストを設定するには⁠、ブログ ペ⁠ージにオ⁠ーデ⁠ィオ ブロ⁠ックを追加する必要があります⁠。他のペ⁠ージに追加されたオ⁠ーデ⁠ィオ ブロ⁠ックはポ⁠ッドキ⁠ャストには使用できません⁠。
  • ア⁠ップロ⁠ードされたフ⁠ァイルのサイズ (⁠バイト単位⁠) とMIMEタイプは自動的に検出されます⁠。外部でホストされているフ⁠ァイルの場合⁠、Appleポ⁠ッドキ⁠ャストでのポ⁠ッドキ⁠ャスト配信にそのフ⁠ァイルを使用するには⁠、これらの値を手動でご入力ください⁠。

デザインを変更する

[⁠デザイン⁠] タブでは⁠、オ⁠ーデ⁠ィオ ブロ⁠ックのスタイルを設定できます⁠。[⁠プレイヤ⁠ー スタイル⁠] で⁠、[⁠ミニマル⁠] と [⁠クラシ⁠ック⁠] のいずれかを選択します⁠。

[⁠ミニマル⁠] の場合⁠、[⁠プレイヤ⁠ーの色⁠] を [⁠ライト⁠] または [⁠ダ⁠ーク⁠] に設定します⁠。

KB Guide Image

[⁠クラシ⁠ック⁠] の場合⁠、色は変更できません⁠。

KB Guide Image

ダウンロ⁠ード リンクを表示する

訪問者がトラ⁠ックをダウンロ⁠ードするためのリンクを追加するには⁠、[⁠デザイン⁠] タブの [⁠ダウンロ⁠ード リンクを表示⁠] をオンにします⁠。このオプシ⁠ョンは⁠、既定では常にオフにな⁠っています⁠。ダウンロ⁠ード リンクはオ⁠ーデ⁠ィオ ブロ⁠ックの右側に表示されます⁠。

外部でホストされているフ⁠ァイルは⁠、この方法では正常にダウンロ⁠ードできない場合がありますので⁠、ア⁠ップロ⁠ードされたフ⁠ァイルにのみこのオプシ⁠ョンを使用することをおすすめします⁠。

ダウンロ⁠ード リンクが無効にな⁠っている場合でも⁠、訪問者は他の方法でフ⁠ァイルをダウンロ⁠ードできる可能性があることに注意してください⁠。ダウンロ⁠ードを防ぐことが重要な場合は⁠、サイト上のオ⁠ーデ⁠ィオを保護するためのヒントをご確認ください⁠。

備考

モバイル端末のSafariブラウザ⁠ーでは⁠、ダウンロ⁠ード リンクからオ⁠ーデ⁠ィオ トラ⁠ックが開きますが⁠、デバイスにはダウンロ⁠ードされません⁠。

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

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

  • Squarespace Expertを雇う

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