【主管Q:2347660】天富测速地址你已经把你的播客放在那里了。你知道如何编辑音频,研究主题,并了解基本的诙谐玩笑。但是你怎么才能在盖尔阿姨和桑杰爷爷之外吸引更多的观众呢?除了分发给每个播客平台之外,你的网站还可以在建立忠实的粉丝群体方面发挥关键作用。考虑到这一点,让我们看看如何让你的剧集在你的网站上占据最重要的位置。

Webflow基础:嵌入一个SoundCloud播客

如果你还没有尝试过,可以看看我们关于通过Webflow CMS在你的网站中嵌入SoundCloud音轨的教程。从SoundCloud导入音频只需4个步骤:

创建一个集合,称为“剧集”或任何对你的节目最有意义的

设置集合名称URL

添加一个名为SoundCloud Track ID的纯文本字段(注意:您也可以在这里使用数字字段,但是纯文本将适用于更多的嵌入类型,天富2注册因此使用它是一个好习惯)

将SoundCloud的HTML嵌入代码添加到集合页面和/或集合列表中

用SoundCloud的音轨ID字段替换嵌入代码中的音轨ID

如果这看起来很复杂,不要担心——我们现在将通过仔细观察7个做得很好的网站来引导你。

  1. Femtastic播客

Femtastic播客主页

Femtastic播客由凯蒂·布林(Katie Breen)主持,是关于女性问题的,旨在激励、教育和娱乐女性。每一集都有简明的摘要文本作为预告。

Femtastic知道通过订阅来建立用户群的一个可靠的方法——他们在顶部导航中添加了订阅按钮。你可以通过iTunes、SoundCloud和Overcast订阅。

要了解这是如何在Webflow中设置的,请在预览模式下打开Femtastic播客并跟随操作。

让我们看看CMS集合是如何设置的。在左侧工具栏中打开CMS集合面板,然后点击齿轮图标,就会弹出集合设置。在这里,我们可以看到为SoundCloud音轨ID的唯一标识符添加的数字字段。

现在我们转到SoundCloud看第35集。天富娱乐注册点击分享,然后嵌入,并复制所有从代码字段:

这是代码:

SoundCloud的音轨ID正好出现在/tracks/之后,并以&符(&)结束,因此在本集中,它是543981285。

让我们点击Webflow CMS中的第35集,向下滚动到最后2个集合字段。我们可以看到Soundcloud轨道ID进入到底部。每一集都有自己独特的SoundCloud曲目ID。

现在让我们看看SoundCloud代码片段是如何嵌入到登录页面上的。

在登录页面的导航器中,我们看到了元素的层次结构。在pl包装器的集合列表中,我们看到带有soundcloud-embed的集合列表pl -项。

如果您正在设置一系列SoundCloud集中的第一个,那么这个步骤只需要执行一次。将SoundCloud嵌入代码粘贴到HTML嵌入元素后,选择SoundCloud音轨ID,当它突出显示时,单击Add字段并从下拉菜单中选择SoundCloud音轨ID。这将指向每个CMS条目的正确轨道。

修改翻译结果
试试有道人工翻译?
精选同行业资深译员,专家审校润色,让你尊享快捷又准确的人工翻译!
立即体验
这可能很快就会让您感到很震惊,但是一旦您熟悉了Webflow,它就有意义了。和我们住在一起。

  1. 彼得Hostrawser

现在,许多播客开始转向视频来帮助传播他们的内容。使用Webflow CMS,通过CMS的视频字段将视频发布到网站上非常容易。

彼得Hostrawser主页

彼得•霍斯特劳瑟(Peter Hostrawser)的个人品牌是质疑教育体系陈腐的做法,颂扬那些走非传统道路取得成功的人。

他的播客可以在Spotify, Apple Podcasts和YouTube上找到。他的网站上有他的播客的YouTube视频版本。

他的播客的视频版本存储在一个CMS集合中,每个都有一个YouTube嵌入。这是通过拖动一个视频元素从添加元素面板到播客模板页面。

在这里,我们可以看到YouTube链接和其他字段,构成了播客集合中的每一集。

要更仔细地了解这个设计,请继续并克隆它。

不用代码就能设计交互和动画

无需查看代码就可以构建复杂的交互和动画。

开始动画

3.Bantercade

Bantercade主页

Bantercade是一个专注于电子游戏的播客——他们的名字很好地体现了他们幽默的极客风格。他们还将YouTube视频整合到自己的设计中。看起来他们有一些内容的占位符,所以请记住这是一个正在进行的工作。

在他们的视频集登陆页面上,我们看到一个名为Games的CMS集合列表

像这样的集合列表,以及集合页面,是使用Webflow CMS将动态内容集成到设计中的两种方法。请查看Webflow大学关于收集列表和收集页面的教程,以更好地理解列表和页面是如何工作的,以及它们的不同之处。

你可以偷看一下Bantercade的设计,或者为你自己克隆它。

  1. 第一的伦敦

首先伦敦主页。

Primo London是一家房屋推广公司。他们的播客以电子音乐制作人为特色,补充了他们所推广的音乐。

播客片段不是嵌入的,这会让你远离设计,但是有很多来自艺术家的嵌入的SoundCloud歌曲使用了我们在之前的设计中看到的相同的SoundCloud嵌入。由于缺少一些内容,这个网站似乎也在建设中,但这是一个很好的开始一些漂亮的图形元素。

  1. 茶与塔米

茶与塔米的主页。
“与塔米一起喝茶”是一个关注非裔美国人文化、探讨社会问题和庆祝嘻哈音乐的播客。

不像这里列出的其他站点那样使用动态嵌入,Tea with Tami将他们的播客片段直接嵌入到他们的博客文章的富文本字段中。这是一种更简单的方法,对客户端和内容编辑器更友好一些,因为他们所需要做的就是将track URL复制并粘贴到一个富文本字段中。

所有的播客都是一个名为Blog Posts的集合的一部分。让我们看一下单个CMS条目是如何设置的。

茶与塔米是专业的,无论是在生产价值的播客和他们的网站设计。看看它是如何在Webflow中组合在一起的。

  1. 布莱克伍德Bugman播客

布莱克伍德Bugman播客主页。

Blackwood Bugman是一个令人毛骨悚然的播客,充斥着戏剧性的音乐、采访和故事叙述,让我想起了这个美国生活或连续剧。布莱克伍德Bugman的虚构故事让人听起来很有吸引力,而其设计——扭曲的树木和雾气——模仿了播客的幽灵氛围。

Blackwood使用来自art19的嵌入片段作为他们的播放器,而不是SoundCloud。

看起来Blackwood Bugman播客的完整目录是在art19上的,所以这个设计可能是为了突出他们的试播集,但它是其他嵌入选项的一个很好的例子。

在Webflow中仔细查看或克隆Blackwood Burgman。

  1. RAD爸爸

Rad Dad播客主页。

rad是谁?爸爸!

好吧,妈妈们当然分享了“rad”这个名字,但“rad DAD”播客的特色是科技行业的父亲们。这是一个很酷的角度,爸爸可以分享他们的职业和个人经历。

天富娱乐用户注册星期一动机:节省网页设计的时间和金钱

【主管Q:24048305】天富娱乐用户注册人们说时间就是金钱。但是Webflow的客户支持英雄Nelson Abalos jr更进一步。对他来说,时间不仅仅是金钱——它是最有...

天富代理新特性:谷歌域

【主管Q:24048305】天富代理让你的Webflow网站生活在你自己的自定义域只是变得容易得多。 让您用Webflow构建的站点运行在您自己的自定义域中,从来都...

内容可以提高天富平台怎么注册网站的可访问性——以及整体的用户体验

【主管Q:24048305】天富平台怎么注册可访问性常常被视为“很好的拥有”。 但现实是,有很多相对简单的事情可以让你的网站更容易访问。它们不仅能让你的...

新功能:响应天富娱乐平台总代理图像

【主管Q:24048305】天富娱乐平台总代理为了跟上设备尺寸和分辨率的爆炸式增长,我们需要新的标准来让图像适应和响应现代网络。 今天,我们可以通过同...

天富测速地址新的Webflow CMS模板

【主管Q:24048305】天富测速地址Webflow使您能够从空白画布开始构建绝对独特的布局。 但是一个全新的解决方案并不是对每个项目都适用的。有时,快速...

天富代理注册Webflow和Intuit的Nathan Bailey一起工作

【主管Q:24048305】天富代理注册Intuit的目标是简化生活中的事务。因此,毫不奇怪,他们在以用户为中心的设计方面处于领先地位,拥有健全的指导方针,在...