WordPress divi主题

如何使用 SoundCloud 嵌入块

| 4月 26, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

使用 WordPress 的 SoundCloud 嵌入块,您可以将专辑、播放列表或曲目添加到您的帖子或页面。 在 Gutenberg 中嵌入 SoundCloud 内容为您提供了很多关于模块外观和功能的选项。 否则,如果您只是将 SoundCloud 链接复制并粘贴到经典编辑器中,您也许可以展示音乐,但在自定义和页面设计方面您的选择将受到严重限制。

google广告开户

在本文中,我们将向您介绍如何在 WordPress 帖子或页面上嵌入 SoundCloud 专辑、播放列表或曲目。 我们还将介绍您应该知道的最佳做法、常见问题解答和提示。

在我们开始之前,请注意,虽然您不需要 SoundCloud 帐户来嵌入服务中的内容,但您需要选择公共曲目 – 不能嵌入私人曲目。 此外,您必须使用 Gutenberg 块编辑器来添加 SoundCloud 嵌入块。 (不过,我们将介绍几种替代方案。)

订阅我们的 Youtube 频道

如何在 WordPress 中嵌入 SoundCloud 内容

首先,我们将介绍如何将 SoundCloud 曲目添加到 WordPress 帖子或页面。 然后,我们将快速介绍如何添加专辑/播放列表,因为该过程类似于添加曲目。

如何在 WordPress 中嵌入 SoundCloud 音轨

转到 SoundCloud 并找到要嵌入 WordPress 的曲目。 单击轨道以在其自己的页面上打开它。 从页面顶部的地址栏中复制 URL。

声云嵌入

转到 WordPress 并创建或编辑帖子或页面。 在页面的主体中,您应该看到一个 加号. 如果您没有看到,请单击页面正文中的某处,它应该会出现。

声云嵌入

WordPress divi主题

点击 加号 调出块选择器。 在输入框输入“SoundCloud” 搜索 框,然后选择关联的块。 SoundCloud 嵌入块现在将添加到您的页面或帖子中。

将音乐添加到 wordpress

声云嵌入

将您复制的 SoundCloud 地址粘贴到显示的字段中 输入要在此处嵌入的 URL… 点击 嵌入. 您现在将看到如下内容:

声云嵌入

要查看它上线后在您网站上的外观,请点击 预览 > 桌面 > 在新标签中预览 在页面的右上角。

将音乐添加到 wordpress

声云嵌入

如果您愿意,可以添加标题。 嵌入轨道下方有一个专用区域可输入字幕以及格式选项。

声云嵌入

fiverr建站WordPress程序员

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

从 SoundCloud 嵌入专辑或播放列表与添加曲目非常相似。 在 SoundCloud 中,导航到您要添加的专辑或播放列表,然后单击它以在其自己的页面中打开它。 从地址栏中复制 URL。

在 WordPress 的 SoundCloud 嵌入框中,将地址栏粘贴到专用空间中。 点击 嵌入.

无论您添加了专辑还是播放列表,结果基本相同。 专辑或播放列表的封面艺术将显示在嵌入式链接的主要部分,下方将是您可以滚动浏览的曲目列表。 当您将鼠标悬停在曲目上并滚动时,主要封面艺术将变小以显示更多曲目列表。 在此屏幕截图中,顶部嵌入是播放列表,而底部嵌入是专辑。

将音乐添加到 wordpress

嵌入错误消息

如果您输入的不是链接、断开的链接或无法嵌入的内容,您将收到如下所示的错误消息:

独立站选品工具

声云嵌入

您可以重试该链接或单击 转换为链接 看看这是否有所作为。 但是,如果这两个选项都不起作用,您可能必须嵌入不同的内容。

SoundCloud 嵌入块选项

您可以在两个不同的区域找到 SoundCloud 嵌入块的选项:沿栏顶部和右侧边栏中。 让我们来看看它们是什么。

工具栏选项

将内容添加到嵌入块后,单击它将在顶部弹出一个选项工具栏。 它看起来像这样:

声云嵌入

高质量外链购买

从左到右,图标的含义如下:

  • 转换为: 您可以将 SoundCloud 嵌入块更改为段落、列或组。 唯一需要考虑的选择是 团体 一个是因为它可以让您更改块的背景颜色。 如果你不在乎,别管它——使用起来有点棘手。
  • 拖: 将鼠标悬停在 图标,你的光标会变成一只小手。 左键单击并将嵌入块拖动到页面上要放置的任何位置。
  • 上移和下移:向上箭头 将块向上移动一个空间,并且 向下箭头 将其向下移动一个空格。
  • 更改对齐方式: 将嵌入块左、中或右对齐。 左对齐或右对齐会使它变小。 根据您的主题,您可能还具有全角和宽角选项,这可能会使嵌入块更大。
  • 编辑网址: 替换 SoundCloud URL 以嵌入不同的专辑、播放列表或曲目。
  • 选项: 最后一个图标会弹出一个带有其他选项的下拉菜单。

更多选项菜单

声云嵌入

该选项下拉菜单有一些易于理解的选项。 从上到下,它们如下:

  • 隐藏更多设置: 隐藏(或显示)右侧的设置侧边栏。
  • 复制: 复制块并将其粘贴到您喜欢的任何位置。
  • 复制: 复制该块,这将在原始块的正下方制作一个副本。
  • 插入之前: 在选定的块之前添加一个块。
  • 插入之后: 在选定的块之后添加一个块。
  • 搬去: 这将显示一个蓝色条,您可以使用键盘的箭头按钮在页面上移动。 将其放置在您想要的位置后,单击 输入/返回 将嵌入块移动到该位置。
  • 编辑为 HTML: 编辑块的 HTML 代码。
  • 添加到可重用块: 将选定的块添加到可重复使用的块列表中。 这使您可以轻松地将其添加到另一个帖子或页面或当前帖子或页面的另一个部分。
  • 团体:团体 上面提到的选项,这使您可以更改块的背景颜色。
  • 删除块: 从页面中删除块。

边栏选项

将音乐添加到 wordpress

右侧边栏有两个设置:媒体设置和高级。 让我们来看看它们。

JasperAI 10000字免费额度试用

媒体设置

如果你打开 为较小的设备调整大小 在里面 媒体设置 部分,嵌入块将根据屏幕大小自动调整大小。 这对于在移动设备上查看您的内容的人来说尤其重要,因此启用此选项是个好主意。

先进的

在里面 先进的 部分,您可以将 CSS 块添加到选定的块。 这意味着您可以自定义和设置您喜欢的块样式(如果您知道 CSS,那就是)。

有效使用 SoundCloud 嵌入块的最佳实践和技巧

快速添加嵌入内容

如果您确切知道嵌入的 SoundCloud 内容的位置,您只需将 URL 粘贴到页面上即可。 SoundCloud 嵌入块将自动为您创建,所有选项与您手动添加块相同。

使用经典编辑器嵌入 SoundCloud 内容

如果您更喜欢使用 WordPress 经典编辑器,您仍然可以嵌入 SoundCloud 内容。 您只需将链接复制并粘贴到帖子或页面正文中所需的任何位置。 这将自动嵌入内容。 但是,您不会拥有与 Gutenberg 块相同的工具栏选项。

使用嵌入代码进行不同的自定义

在 WordPress 上嵌入 SoundCloud 内容的另一种方法是使用嵌入代码。 转到您要嵌入的 SoundCloud 内容,然后单击 分享 按钮。

WordPress备份工具updrafplus

声云嵌入

在弹出窗口中,您可以更改嵌入内容的外观。 在此示例中,我将播放/暂停按钮更改为浅蓝色并调整了嵌入框的高度。

将音乐添加到 wordpress

完成后,复制嵌入代码,然后将其粘贴到 WordPress 中的 HTML 块中。 预览页面时,您将能够看到内容的外观。

关于 SoundCloud 嵌入块的常见问题解答

SoundCloud 只有音乐吗?

没有! SoundCloud 也有播客。 嵌入播客与嵌入音乐曲目相同。 复制 URL,然后将其粘贴到嵌入框中。 您可以嵌入单个剧集,或者如果您想完整展示播客,请转到其在 SoundCloud 上的主页并复制/粘贴 URL。

声云嵌入

我可以将多个音轨添加到 SoundCloud 嵌入块吗?

如果您想在 WordPress 网站上播放几首歌曲或播客剧集,您可以创建自己的播放列表,然后将其嵌入。 知道每个曲目的隐私设置都会保留,即使您将播放列表公开(您需要这样做才能嵌入它)。 这意味着如果您将私人曲目添加到公共播放列表,该曲目仍将保持私人状态。

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

我可以选择 SoundCloud 曲目开始播放的位置吗?

很不幸的是,不行。 当您单击 分享 SoundCloud 内容上的按钮,会弹出一个窗口。 底部是从哪里开始播放曲目的选项。 但是,当您将关联的链接复制并粘贴到嵌入块中时,它实际上不会在该部分开始轨道。 我们尝试了几种不同的方法,但没有运气。

声云嵌入

包起来

将音乐或播客与您的网站集成可以使体验更有价值并提高参与度。 如果您有自己的内容或想分享其他人的内容,SoundCloud 嵌入块是最简单的方法,可以使用最多的自定义和布局选项。 您可以将专辑、播放列表、播客或音乐曲目添加到您的网站,让访问者收听,而不会被重定向到其他地方。 如果他们想探索更多,他们可以轻松点击进入 SoundCloud 上的内容。

您可能还对我们的文章感兴趣,其中包含 11 个适用于 WordPress 的最佳音频播放器插件。 看看这个!

Shutterstock.com 上 apghedia 的精选图片

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题