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
测试打开图表设置
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集合

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

本节课,我们将学习:

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

导入收藏物品

使用CSV文件导入数以千计的收集项,或只是选择几个到您的Webflow网站在一个去。

成绩单
阅读全文
阅读全文

收藏列表

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

成绩单
阅读全文
阅读全文

收藏页面

每当您在Webflow CMS Collection中创建一个新条目(例如,博客文章、帮助文章等)时,都会自动为它创建一个页面。收集页面像模板一样工作-收集页面的布局和设计将适用于每个收集项目的页面。

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

在这段视频中,我们将告诉你如何:

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

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

成绩单
阅读全文
阅读全文

修改一个集合

一旦创建了集合,您就可以返回并编辑集合项、字段和其他设置—即使项目已经发布。

成绩单
阅读全文
阅读全文

CMS编辑器介绍

Webflow Editor使编辑网站,并发布新的内容,真的很容易为您的客户或您的团队。Webflow Designer是一个强大的网站构建工具,而Webflow Editor是一个简化的界面,专注于编辑网站内容。您可以在页面右侧编辑内容,也可以在页面下方的面板中编辑内容。

成绩单
阅读全文
阅读全文

纯文本字段概述

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

成绩单
阅读全文
阅读全文

富文本字段

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

成绩单
阅读全文
阅读全文

图像领域

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

成绩单
阅读全文
阅读全文

动态插入视频

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

成绩单
阅读全文
阅读全文

电子邮件领域

电子邮件字段是在集合中使用的CMS字段,它允许您在集合项中包含电子邮件地址。您可以使用这个电子邮件地址显示电子邮件的文本或把它变成一个活跃的链接,以便访问者可以发送电子邮件与点击或点击。

成绩单
阅读全文
阅读全文

链接字段

链接字段是一个CMS字段,用于在Collections中动态地向您的设计添加链接。

成绩单
阅读全文
阅读全文

手机领域概述

电话字段是在Collections中使用的CMS字段。电话字段允许您和协作者捕获并链接到收集项中的电话号码。您可以使用这个字段显示一个电话号码作为文本或把它变成一个活跃的链接,以便访问者可以放置一个点击或点击呼叫。

成绩单
阅读全文
阅读全文

数域概述

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

成绩单
阅读全文
阅读全文

日期/时间字段

日期/时间字段是在Collections中使用的CMS字段。这可以让你和你的合作者在你的集合道具中包含一个日期和时间,这对于所有类型的事件都非常方便。

成绩单
阅读全文
阅读全文

开关领域

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

成绩单
阅读全文
阅读全文

选择领域概述

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

成绩单
阅读全文
阅读全文

色域

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

成绩单
阅读全文
阅读全文

引用字段

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

成绩单
阅读全文
阅读全文

多引用字段

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

成绩单
阅读全文
阅读全文

有条件的可见性

条件可见性是根据集合字段中的值显示或隐藏元素的最通用方法,无论是在集合列表中还是在集合页面中。例如,您可以使用条件可见性使现在已成为过去的事件不再出现在事件页面上。在这个视频中,我们将向你展示如何在你的Webflow网站上使用条件可见性,并介绍更多的例子。

成绩单
阅读全文
阅读全文

需求

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

相关的课程

有更多的未来

我们很快就会推出更多的课程。注册以获得更多Webflow课程和课程的早期访问。

糟了,有东西没起作用。过会儿再打,兄弟。
Baidu
map