ワードプレスのスポティファイ 埋め込みブロックは、あなたが音楽関連のウェブサイトを所有し、音楽、ポッドキャスト、またはプレイリストを追加する場合に最適です。WordPress Spotify埋め込みブロックは、Spotifyの音楽を直接ウェブサイトに埋め込むことができます。
このガイドでは、このブロックとは何か、一般的な機能とツールバーの機能、そしてWordPressでSpotify Embedブロックをシームレスに使用する方法について説明します。
WordPressのSpotify埋め込みブロックとは?
WordPress Spotify Embed Blockは、コーディングを追加することなくSpotifyの音楽ファイルをウェブサイトに直接追加できるコアブロックです。SpotifyのURLをブロックに貼り付けるだけです。
音楽ファイルだけでなく、Spotifyのアルバム、プレイリスト、ポッドキャストをウェブサイトに直接追加することもできる。
Spotify 埋め込みブロックの主な特徴
ブロックの主な特徴は以下の通り。
- Spotifyとの直接統合:Spotifyから任意のパブリックトラックプレイリストやポッドキャストを追加します。
- レスポンシブデザイン:埋め込まれたプレーヤーは、様々な画面サイズに合わせて調整されます。
- レスポンシブデザイン:埋め込まれたプレーヤーは、様々な画面サイズに合わせて調整されます。
- 簡単なセットアップ:Spotifyのリンクをコピーしてブロックに貼り付ける。
Spotify Trackがロードされると、プレーヤーのオプションが表示されます。

- スポティファイ・アイコン Spotifyのウェブサイトに移動し、あなたのウェブサイトに追加したトラックを再生します。
- スリードット(詳細): このボタンには、Spotifyで再生、Spotifyで保存、リンクをコピーなどのオプションがあります。
- 再生ボタン: 再生ボタンで音楽の再生と一時停止ができます。
- Spotifyで節約: このボタンを押すと、Spotifyのウェブサイトに移動し、Liked Songsにトラックが追加されます。
- アーティスト名を表示します。
- トラック名を表示します。
- アルバム名を表示します。
Spotifyブロックのツールバー機能
Spotify Embedブロックを選択すると、ブロックエディタの上部にツールバーが表示されます。

- に変える: Transform Toバットを使って、ブロックをParagraph、Column、Details、Groupブロックに変換することができます。
- ドラッグだ: 専用ブロックをドラッグ&ドロップで好きな場所に配置できる。
- 動くハンドル: エディターでブロックを上下に動かして、コンテンツを整理することができます。
- 整列する: alignオプションでは、ビデオのアライメントをNone、Wide Width、Full Width、Left、Center、Rightに設定できます。
- キャプションを追加 オプションを使ってキャプションを追加できます。
- URLを編集する: このオプションでは、挿入されたリンクの確認、リンクの編集、新しいリンクの挿入などができます。
- オプション 複製、コピー、グループ化など、ブロックのセクションに関連するオプションを提供する。
美しいテーブルを作る
ブロックエディター付き

WordPressでSpotify埋め込みブロックを使う方法
Spotifyの楽曲を簡単に埋め込むには、以下の手順に従ってください。
ステップ1:WordPress Spotify埋め込みブロックを挿入する
Spotifyのトラックを追加したい投稿やページに移動します。その後 ブロック追加 ("+") アイコン (1)タイプ "スポティファイ埋め込み「検索ボックス内の (2)をクリックする。スポティファイ埋め込み" (3).

ステップ 2: Spotifyトラックを埋め込む
次に、Spotifyトラックのリンク(1) をクリックしてください。エンベッド「ボタン (2).

あなたのSpotifyコンテンツが表示されるまで1、2秒かかります。

その他のカスタマイズ機能:
その他のカスタマイズ機能については、以下を参照してください。 設定 (1) > ブロック (2) > 設定 (3).

設定メニューの中に"小さなデバイス用にサイズを変更する。"このオプションは、小さなデバイスで表示する際に、ビデオのアスペクト比を自動的にリサイズします。
について スタイル オプションのオプションは1つだけで、ブロックのマージンを設定できます。

すべての修正後、Spotifyコンテンツを表示するには、ページまたは投稿を保存または公開する必要があります。
最終的な感想
以上、WordPressでSpotify Embedブロックを使う方法でした。このブロックを使えば、Spotifyのオーディオコンテンツを簡単に表示することができます。
チュートリアルはどうですか?役に立ちましたか?下のコメント欄で感想を聞かせてください。
続きを読む