アバダ・テーマ・チュートリアル：アバダ・サウンドクラウドを使えば、音楽やポッドキャストを簡単にウェブサイトに埋め込むことができます！

もしあなたが音楽クリエーターそしてポッドキャスターまた、ウェブサイトに高音質のオーディオコンテンツを埋め込みたい場合、Avadaのテーマは以下の機能を提供します。 サウンドクラウドの要素 は非常に便利なツールだろう。この記事では アバダ な サウンドクラウドの要素SoundCloudの音楽やポッドキャストコンテンツをウェブサイトにシームレスに統合して、より魅力的なウェブ体験を作りましょう。

SoundCloudのエレメントとは何ですか？

サウンドクラウド は世界的に有名な音楽とポッドキャストの共有プラットフォームで、ユーザーは自分のオーディオコンテンツをアップロードしたり、他のクリエイターの音楽や番組を聴いたりすることができる。一方 アバダのサウンドクラウド・エレメンツへのリンクをコピーするだけです。 サウンドクラウド ページ上のコンテンツは、追加のプラグインや複雑な設定なしにウェブページに埋め込まれます。

SoundCloudエレメントの使い方を教えてください。

ステップ1：SoundCloudエレメントを挿入する

Avada Builderでオーディオを挿入したい場所を選択し、" "をクリックします。要素の追加".

エレメント・フォームで"サウンドクラウド"をクリックし、"Add "をクリックするだけだ。

ステップ2：SoundCloudエレメントのパラメータを設定する

エレメントを追加した後、セットアップ項目が表示されますが、ここでは主要なパラメーターについて説明します：

1.サウンドクラウドのURL（必須）

これが最も重要なオプションです。埋め込みたいSoundCloudオーディオへのリンクをここに貼り付けます。音の周波数はあなたのウェブサイトで直接再生されます。

⚠️ 注：音声の著作権があなたにあることを確認してください。

2.レイアウト

レイアウトは2種類：

• クラシックデフォルトの外観、クリーンでシンプル。
• ビジュアルアルバムジャケットを背景にしたバージョンの方が、視覚的に魅力的だ。

3.コメントを表示

• に設定する。はい"というユーザーコメントが選手の下に表示される。
• カーソルを合わせると、特定のコメントのタイムポイントやジャンプが表示される。

4.ショー関連

• このオプションは、オーディオ再生の最後にオーディオに似たコンテンツを表示します。

5.ユーザーを表示する

• オーディオを公開したSoundCloudのユーザー名とアバターは、プレーヤーの上部に表示されます。

6.オートプレイ

• に設定します。はいページがロードされると、自動的に "Play "が始まる（ユーザーの邪魔にならないように注意すること）。

7.色（アイコンの色）

• プレーヤーの再生ボタンなどの要素の色を選択し、ウェブサイトの配色に合わせます。

8.寸法

• 幅ピクセルまたはパーセンテージのサポート（例：100%）
• こうどピクセル設定のみサポート（例：750px）

9.マージン（外縁）

• ページ全体のレイアウトに合わせて、このプレーヤー要素の周囲の間隔を設定します。

10.エレメントの可視性

• 異なる画面サイズ（デスクトップ/タブレット/モバイル）での要素の表示/非表示を制御します。

11.CSSクラス／CSS ID

• さらにカスタマイズするために、要素にカスタムクラス名やCSSで使用するIDを割り当てることができます。

使用例

プレーヤーの背景にアルバム・アートを表示し、より多くのスペースを取りたい場合は、このように設定できます：

• レイアウト：ビジュアル
• 高さ：750px
• コメント表示: はい
• ユーザーの表示: はい
• オートプレイ: いいえ

この構成は審美的に美しいだけでなく、来場者のエンゲージメントを高める。

概要

AvadaのSoundCloudエレメントは、美しさ、機能性、利便性を兼ね備えており、特に適している：

• オリジナル曲を埋め込むミュージシャン
• ポッドキャスターが番組内容を紹介
• オーディオレッスンやBGMを提供するウェブマスター

SoundCloudのリンクを貼るだけで、オーディオ再生体験を次のようなものに統合できます。 ワードプレスウェブサイトページの魅力と双方向性を簡単に高めることができる。