WordPressサイトにオーディオを追加する4つの簡単な方法

WordPress Webサイトにオーディオファイルを簡単に追加できます。この記事では、WordPressビルトイン機能とプラグインを使用して、オーディオコンテンツを簡単に追加し、ユーザーエクスペリエンスを向上させる方法を紹介します。

キーポイント：

• WordPressはデフォルトでオーディオファイルをサポートしているため、オーディオの追加は写真を追加するのと同じくらい簡単です。
• WordPressには、MP3、M4A、OGG、およびWAV形式をサポートするオーディオプレーヤーが付属しており、プレイリストを作成できます。
• SoundCloudなどの外部オーディオホスティングプラットフォームを使用してオーディオを埋め込み、サーバーの負担を軽減できます。
• その他の機能やカスタマイズオプションが必要な場合は、コンパクトWPオーディオプレーヤー、MP3-ジャプレーヤー、SoundCloudなどのプラグインを使用できます。

この記事は、Sitegroundとのコラボレーションで作成されています。 SetePointを可能にしてくれたことをサポートしてくれたパートナーに感謝します。

あなたのウェブサイトでオーディオファイルを共有したいですか？ Facebookは、Dropboxでの共有やビデオへの変換などの退屈な方法を使用しない限り、オーディオを直接共有することはできません。しかし、独自のWordPress Webサイトをお持ちの場合、これは非常に簡単です。

オーディオの追加は難しくありません。 GIFアニメーションでいっぱいの時代遅れのWebサイトに安っぽいバックグラウンドミュージックを追加することについて言及していません。音楽をさりげなく追加することは賢明な動きではありませんが、ウェブサイトにオーディオを含めるのに合理的な使用があります：

• ミュージシャンは音楽サンプルを共有しています。
• ブロガーはポッドキャストを共有しています。
• 学校、教会、イベントのウェブサイトは、セミナー、説教、および基調講演のオーディオを提供しています。
• 教師、トレーナー、教育者は、オンラインコースにオーディオの例を追加します。
• ブロガーはインタビューやその他の追加コンテンツを追加します。

WordPressがデフォルトでオーディオファイル処理をサポートしていることを知らない場合があります。画像を記事に挿入する方法がわかっている場合は、オーディオを挿入するのも簡単です。

HTML5の前に、Webページでオーディオを再生するための標準的な方法はありませんでしたが、効果は理想的ではありませんでした。 WordPressはHTML5を使用してオーディオを埋め込み、モバイルデバイスを含むほとんどのブラウザやデバイスと互換性があります。

オーディオライブラリサイトを含む第三者向けの組み込みプレイヤーやWordPressプラグインなど、オーディオをウェブサイトに追加する他の方法があります。これらの方法は、追加の機能を提供し、ライブラリWebサイトからオーディオを使用できます。

もちろん、自分で作成したオーディオ、ライセンスされたオーディオ、ロイヤリティフリーオーディオなど、使用する権利があるオーディオファイルのみを使用します。この記事で使用されているサンプルオーディオは、YouTubeの無料の音楽ライブラリに由来しています。

1を使用します Webサイトにオーディオを追加する最も簡単な方法は、WordPressに付属のオーディオプレーヤーを使用することです。特別なニーズがない限り、他の方法を探す必要はありません。

WordPressメディアライブラリにMP3、M4A、OGG、またはWAVファイルを追加できます。その後、記事に挿入して、オプションのタイトルを追加できます。

手順は次のとおりです

[メディアの追加]ボタンをクリックします。
オーディオファイルをライブラリにドラッグアンドドロップするか、[ファイルのアップロード]をクリックして、[ファイル]を選択してオーディオコンテンツをメディアライブラリに追加します。
2. 画面の右側で、タイトル、アーティスト、アルバム、タイトル、説明など、オーディオファイルの関連するメタデータを入力します。
3. 読者が記事からオーディオファイルを再生できるように、埋め込まれたメディアプレーヤーオプションが選択されていることを確認してください。
4. 「記事に挿入」をクリックします。
以下は、いくつかのオーディオファイルを追加した後のメディアプレーヤーのスクリーンショットです。右側のパネルにあるファイルの関連するメタデータを入力できます。

以下は、画像を追加した後の記事のテキストビューです（2番目の段落を参照）。このスクリーンショットは、オーディオプレーヤーコードを手動で追加する他のいくつかの方法も示しています。

以下は、プレビューまたは投稿後の記事の外観です。オーディオファイルを表示するミニプレーヤー。プレーヤーは、3つの方法すべてで同じように見えることに注意してください。

例：

下のオーディオファイルをクリックして聞きます：

https://www.php.cn/link/18091aec4f3a9a5f2aa73c0a18ca

WordPressメディアプレーヤーにオーディオファイルを保存する必要はありません。他のサーバーにそれらを保存すると、Webサイトのホスト、保管スペース、システムリソース、帯域幅の保存の負荷を減らすことができます。この場合、同じオーディオショートコードを使用しますが、オーディオファイルの正しいURLを使用します。

コードにいくつかのオプションを追加することで、ループまたは自動的にオーディオファイルを再生できます（WordPress.orgのオーディオショートコードページを参照）。メディアプレーヤーの色を変更するには、次のカスタムCSSを使用する必要があります。

または、追加機能が必要な場合やメディアプレーヤーの外観をカスタマイズする場合は、以下のプラグインをご覧ください。

<code>.music-player .wp-playlist-light,
.music-player .wp-playlist-light .wp-playlist-playing {
    background: #999;
    border-color: #999;
}</code>

（次の内容は元のテキストに似ていますが、擬似オリジナル効果を達成するために文の調整と段落部門が作成され、写真とリンクが保持されています）

2を作成します 共有するオーディオファイルが複数ありますか？ WordPressには、組み込みのプレイリストサポートもあります。開始する方法は次のとおりです

1. メディアライブラリで、[オーディオプレイリストの作成]をクリックします。
2. プレイリストに含めるオーディオファイルを選択します。
3. プレイリストに関連するメタデータを追加し、[新しいプレイリストの作成]をクリックします。
4. 目的のオプション（トラックリスト、アーティスト名、および画像を表示するため）を選択し、[オーディオプレイリストを挿入]をクリックします。

以下は、メディアライブラリの「オーディオプレイリストの作成」をクリックした後に表示される画面です。このオプションは、ライブラリにオーディオファイルがある場合にのみ使用できます。

以下は、プレイリストに選択できるオプションです。

以下は、プレイリストショートコードを追加した後の記事のテキストビューです。

以下は、リリース後の外観です。

例：

これは、再生できる埋め込みプレイリストです：

1. デジタルウォッチアラームLong
2. 近くに鳴るミディアムベル
群衆の叫びシリーズ
3. 中空の金属の上を歩く
4. 草のシリーズを散歩

3

SoundCloudは、YouTubeのオーディオバージョンと同様に、オンラインで音楽を共有することに特化した人気のあるサービスです。 SoundCloudを使用して、組み込みWebサイトからオーディオをホストしたり、SoundCloudですでにコンテンツを共有したりできます。 SoundCloudは、そのWebサイトにコンテンツを埋め込むプロセスを簡素化します。

埋め込みを許可するSoundCloudオーディオファイルには、その下に共有ボタンがあります。クリックしてください。

「埋め込み」をクリックし、大きな四角いプレーヤーまたはより小さな長方形のプレーヤーを選択します。必要なオプションを選択します。

コードをコピーして投稿に貼り付けます。
2. SoundCloudの[共有]ボタンをクリックした後に表示される画面は次のとおりです。上部に埋め込まれた[]をクリックして、お好みのオプションを選択します。あなたのウェブサイトがWordPress.comでホストされていない限り、「WordPressコード」ボックスをチェックしないでください。

以下は、記事にコードを貼り付けた後のものです。

以下は、記事が公開された後のSoundCloudプレーヤーの外観です。

プラグインSoundCloudは金を使用することもできます。これについては、以下に紹介します。 Audiomackを含む他のオーディオライブラリWebサイトは、同様の組み込みプレイヤーを提供します。

4を使用します WordPressオーディオプレーヤーよりも強力な機能またはより柔軟な構成が必要な場合は、プラグインを使用できます。必要なものを含む可能性のある高評価のオプションを次に示します。 （プラグインリストは元のテキストと一致しており、繰り返し説明は省略されています）

ウェブサイトにオーディオを追加することは、WordPressでできる多くのやり取りの1つにすぎません。機能が豊富なホスティングWordPressホスティングをお探しの場合は、無料のWebサイト移行サービスも提供するパートナーSitegroundをご覧ください。あなたのウェブサイトにオーディオを含めますか？どの方法を使用しますか？

（FAQパーツは元のテキストに似ていますが、擬似オリジナル効果を達成するために文の調整と段落除算が作成されています）

以上がWordPressサイトにオーディオを追加する4つの簡単な方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。