CMS &动态内容

从21天的投资组合挑战开始新的一年

初学者,中间
40分钟

使用内容管理系统(CMS)来支持你的网站内容会让你的生活变得容易很多。当你准备好了,你可以邀请利益相关者在现场更新内容。有了Webflow CMS,你可以定义、设计和发布功能强大的动态网站——不需要雇佣开发人员,甚至不需要查看代码。本课程涵盖了基本知识以及如何利用Webflow CMS充分利用您的内容。

学习如何使用Webflow CMS建立由动态内容驱动的完全自定义网站,并定义内容的结构和风格。

暂停背景视频
Webflow对学生和教育者是免费的
了解更多并应用

总结

课程进度

干得好,我们做了一些时间旅行到未来,看起来太棒了!

0

完成

0
24

课程完成

使用内容管理系统(CMS)来支持你的网站内容会让你的生活变得容易很多。当你准备好了,你可以邀请利益相关者在现场更新内容。有了Webflow CMS,你可以定义、设计和发布功能强大的动态网站——不需要雇佣开发人员,甚至不需要查看代码。本课程涵盖了基本知识以及如何利用Webflow CMS充分利用您的内容。

所面临的挑战

挑战
一天
做一个网站英雄
01
最终的导航条
02
神奇的CMS布局
03
制定领导和科学
04
站点的虚拟鞋子
05
你好,这是响应性
06
展示你的项目页面
07
项目页面可以在任何地方工作
08
最佳联系页面
09
给我们展示你的联系页面
10
测试你的Open Graph设置
11
一束光照耀
12
让你的作品集生动起来
13
失去了,但从未忘记
14
有密码保护
15
实践的可访问性
16
分享你正在进行的设计
17
准备,设置、发布!
18
投资组合验证
19
更新你的网站管理系统
20.
展示你的投资组合
21

准备好获得认证了吗?

完成Webflow专家认证课程后,您就可以进入成为Webflow专家的下一步了。请注意:通过专家考试并不保证进入Webflow专家计划。

参加Webflow专家考试

课程大纲

开始
CMS集合
设计与集合
修改集合
CMS字段集合
先进的动态内容

CMS &动态内容

24
教训
开始
开始
CMS集合
CMS集合
设计与集合
设计与集合
修改集合
修改集合
CMS字段集合
CMS字段集合
先进的动态内容
先进的动态内容

动态内容概述

在本视频中,我们将解释静态内容和动态内容之间的区别,并了解为什么后者对于从博客文章到产品页面等web上最流行的内容类型如此有用。欧宝体育在线首页

成绩单
阅读全文
阅读全文

介绍Webflow CMS

CMS(内容管理系统)是管理和发布动态内容的工具。该网站在不同的页面引用动态内容。因此,每当您或您的客户在CMS中创建或更改内容时,它会立即更新所有引用内容的页面。

Webflow CMS可以让你完全控制你的内容结构,以及在整个项目中如何设计这些内容——你甚至不用碰一行代码。

在本视频中,我们将介绍CMS背后的一些基本概念,包括:

  1. 构建内容
  2. 引用内容
  3. 编辑内容
成绩单
阅读全文
阅读全文

CMS集合

Collection类似于数据库——可以在整个项目中存储和动态引用内容。不同的集合表示不同的内容类型,集合中的单个内容块称为集合项。

在这节课中,我们将学习:

  1. 创建集合
  2. 添加字段集合
  3. 创建收集物品
  4. 编辑集合
成绩单
阅读全文
阅读全文

导入收藏物品

使用CSV文件将数千个集合项或仅选择的少数项一次性导入您的Webflow站点。

成绩单
阅读全文
阅读全文

收藏列表

集合列表是添加和设计的两种方法之一动态内容从CMS集合或电子商务集合。可以将集合列表添加到任何类型的页面。添加动态内容的另一种方法是with收藏页面

成绩单
阅读全文
阅读全文

收藏页面

每当您在Webflow CMS集合中创建一个新项目(例如,博客文章、帮助文章等)时,会自动为其创建一个页面。集合页的工作方式类似于模板——集合页的布局和设计将应用于每个集合项的页面。

这意味着集合页面本质上是重复出现的内容的模板,比如博客文章、帮助文章,甚至是登录页面。

在这段视频中,我们将向你展示如何:

  1. 创建收集页面
  2. 添加和连接内容
  3. 预览收藏页面
  4. 链接到收集页

此外,我们还将向您展示可以为收集页调整的设置。

成绩单
阅读全文
阅读全文

修改一个集合

一旦创建了Collection,就可以返回并编辑集合项、字段和其他设置—甚至在项目发布之后也是如此。

成绩单
阅读全文
阅读全文

CMS编辑器介绍

Webflow编辑器使编辑网站和发布新内容,对您的客户或您的团队来说非常容易。Webflow设计器是构建网站的强大工具,Webflow编辑器是一个简化的界面,专注于编辑网站内容。您可以在页面上直接编辑内容,也可以在页面下方的面板中编辑内容。

成绩单
阅读全文
阅读全文

纯文本字段概述

纯文本字段是可以在集合中使用的CMS字段。该字段最适合用于不需要特殊格式的基本文本内容,如标题、内联样式或内联媒体(如图像或视频)。在本视频中,我们将解释如何在你的Webflow CMS集合中添加和使用纯文本字段。

成绩单
阅读全文
阅读全文

富文本字段

富文本字段是集合中使用的CMS字段。我们让它为合作者提供他们期望从写作工具中得到的所有文本格式选项,包括粗体、斜体、内联图像、链接等。在本视频中,我们将解释如何在你的Webflow CMS集合中添加和使用富文本字段。

成绩单
阅读全文
阅读全文

图像领域

图像字段是集合中使用的CMS字段,允许您和您的合作者将图像上传到集合项中并在设计中使用它。在这个视频中,我们将向你展示如何使用图像字段。

成绩单
阅读全文
阅读全文

动态插入视频

视频字段是集合中使用的CMS字段。它允许你通过第三方在线视频主机Vimeo和YouTube的链接添加视频。

成绩单
阅读全文
阅读全文

电子邮件领域

email字段是集合中使用的CMS字段,允许在集合项中包含电子邮件地址。您可以使用此电子邮件地址将电子邮件显示为文本,或将其转换为活动链接,以便访问者可以通过单击或轻按发送电子邮件。

成绩单
阅读全文
阅读全文

链接字段

link字段是一个CMS字段,用于在集合中动态地向设计添加链接。

成绩单
阅读全文
阅读全文

手机领域概述

phone字段是collection中使用的CMS字段。电话字段允许您和协作者从收集项中捕获并链接到电话号码。您可以使用此字段将电话号码显示为文本,或将其转换为活动链接,以便访问者可以通过单击或轻按进行呼叫。

成绩单
阅读全文
阅读全文

数域概述

number字段是Collections中使用的CMS字段,用于显示统计信息、价格、页面计数、文件大小等数值。

成绩单
阅读全文
阅读全文

日期/时间字段

日期/时间字段是集合中使用的CMS字段。这允许您和您的合作者在集合项中包含日期和时间,这对于各种类型的事件非常方便。

成绩单
阅读全文
阅读全文

开关领域

switch字段是集合中使用的CMS字段,通常用作过滤工具。与任何切换一样,它有两个值:Yes或No。合作者可以打开或关闭开关来指定,例如,一篇博客文章是否“被推荐”。

成绩单
阅读全文
阅读全文

选择领域概述

选项字段是集合中使用的CMS字段。它为合作者提供了一个预定义值列表供选择。

成绩单
阅读全文
阅读全文

色域

颜色字段是在集合中使用的CMS字段。它允许您和您的协作者使用颜色选择器为每个集合项指定颜色。此颜色可用于设置集合列表或集合页面中元素的背景颜色、文本颜色和边框颜色。

成绩单
阅读全文
阅读全文

引用字段

Reference字段是一个集合字段,您可以将它添加到任何集合中。这个功能强大的字段允许您链接到不同集合中的项。然后可以在集合列表和集合页面中使用引用项的内容。在本视频中,我们将讨论Reference字段的一些常见用法,然后向您展示如何在您的设计中充分利用它。若要引用不同集合中的多个项,请使用“多引用”字段。

成绩单
阅读全文
阅读全文

多引用字段

多引用字段与引用字段类似,只是它允许引用多个项。这对于标记系统、相关内容和其他希望将一个项连接到许多其他项的实例非常有用。在本视频中,我们将向您展示如何在您的cms驱动的网站中使用这个强大的字段。

成绩单
阅读全文
阅读全文

有条件的可见性

条件可见性是根据Collection字段中的值显示或隐藏元素(无论是在Collection列表中还是在Collection页面中)的最通用方法。例如,可以使用条件可见性使过去的事件不再出现在事件页面上。在本视频中,我们将向您展示如何在您的Webflow站点上使用条件可见性,并介绍更多的条件可见性的实际示例。

成绩单
阅读全文
阅读全文

需求

  • 免费(或付费)Webflow帐户-报名
  • Chrome或Safari浏览器
克隆这个项目
使用此版本克隆完成的项目
克隆这个项目
没有页面限制的空白页面

相关的课程

有更多的未来

我们很快就会推出更多课程。注册以便提前访问额外的Webflow课程和课程。

哎呀,哪里出问题了。稍后再试,伙计。
Baidu
map