MixCloud嵌入

在本文中

返回列表阻碍

使用Mixcloud Embed块,可以将曲目、播放列表和个人资料从Mixcloud嵌入到帖子和页面中。您不需要Mixcloud帐户就可以使用它们,尽管它们需要公开。

嵌入式Mixcloud轨迹
嵌入式Mixcloud轨迹
嵌入式Mixcloud播放列表
嵌入式Mixcloud播放列表
嵌入式Mixcloud配置文件
嵌入式Mixcloud配置文件

从Mixcloud嵌入轨迹的步骤:

  1. 在Mixcloud上查找曲目链接

在网络播放器中选择曲目并单击“共享”按钮。

Mixcloud曲目共享选项
  1. 在共享部分,突出显示曲目链接并复制它
Mixcloud共享链接模式
  1. 将Mixcloud嵌入块添加到页面/帖子
使用快捷方式插入器将Mixcloud嵌入WordPress编辑器

添加块的详细说明

  1. 将链接粘贴到文本框中,然后单击“嵌入”按钮
WordPress编辑器中的Mixcloud嵌入URL字段

如果它是一个可以成功嵌入的链接,您将在编辑器中看到预览。

在Mixcloud嵌入编辑器中预览

如果使用无法嵌入的URL,则块显示消息对不起,无法嵌入此内容

无法嵌入Mixcloud URL通知

您将有两个选择:使用不同的URL重试或将其转换为链接。

  1. 单击“预览”查看其在前端的外观
在站点前端预览Mixcloud嵌入

从Mixcloud嵌入播放列表:

可以嵌入播放列表URL,并且完整的曲目列表显示在嵌入框中。

在编辑器中预览嵌入的Mixcloud播放列表

点击“UP NEXT”选项,在嵌入框中查看播放列表。

Mixcloud嵌入允许的交互预览

播放列表将遵循与Mixcloud中相同的曲目顺序。

从Mixcloud嵌入配置文件:

可以嵌入概要文件URL,概要文件小部件显示在嵌入框中,底部有其他导航。

嵌入式Mixcloud用户配置文件预览

块工具栏

每个块都有自己的特定于块的控件,允许您在编辑器中直接操作块。The SoundCloud嵌入块在“块”工具栏中具有以下选项。 

  • 转换为
  • 块移动工具
  • 更改对齐方式
  • 编辑URL,以及
  • 更多选项。
与Mixcloud嵌入相关的块工具栏

转换为:

您可以转换Mixcloud嵌入块到段落、列或组块中。

Mixcloud嵌入的块变换选项

您可以将Mixcloud嵌入转换为Group。这将使您能够更改Mixcloud嵌入周围的背景色。

Mixcloud嵌入到带有自定义选项的Group块中
Mixcloud嵌入在具有许多自定义选项的Group块中
Mixcloud嵌入在绿色背景和实心边框的Group块中
Mixcloud嵌入在绿色背景和实心边框的Group块中

块移动工具

SoundCloud块中的块移动工具

使用块移动工具在编辑器中上下移动块。使用六点图标拖放Mixcloud嵌入块并将其重新定位到编辑器上的任何位置。或者,单击向上和向下箭头在编辑器中上下移动块。

获取有关在编辑器中移动块的详细信息。

更改对齐方式

块工具栏中的混合云对齐选项
  • 左对齐–将Mixcloud帖子左对齐
  • 居中对齐–使Mixcloud后对齐居中
  • 向右对齐–将Mixcloud帖子对齐
  • 宽宽度–将文章宽度增加到超出内容大小
  • 全宽–扩展Mixcloud帖子以覆盖整个屏幕宽度

“宽宽度”和“全宽度”对齐需要由站点的主题启用。 

编辑URL

通过编辑URL,可以更改嵌入块中的Mixcloud嵌入URL。覆盖现有URL并单击“嵌入”按钮。

编辑器中的Mixcloud URL字段

更多选项

工具栏最右侧的三个垂直点表示的“更多选项”菜单为您提供了更多功能,例如可以将块复制、删除或编辑为HTML。 

阅读这些和其他设置。

块设置

除了高级部分,Mixcloud嵌入在“块设置”侧栏中只有一个设置:媒体设置。

媒体设置

在嵌入块设置中启用了“调整大小”选项
在嵌入块设置中关闭了“调整大小”选项

通过媒体设置,当从较小的设备(如电话屏幕)查看时,可以控制帖子嵌入的行为。

切换开关用于打开或关闭较小设备的调整大小功能。默认设置为“开”或蓝色。

“关闭:”调整浏览器大小时,此嵌入可能不会保留其纵横比。在关闭位置,拨动开关为灰色。

“打开:”调整浏览器大小时,此嵌入将保留其纵横比。拨动开关在“打开”位置变为蓝色。

高级

Mixcloud Embed块中的高级设置

高级选项卡允许您向块中添加CSS类,允许您编写自定义CSS并根据需要设置块的样式。

变更日志

  • 2022-11-24年更新
    • 删除了冗余内容
    • 对齐的图像可用于移动查看
  • 2022-08-26年更新
  • 更新时间:2020-08-11
    • 符合WordPress 5.5的屏幕截图
    • 在“更多选项”下添加了“移动到”和“复制”部分
  • 创建于2020-07-05

这篇文章有用吗?如何改进?

首次发布

上次更新时间