如果你是音樂(lè)創(chuàng)作者、播客主，或者想在網(wǎng)站中嵌入高質(zhì)量音頻內(nèi)容，Avada 主題提供的 SoundCloud 元素 會(huì)是一個(gè)非常實(shí)用的工具。本篇文章將為你詳細(xì)介紹如何使用 Avada 的 SoundCloud 元素，將 SoundCloud 音樂(lè)或播客內(nèi)容無(wú)縫集成到你的網(wǎng)站中，打造更具感染力的網(wǎng)頁(yè)體驗(yàn)。

什么是 SoundCloud 元素？

SoundCloud 是一個(gè)全球知名的音樂(lè)和播客分享平臺(tái)，用戶可以上傳自己的音頻內(nèi)容，也可以收聽(tīng)其他創(chuàng)作者的音樂(lè)或節(jié)目。而 Avada 的 SoundCloud 元素，你只需復(fù)制一個(gè)鏈接，就能將 SoundCloud 上的內(nèi)容嵌入到網(wǎng)頁(yè)中，無(wú)需額外插件或復(fù)雜配置。

如何使用 SoundCloud 元素？

步驟一：插入 SoundCloud 元素

在 Avada Builder 中，選擇你想插入音頻的位置，點(diǎn)擊“添加元素”。

進(jìn)入到元素表單中，搜索“SoundCloud”，然后點(diǎn)擊添加即可。

步驟二：配置 SoundCloud 元素參數(shù)

添加元素后，你會(huì)看到一組設(shè)置項(xiàng)，以下是關(guān)鍵參數(shù)解釋：

1. SoundCloud URL（必填）

這是最重要的選項(xiàng)。將你想嵌入的 SoundCloud 音頻鏈接粘貼在此處。音頻將直接在你的網(wǎng)站中播放。

?? 注意：請(qǐng)確保你擁有該音頻的版權(quán)。

2. Layout（布局）

提供兩種布局：

• Classic（經(jīng)典）：默認(rèn)外觀，簡(jiǎn)潔大方。
• Visual（可視化）：帶有背景專輯封面的版本，更具視覺(jué)吸引力。

3.Show Comments（顯示評(píng)論）

• 設(shè)為“Yes”時(shí)，播放器下方會(huì)顯示用戶評(píng)論。
• 鼠標(biāo)懸?？刹榭淳唧w評(píng)論時(shí)間點(diǎn)并跳轉(zhuǎn)。

4.Show Related（顯示相關(guān)內(nèi)容）

• 該選項(xiàng)會(huì)在音頻播放結(jié)束后顯示與該音頻相似的內(nèi)容。

5.Show User（顯示用戶信息）

• 會(huì)在播放器頂部顯示發(fā)布該音頻的 SoundCloud 用戶名和頭像。

6.Autoplay（自動(dòng)播放）

• 設(shè)置為“Yes”后頁(yè)面加載時(shí)自動(dòng)開(kāi)始播放（建議慎用，以免打擾用戶）。

7.Color（圖標(biāo)顏色）

• 選擇播放器中播放按鈕等元素的顏色，可匹配你網(wǎng)站的配色方案。

8.Dimensions（尺寸）

• 寬度支持像素或百分比（如 100%）
• 高度僅支持像素設(shè)置（例如：750px）

9.Margin（外邊距）

• 設(shè)置該播放器元素的四周間距，適應(yīng)你頁(yè)面的整體布局。

10.Element Visibility（元素可見(jiàn)性）

• 控制該元素在不同屏幕尺寸（桌面/平板/手機(jī)）上的顯示與隱藏。

11.CSS Class / CSS ID

• 如需進(jìn)一步自定義樣式，可為該元素指定自定義類名或 ID，配合 CSS 使用。

使用示例

若希望播放器背景顯示專輯封面，并占據(jù)較大空間，可以這樣設(shè)置：

• Layout：Visual
• Height：750px
• Show Comments：Yes
• Show User：Yes
• Autoplay：No

這樣的配置不僅美觀，還能提升訪客的參與感。

總結(jié)

Avada 的 SoundCloud 元素是一個(gè)集美觀、功能和便捷性于一體的工具，特別適合：

• 音樂(lè)人嵌入原創(chuàng)歌曲
• 播客主展示節(jié)目?jī)?nèi)容
• 網(wǎng)站管理者展示音頻課程或背景音樂(lè)

只需一個(gè) SoundCloud 鏈接，你就可以將音頻播放體驗(yàn)集成到你的 WordPress 網(wǎng)站中，輕松提升頁(yè)面吸引力和互動(dòng)性。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息