如何在沒有插件的情況下創建WordPress音頻播放列表

[ad_1]

想要創建WordPress音頻播放列表嗎?您不需要專用的播放列表插件 – WordPress為您提供了幾種使用核心功能創建音頻播放列表的方法。

方法#1:使用原生WordPress音頻播放列表功能

WordPress包含內置於核心媒體庫中的音頻播放列表功能。

首先,您需要使用常規的「添加媒體」按鈕上傳音頻文件。您可以使用以下文件擴展名:

上傳了要使用的音頻文件並確保它們具有正確的信息後,您可以單擊同一添加媒體界面中的創建音頻播放列表按鈕:

通過「創建音頻播放列表」選項在WordPress中添加音頻播放列表

點擊此鏈接後,您將看到編輯音頻播放列表窗口,該窗口將列出您的所有音軌。

選擇要包含在播放列表中的所有曲目。

您還可以拖放文件以更改WordPress音頻播放列表中的順序。曲目列表從左上角到右下角。軌道1應始終位於左上方,最後一個軌道位於右下方。

此外,您可以使用右側的「播放列表設置」區域來配置WordPress音頻播放列表的外觀,例如是否顯示藝術家姓名或圖像縮略圖:

選擇曲目和音頻播放列表外觀的選項

對播放列表和設置感到滿意後,可以單擊右下角的「插入到帖子」,將音頻播放列表添加到WordPress帖子或頁面。然後,只需像平常一樣發布帖子或頁面,您的訪問者就可以開始與播放列表進行交互:

博客文章中顯示的音頻播放列表

使用WordPress文本小部件

如果要在站點的側欄中放置類似的WordPress音頻播放列表,可以使用「文本」小部件。

要開始使用,請轉到外觀 – >小部件。然後,拖動「文本」小部件。從那裡,單擊添加媒體按鈕,您將能夠按照上面相同的步驟在窗口小部件中插入音頻播放列表:

將播放列表添加到WordPress小部件

方法#2:在Spotify的WordPress中添加音頻播放列表

另一個非常酷的開箱即用WordPress功能是它的oEmbed支持。 oEmbed是一種格式,允許您顯示來自單獨URL的內容,而無需自己託管內容。

自v3.6以來,WordPress一直支持Spotify嵌入。這裡的最大好處是,您不會自己託管任何文件,同時仍然可以獲得Spotify龐大的音頻內容庫的好處。

要生成嵌入鏈接:

  • 單擊Spotify儀錶板中的三點選項
  • 將滑鼠懸停在「共享」菜單項上
  • 選擇「複製播放列表」鏈接選項

獲取spotify播放列錶鏈接

接下來,只需將該鏈接粘貼到WordPress編輯器中(確保您使用的是Visual編輯器)。 WordPress會自動從鏈接中嵌入播放列表:

來自spotify的wordpress音頻播放列表

現在,只需發布​​或更新帖子,你就會有一個很好的前端WordPress音頻播放列表,由Spotify提供:

Spotify播放列表已添加到博文中

如果需要,您還可以使用類似的方法在WordPress文本小部件中嵌入Spotify播放列表。

雖然這種方法很方便,但它確實有兩個明顯的缺點:

方法#3:從SoundCloud在WordPress中添加音頻播放列表

如果您更喜歡SoundCloud,您還可以使用SoundCloud中的任何播放列表執行類似的過程。與Spotify相比,SoundCloud的一個好處是SoundCloud可以非常輕鬆地上傳您自己的音頻文件。

最簡單的方法是將SoundCloud播放列表的直接鏈接粘貼到WordPress編輯器中。就像Spotify一樣,WordPress會自動嵌入播放列表:

在WordPress中嵌入SoundCloud播放列表

如果您想要更多控制,還可以手動生成SoundCloud嵌入代碼。

要開始使用,請訪問SoundCloud並找到您網站所需的播放列表。然後,查找「共享」按鈕:

如何在WordPress中嵌入SoundCloud播放列表

然後複製嵌入代碼並返迴文本編輯器。確保將嵌入代碼粘貼到「文本」選項卡中。然後,您可以像平常一樣發布或更新您的帖子:

WordPress帖子中的SoundCloud音頻播放器

如果需要,您還可以使用類似的方法在WordPress文本小部件中嵌入SoundCloud播放列表。

結論

在WordPress中添加音頻播放列表不需要是一個困難的編碼冒險或插件購買。當您在WordPress中添加音頻播放列表時,您有許多很好的選擇。您可以通過原生添加媒體按鈕添加自己的託管音頻播放列表,也可以使用oEmbed功能將Spotify或SoundCloud播放列表添加到您網站上的任何頁面或帖子。

如果要在側邊欄中放置播放列表,也可以在WordPress文本小部件中使用上述所有三種方法。

如果您喜歡這篇文章,您可能還想查看一些最好的播客插件或了解如何創建播客網站。

相關文章