“我正在寻找一些 Spotify 跑步播放列表,以便在锻炼时播放。当我用谷歌搜索时,我可以看到一些博客在 Tumblr 和博客上显示 Spotify 播放列表。我想知道他们是如何做到这一点的,因为我经营一个美食食谱博客,有时我需要一两首 Spotify 音乐作为背景音乐。顺便问一下,我可以下载这些 Spotify 歌曲吗,因为我从论坛上找到了一首最适合我最新博客文章的歌曲?”

嵌入Spotify播放列表

如果您与这位博主有同样的困惑,或者您是 Tumblr、BlogSpot 的忠实粉丝,或者您经常使用论坛并希望在自己的网站或博客中嵌入 Spotify 播放列表,那么您可以停止搜索,因为这绝对是您需要的。

内容

第1部分。如何在网站和博客上嵌入Spotify播放列表

步骤1。 将Spotify播放列表嵌入代码复制到剪贴板

首先,当然,你需要在电脑上安装 Spotify。找到你想要嵌入到 Spotify 的播放列表。点击“...”图标,然后从弹出列表中选择“共享”。 

在这里,您将看到可以将 Spotify 播放列表分享到 Facebook、Messenger、Twitter、Telegram、Skype、Tumblr、“复制播放列表链接”、“复制嵌入代码”和“复制 Spotify URI”。选择“复制嵌入代码”,即可选择 Spotify 播放列表嵌入代码。

复制Spotify嵌入代码

步骤2。 粘贴Spotify播放列表嵌入代码

进入网站后端。以 WordPress 为例,找到要嵌入 Spotify 播放列表的页面并切换到文本视图。然后将嵌入代码粘贴到界面所示的框中。

粘贴Spotify嵌入代码到站点

步骤3。 预览嵌入Spotify播放列表

您可以切换到“可视化”视图,播放列表就会显示出来。您还可以将页面保存为草稿并在新选项卡中预览。

在Visual View中检查Spotify播放列表布局

部分2。如何编辑嵌入式Spotify播放列表的布局

嵌入Spotify播放列表后,您可以轻松自定义播放列表。

1。 Spotify嵌入播放列表的自定义大小

在“文本”视图中,您可以找到“ width ='xxx'height ='xxx'”代码。

在Visual View中检查自定义Spotify播放列表

您可以输入要替换的数字“ xxx”,然后切换到“可视”视图以查看其外观。

在Visual View中检查自定义Spotify播放列表

2。 自定义Spotify播放列表主题

在宽高代码之前,可以看到https://open.spotify.com/embed/user/spotify/playlist/xxx这个链接,在链接后面紧接着添加代码“&theme=white”,主题就定制好了。

自定义Spotify播放列表主题

3。 显示封面艺术

将“&view = coverart”添加到同一位置以显示播放列表的封面。

显示Spotify播放列表封面艺术

这就是在您的网站和博客上嵌入 Spotify 播放列表的全部内容。您不必是 Web 开发人员或程序员专家,因为如您所见,您只需复制和粘贴即可嵌入 Spotify 播放列表。 

如果您在尝试时遇到任何问题,请随时告诉我。最后但并非最不重要的一点是,希望这个 Spotify 嵌入播放列表指南可以帮助更多像您这样的博主,如果您认为它有助于解决您的问题,请与您的朋友分享这篇文章。

这则信息有帮助吗?

信任评分 3.4 | 39

Copyright © 2025 版权所有

语言选择
英语
箭头