回到所有的课程
课程库

介绍Webflow CMS

Webflow CMS可以让你完全控制你的内容结构,以及在整个项目中如何设计这些内容——这一切都无需涉及一行代码。

这个视频的特点是一个旧的UI。更新版本即将发布!
克隆这个项目

CMS(内容管理系统)是存储和维护所有动态内容的地方。该网站在不同的页面引用动态内容。因此,无论何时你或你的客户在CMS中创建或更改任何内容,它都会立即更新所有被引用的页面。

Webflow的“可视化”内容管理系统——CMS,使您能够创建结构化的内容,围绕该内容进行设计,并对其进行全部更新——而无需使用一行代码。

CMS集合设置面板显示6个集合。团队成员集合被选中,它显示了十个团队成员的状态,部门,最喜欢的颜色,创建,修改和发布的专栏。选择、导出、导入、设置和新团队成员按钮显示在右上角。

结构动态内容

一切都始于创造一个集合.它可以是博客文章、团队成员、招聘启事的集合——任何您想要的。

定义字段

当您创建集合时,您将决定集合中的每个项将具有什么样的结构。例如,如果您正在创建一个“团队成员”集合,您可能需要每个团队成员的姓名、图片和电子邮件。您可以为每种类型的内容创建一个字段—在本例中;它是一个纯文本字段、一个图像字段和一个电子邮件字段。

了解更多关于使用集合字段来构造集合

创建内容

一旦字段就绪,并且创建了Collection,就可以开始创建Collection项了。例如,在创建了“团队成员”集合之后,可以开始创建每个团队成员。对于每个团队成员,您将填写前面定义的字段。

您也可以导入大量的项目一次通过导入CSV文件甚至可以创建带有示例内容的项目。

了解更多:创建和构造集合

一个名叫Hazle Mclaughlin的团队成员从CMS集合中被选中。团队成员设置面板显示了一个基本信息部分,包括他们的名称和段代码字段。还包括一个自定义字段部分,显示字段的部门,最喜欢的颜色和要填写的电子邮件。

引用动态内容

既然已经构建了Collection并在其中添加了一些项,那么就可以开始向项目添加动态内容了。有两种方法可以做到这一点:构建一个Collection列表,或者构建一个Collection页面。

一个图表显示了向Webflow项目添加动态内容的两种方法。Profile卡的两个主要元素是集合列表(Collection List)或集合页面(Collection Page)。

收藏列表

集合列表元素允许您添加来自任何集合的内容。在任何页面上删除Collection列表元素,一旦它连接到Collection,该Collection中的所有内容都可以使用。可以根据字段中的值显示特定的项,还可以对内容进行排序。

了解更多关于建立和设计收藏清单。

集合列表图标缩略图

收藏页面

为集合中的每个项目自动创建集合页面。与集合列表一样,您可以引用每个集合项页面中的任何字段。编辑集合的集合页之一将更新所有集合页,但更新的是它们各自的内容。

了解更多关于构建和设计收集页面

编辑动态内容

您可以随时编辑或向集合中添加更多内容。编辑或添加内容可以在设计器中完成,也可以使用编辑器.编辑器允许合作者登录并访问这些集合。使用编辑器可以让客户直接在现场网站上快速添加和编辑内容。

了解更多关于修改一个集合

尝试Webflow——它是免费的
Baidu
map