回到所有的课程
课程库

Webflow模板概述

使用Webflow模板来快速启动你的网站设计过程。

注意:我们正在向工作区过渡,这一教训已经更新以反映该变化。访问Workspaces博客文章阅读有关这些更新和更改的更多信息。
如果您的帐户还没有切换到工作区,请请访问我们关于Webflow模板的遗留课程.你也可以学习如何检查您的帐户是否在工作区上

本视频采用了旧的用户界面。更新版本即将到来!

如果你时间紧迫或需要一点额外的设计灵感,使用Webflow模板是启动你的网站设计过程的一个很好的方式。

为了能够充分利用模板,使用我们的介绍熟悉Webflow基础知识是很重要的Webflow 101速成班.本课程提供了Webflow UI的概述,web的基本构建块,以及定位和布局基础知识-所有这些你都需要知道,以获得和运行您的模板。

注意:为了访问所有模板特性,在购买模板或将模板导入您的工作区后,一些模板可能需要付费的站点计划。了解关于模板的页面限制的更多信息

在这一课中,你将学习以下Webflow模板:

  1. 了解Webflow模板如何工作
  2. 了解模板的使用和许可证
  3. 购买前测试模板
  4. 选择免费模板
  5. 溢价购买模板
  6. 应用模板促销码
  7. 传输基于模板的站点
  8. 在工作区中启用和禁用站点作为模板
  9. 导出模板的网站
  10. 销售自己的模板

了解Webflow模板如何工作

Webflow提供大量的免费和优质响应网站模板为设计师、企业和个人使用,以帮助您更快地跳到设计方面的事情。

一旦你选择了一个免费或付费模板,该模板将添加到您的仪表板作为一个全新的网站,其所有模板页面包括在内。从那里,您可以根据自己的需要任意定制您的模板。

专家提示:如果您将来需要访问模板的原始、未编辑的设计,您可以通过网站的备份.但是,请记住,这将重置您的站点中的所有内容到您选择的备份。

开始使用模板

如果你以前使用过Wordpress,你可能对它使用主题来帮助样式设计很熟悉。Wordpress主题可以应用于Wordpress设计中已经存在的内容和数据。

Webflow的模板的行为与Wordpress的主题不同。Webflow模板的设计和布局不会自动替换工作区中现有站点的设计和布局。模板按原样出现,可能需要定制。

要加快这个定制,您可以收集数据复制和粘贴元素从工作区中的其他站点迁移到新的基于模板的站点。

收款项进口限额

您可能需要添加或升级站点计划,以便将CSV的集合项导入到基于模板的站点中。收集项目的限制取决于你有什么类型的站点平面图。了解更多关于站点规划的信息

页面限制

如果基于模板的站点超过2个页面,则需要向基于模板的站点添加付费站点计划,或者购买付费工作区计划。如果您的基于模板的站点只有2个页面,如果您愿意,您可以将其保留在无薪站点计划/无薪工作区计划中。你仍然可以访问和编辑所有的页面包括在付费模板(除非你已经删除他们)。但是,如果不先升级您的工作计划,添加一个网站计划或删除模板中的页面,直到页面总数减少到2页以下。

即使您还没有准备好向基于模板的站点添加站点计划,或者购买付费的工作区计划,您仍然可以自定义模板中的现有页面。

如果在将网站计划添加到基于模板的网站后(或在购买工作区计划后)看到页面限制错误,或如果您对页面限制有任何其他问题,请联系我们

模板的支持

如果您是Webflow的新手,那么使用复杂交互、自定义菜单或弹出式模式的模板在开始编辑时可能会遇到挑战。但是,如果您需要对模板的支持,您可以向模板设计人员寻求帮助(许多模板设计人员在其模板中包含帮助文档)。

要获得模板设计器的支持:

  1. 访问模板页面Webflow的模板市场
  2. 向下滚动,直到看到模板概述(模板设计人员在这方面可能有特定的支持说明)
  3. 单击支持选项卡(如果模板设计器中没有包含特定的支持说明概述区)
  4. 单击联系按钮联系模板设计器
在Webflow的模板市场中,你可以向下滚动模板页面,找到“概述”部分,在那里模板设计人员可能会列出如何获得他们的模板支持。
支持选项卡和联系人按钮在模板页面上高亮显示。

了解模板的使用和许可证

所有付费模板都附带一个使用许可证,这意味着您可以将购买的模板用于一个站点。了解更多关于Webflow模板和一次性使用许可证的信息

如果您想将购买的模板用于不同的客户端或站点,则需要购买另一个许可证(再次购买模板)。

你可以这样做复制你的模板:

  1. 网站设置对于基于模板的站点
  2. 点击“重复的图标
  3. 选择模板是用于相同的客户端或站点(不需要重新购买许可证),还是用于新的客户端或站点(需要重新购买许可证)

所有模板都可以定制(你可以添加,修改,或删除文本,图像,图形,布局,设计等),以满足您的网站的需要。

购买前测试模板

您可以在购买模板之前在Designer中预览模板。我们强烈建议您这样做,以便您可以确保模板符合您的设计需求。

  1. Webflow的模板市场
  2. 找到要测试的模板
  3. 点击预览的设计师以在新窗口中在设计器中打开模板
  4. 您可以通过单击“”来关闭预览模式。眼睛”图标。
  5. 然后,您可以单击进入模板的页面的面板而且导航器了解模板包含的组件和设计结构

要购买模板,请返回模板页面Webflow的模板市场并点击

在Webflow的模板市场中,点击“在设计器中预览”按钮,在购买之前在设计器中预览模板。

选择免费模板

Webflow有许多免费的模板,从单页网站到复杂的多页商业网站,都可以帮助你入门。搜索我们的免费模板

选择一个免费模板:

  1. 免费的模板页面Webflow的模板市场
  2. 点击你想使用的免费模板
  3. 点击免费使用,打开Dashboard
  4. 给你的网站一个的名字或者使用默认提供的名称
  5. 点击创建网站,它将在设计器中打开该站点

稍后,您就可以从指示板

Webflow的模板市场有许多免费的网站模板让你开始。点击Free模板上的“Use for Free”按钮,从仪表板中的Free模板创建一个新项目。

溢价购买模板

您还可以购买付费的高级模板,仅供个人、企业或站点使用。

选择并购买高级模板:

  1. Webflow的模板市场
  2. 单击要用于站点的高级模板
  3. 点击在模板的登录页面(如果你还没有Webflow帐户,你会被提示注册一个免费的Webflow帐户,或者你可以登录到你现有的帐户,如果你已经注销)
  4. 在付款模式中输入您的付款信息(或点击"编辑信用卡,以更新您的支付信息,如果您之前添加了它)
  5. 点击支付现在完成您的购买
  6. 点击继续在审核您的付款确认后
  7. 给你的新网站一个的名字
  8. 点击创建网站在Webflow设计器中打开您新购买的模板
注意:您可以在中找到模板购买发票工作空间设置>模板选项卡>购买的模板.点击下载发票下载您购买的特定模板的发票。
Checkout模式在Order摘要中显示了一个模板。
“付款成功”模式表示付款已被处理,并将发送确认电子邮件。它还说,您可以在您的工作区设置中找到模板购买细节和发票。
“命名你的网站”模态窗口。

应用模板促销码

如果您有模板优惠码,当您确认您的选择时,您可以将该优惠码应用到您的模板购买中:

  1. Webflow的模板市场
  2. 单击要用于站点的高级模板
  3. 点击在模板的登录页面(如果你还没有Webflow帐户,你会被提示注册一个免费的Webflow帐户,或者如果你已经注销,你可以登录到你现有的帐户)
  4. 点击添加优惠码在结帐模式中
  5. 在输入字段中输入促销码,然后单击应用
  6. 点击支付现在完成您的购买
  7. 点击继续在审核您的付款确认后
  8. 给你的新网站一个的名字
  9. 点击创建网站在Webflow设计器中打开您新购买的模板
“添加促销代码”链接在Checkout模式中高亮显示。
Checkout模式窗口中突出显示了“Promo code”字段。

传输基于模板的站点

您可以将基于模板的站点转移到其他用户或工作区。了解关于转移站点的更多信息

在工作区中启用和禁用站点作为模板

您可以将站点启用为模板,以便您和工作区中的其他人将来可以使用它。如果你想创建一个类似的新站点,或者使用相同的初始布局并在此基础上构建,这将会很有帮助。您可以启用共享工作区模板,既可以用于从头创建的站点,也可以用于添加到工作区的其他模板站点(例如来自Webflow模板市场).

注意:如果您正在从您购买的模板创建共享工作区模板,请记住了解模板的使用和许可证

启用一个站点作为模板:

  1. 网站设置>一般选项卡>共享工作空间模板
  2. 点击使模板
  3. 的名字你的模板
  4. 点击确认

禁用站点作为模板:

  1. 网站设置>一般选项卡>共享工作空间模板
  2. 点击禁用模板
  3. 点击删除

中可以查看共享工作区模板及其描述的列表工作空间设置>模板选项卡>共享工作空间模板

注意:一旦一个站点被启用为模板,您将无法删除它,除非您首先禁用它作为模板。

了解关于共享工作区模板的更多信息

导出模板的网站

如果您想导出一个基于模板的站点,您首先需要购买一个支付工作计划激活导出特性。阅读更多关于导出代码的内容

销售自己的模板

如果您喜欢创建模板,您可以申请销售您的模板设计Webflow的模板市场.在您开始提交模板之前,请务必查看我们的模板提交指南

相关阅读:中熟是如何发展其销售模板业务的

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