5ステップでできる!Spotifyの曲・プレイリストをWordPressサイトに埋め込む方法

Sponsored Link


Spotifyの曲やプレイリストをWordPressサイトに埋め込みたい!

どうも、Linです。炭水化物、あったまってます。

 

様々な楽曲を無料でストリーミング再生できるSpotify。

Spotify -音楽ストリーミングサービス

Spotify -音楽ストリーミングサービス

Spotifyを使っているとたまに、

Spotifyの曲やプレイリストをWordPressのサイト内に埋め込みたい!!

と感じるときがありますよね?

そんなときに使える、

Spotifyの曲やプレイリストをワードプレスのサイトに埋め込む方法をマスターしたので、忘れないうちにメモしておきます。

 

 

Spotifyの曲やプレイリストをWordPressサイトに埋め込む方法

次の5つのステップを踏んでみてください。

 

Step1. Spotifyで埋め込みたい曲・プレイリストの詳細

まずは、Spotifyのアプリやサイト上で、

サイトに埋め込みたい曲やプレイリストの詳細

を表示します。

 

今回は例として、

JAZZ Dancers

というプレイリストを埋め込んでみましょう。

 

Spotify wordpress 埋め込み

 

 

Step2. 点マークを選択

プレイリストの詳細画面にて「点マーク」があると思います。

 

Spotify wordpress 埋め込み

 

こいつをクリック。

 

Step3. シェア

選択肢が表示されるので、今回は「シェア」を選びます。

 

Spotify wordpress 埋め込み

 

Step4. コードマーク

いろいろなシェアの方法が提示されますね?

サイトに埋め込みたい場合は、右から2番目の「コードマーク」を選びます。

 

Spotify wordpress 埋め込み

 

コードマークをクリックした時点で、HTMLコードが自動的にコピーされますよ。

 

Step5. テキストモードで貼り付け

あとは編集画面の「テキストモード」で貼り付けるだけです。

 

Spotify wordpress 埋め込み

 

すると、プレイリストならこんな感じ、

 

曲単品ならばこんな感じに貼り付けできると思います。

やりましたね!

このような感じでサイト上で直接音楽を再生できるようになります。

 

 

Spotifyの曲やプレイリストをWordPressサイトにガンガン埋め込もう!

以上が、Spotifyの曲をサイトに埋め込む方法でした。

  1. 曲・プレイリストの詳細
  2. シェア
  3. コードマーク
  4. WordPressのテキストモードにて貼り付け

で埋め込めちゃいましたね。

自分の好きな曲をサイトでガンガン紹介していきましょう!

 

「基本技じゃなくてWordPressをもっと深く勉強したい!」

という方には「オンラインブートキャンプ WordPressコース」がおすすめです。

WordPressに詳しいメンターにオンラインで質問できるので、独学で挫折することはありません。

よかったら体験講座を受講してみてくださいね。

 

それでは!

Lin

飯橋凛(Ihashi Lin)

インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。


Sponsored Link

コメントはこちらからお願いします!



もう1本読んでみる