WordPressのブログ投稿に音声ファイルを埋め込みたいですか?
ポッドキャストのエピソード、音楽トラック、セミナーの録音をサイトに追加することは、訪問者の体験を向上させ、エンゲージメントを高める素晴らしい方法です。また、定期的に新しい音声コンテンツを投稿することで、サイトを再訪してもらうこともできます。
この投稿では、oEmbedという機能を使ってWordPressの投稿にSoundCloudの音声ファイルを追加する方法を紹介します。
なぜWordPressにSoundCloudの音声ファイルを埋め込むのか?
SoundCloudは人気のある音楽とポッドキャストのホスティングプラットフォームで、3時間までの音声ファイルを無料でアップロードできます。
SoundCloudに音声ファイルを公開すると、ファイルはすべてサーバーに保存され、あなたのSoundCloudページを訪れた人にストリーミングされます。しかし、自分のサイトでも音声ファイルを利用できるようにすることで、ブログのトラフィックを増やせることがよくあります。
朗報は、oEmbedと呼ばれる機能のおかげで、URLを使用してWordPressサイトに任意のSoundCloud音声ファイルを追加できることです。
投稿にSoundCloudを埋め込む方法は、使用するWordPressエディターによって異なります。以下のクイックリンクをクリックするだけで、あなたのニーズに最も適した方法にジャンプします:
方法1:ブロックエディターを使ってWordPressにSoundCloudを埋め込む
ブロックエディターにビルトインされたSoundCloudブロックのおかげで、WordPressの投稿にSoundCloudを追加するのは簡単です。
さらに良いことに、投稿のコンテンツエリアにリンクを貼り付ければ、WordPressが自動的にSoundCloudブロックを追加してくれる。
まず、SoundCloudにアクセスし、WordPressブログに追加したいファイルを見つけてください。これは、あなた自身のトラックでも、誰かが作成した公開トラックでも構わない。SoundCloudのプレイリストやアルバム全体を埋め込むこともできる。
トラック、プレイリスト、アルバムを開いたら、ページを下にスクロールして「リンクをコピー」アイコンをクリックします。
次に、WordPressダッシュボードに切り替え、SoundCloudファイルを埋め込みたいページまたは投稿に移動する。コンテンツエリアにURLを貼り付ける。
SoundCloudのURLを貼り付けると、WordPressが埋め込みコードを取得し、音声プレーヤーとトラックを表示します。
再生」ボタンをクリックすると、WordPressエディター内で音声の再生が始まります。
トラックを追加した後、ブロックの上に外観されるツールバーと右側のメニューの設定を使用して、微調整することができます。
ツールバーで「Align」ボタンをクリックし、ファイルの幅と配置を変更する。
初期設定では、WordPressはスマートフォンやタブレット上で埋め込みサイズを小さく表示します。この機能は有効化したままにしておくことをお勧めしますが、もしご希望であれば、右側のメニューにある’Resize for smaller devices’トグルを使って無効化することができます。
この設定を変更する場合は、WordPressサイトのモバイル版をテストして、SoundCloudファイルが期待通りに表示され、動作することを確認することをお勧めします。
埋め込み設定に満足したら、’更新’または’公開’をクリックして、埋め込んだSoundCloudファイルを公開します。
別の方法カスタムHTMLブロックを使う
Soundcloudファイルを埋め込むもう一つの方法は、SoundcloudのiFrameコードとWordPressカスタムHTMLブロックを使う方法です。この方法では、ファイルの見た目をカスタマイズする方法が増えます。
まず、Soundcloud音声ファイルのページで、’Share’ボタンをクリックします。
次に、「埋め込み」タブに切り替える。
ここに、コピーできるSoundcloudのiFrameコードがあります。
このコードをコピーする前に、埋め込みプレーヤーの色と設定を以下でカスタマイズすることもできます。コードはあなたの選択に従って更新されます。
このコードをコピーしたら、ページまたは投稿のブロックエディターを開く。
次に、’+ Add Block’ボタンをクリックし、‘Custom HTML‘ブロックを追加します。
本当に〜してもよいですか?
ここで、iFrameのコードをブロック内に貼り付けます。
埋め込みプレーヤーがどのように見えるかを見るには、「プレビュー」タブをクリックしてください。
更新」または「公開」をクリックすると、変更が反映されます。
方法2:古いクラシックエディターを使ってWordPressにSoundCloudを埋め込む
WordPressクラシックエディターを使用している場合は、同じ方法でSoundCloud音声を埋め込むことができます。
SoundCloudのトラック、アルバム、プレイリストへのリンクをコピーすることから始めます。
そうしたら、ファイルを埋め込みたいページや投稿を開いてください。そして、リンクをコンテンツエリアに一行で貼り付けるだけです。
ビジュアルエディターを使用している場合、WordPressのSoundCloud音声音楽プレーヤーのプレビューが表示されます。
ただ、WordPressのブロックエディターのように幅や配置を変更することはできないので注意が必要だ。
WordPressへのSoundCloudの埋め込みに関するFAQ
このガイドを初めて公開して以来、WordPressにSoundCloudのコンテンツを埋め込む方法について読者から多くの質問をいただきました。
ここでは、よくある質問にお答えしよう。
1.WordPressにSoundCloudポッドキャストを埋め込むことはできますか?
ビルトインのSoundCloudブロックを使って、WordPressに簡単にポッドキャストを埋め込むことができます。ポッドキャストのエピソードやプレイリストをコンテンツエディターに貼り付けるだけで、WordPressが自動的にSoundCloudブロックに追加します。
2.WordPressに複数のSoundCloudの曲を追加できますか?
同じSoundCloudブロックに無制限に曲を追加できます。WordPressのコンテンツエディターにURLを貼り付けるだけで、アルバムやプレイリスト全体を埋め込むことができます。
曲のキュレーションリストを作成したい場合は、SoundCloudのプレイリストにすべてのトラッキングを追加し、プレイリストを公開することをお勧めします。そのプレイリストのURLをWordPressに貼り付けるだけで、WordPressにプレイリストを埋め込むことができます。
各トラックのプライバシー設定はプレイリストの設定に上書きされますのでご注意ください。つまり、公開プレイリストに追加しても、プライベートトラックをサイトに埋め込むことはできません。
3.WordPressサイトにSoundCloudチャンネルを追加するには?
曲やプレイリストを埋め込むのとまったく同じ方法で、SoundCloudチャンネルを追加できます。SoundCloudのチャンネルにアクセスし、URLをコピーするだけです。
そして、そのリンクをコンテンツエディターに貼り付けると、WordPressは、そのチャンネルのバナー、トラックの総数、「フォロー」ボタンを含むすべてのコンテンツを表示します。このようにして、サイト訪問者にSoundCloudでのフォローを促すことができます。
この投稿が、WordPressの投稿にSoundCloudの音声ファイルを埋め込む方法を学ぶのにお役に立てば幸いです。次に、独自のポッドキャストを開始する方法についてのガイド、またはWordPressに最適なYouTube動画ギャラリープラグインのリストをご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
kaushik says
Why to take trouble when the soundcloud shortcode plugin is there !
Umair Ahmad says
hi, i want to add multiple souncloud(SC) track file in wordpress page post area, i get the following code from SC site,
[soundcloud url=”https://api.soundcloud.com/tracks/68623291″ params=”color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”166″ iframe=”true” /]
and embed it in post, but it does not show the track, instead displaying the embed code.
i used the plugin name “SoundCloud Shortcode” on my self hosted site, but failed,
Moreover, i am not following your instructions.
have a look or attached file, thats the result.
followers says
Hey pal, I’m a hip hop producer your article was impressive, it really heleped me. I hope my soundcloud mix will be better after reading this.thank you!
bdubb says
How would you add support for album art to this function?
Native Imaging says
I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed!
Georgia Hebert says
I just recently discovered this webblog and I can say current post is very useful for all