Webflow和WordPress是当今最强大的两个网站建设和内容管理系统。但是，哪个是最适合你的项目的呢？我们将从设计师的角度强调WordPress和Webflow的主要区别。
最后，我们将解释为什么我们选择将我们的网站迁移到Webflow。
目录
Webflow与WordPress的比较
WordPress ：最流行的
Webflow：现代网站建设者
Webflow与WordPress的比较-差异
WordPress的仪表板和Elementor
Webflow与WordPress的 对比
内容管理系统
Webflow与WordPress的对比-电子商务
Webflow vs.WordPress-
优化、SEO管理和第三方集成
Webflow与WordPress的比较-定价和托管
WordPress与 Webflow 的比较表
将我们的网站迁移到 Webflow
最后的想法
Webflow vs. WordPress
建立一个网站需要时间和精心的计划，而选择最好的工具可能是一个挑战。在早期决策阶段，有两个名字通常很突出，即WordPress和Webflow。
这两个平台都有令人敬畏的功能，但它们的学习曲线、网站建设和内容管理的可能性有差异，可以决定你的决定。让我们先来了解一下它们。
WordPress：最受欢迎的
WordPress创建于2003年，是一个博客平台，并逐渐演变为一个内容管理系统（CMS），用于创建从商业网站到投资组合、电子商务商店、目录。它是一个免费的开源平台，每个人都可以下载和使用，有一个庞大的开发者和用户社区。
WordPress为互联网上13亿个网站中的4.55亿个提供动力，是全球使用最多和最知名的CMS。
使用免费或付费的主题创建一个WordPress网站真的很简单和快速，虽然有预先确定的结构，但大多是可定制的，以适应你的视觉偏好。对于一些额外的功能，你需要安装插件--这就是WordPress变得高度依赖的地方。
要创建一个定制的网站，你将需要自己编码，或雇用一个专家级的开发人员或设计师，这可能会转化为更高的成本。
从WordPress开始是很容易的，这就是为什么它变得如此流行，但你需要的功能越多，它就越复杂。它是多功能的，可访问的，你可以用它建立几乎任何类型的网站，有大量的主题和插件可供选择，由其活跃和庞大的社区开发。
Webflow：现代网站建设者
Webflow创建于2013年，是一款无需代码的可视化网站建设工具。它最大的创新是可视化编辑能力，简化了设计过程，使其更加直观。
Webflow是免费的，可以在完全空白的画布上开始创作，或使用其免费/付费模板之一。Webflow的一大优势是，如果用户不想完全使用该平台来托管他们的网站，可以导出代码并托管到其他地方。换句话说，Webflow的构建器是一个可视化工具，可以生成你的网站的HTML、CSS和JavaScript。
该平台还包括一个CMS，需要订阅一个计划来托管网站，这意味着Webflow网站不能自我托管。与其他网站建设者不同，Webflow具有高度的可定制性，使设计师能够快速创建功能齐全的网站，而不必依赖开发人员。
Webflow还通过其数字Webflow大学提升知识。在那里，你可以找到所有必要的信息和如何开始与工具、主机、CMS以及更多的东西互动。
该平台很快就在网站建设市场上找到了自己的位置，在全球拥有成千上万的用户，包括企业家、设计师、创意人和开发人员。
Webflow与WordPress-差异
WordPress和Webflow的主要区别在于，在前者中，你通过添加主题和插件来定制和创建你的网站。在后者，你可以在一个名为Designer的内置拖放工具中从头开始创建一个功能齐全的网站。
WordPress的仪表板
这两个平台都提供不依赖编码的解决方案，尽管它们有完全不同的方法和学习曲线。你可以通过进入 "外观 "部分并选择一个主题来定制你的WordPress网站的外观。
然后你可以在不同的仪表板工具上管理你的网站内容、设置、用户、用户评论。不同的主题提供不同的功能和特性，使WordPress网站非常强大，但对于发起人来说也很复杂。
为了设计一个网站，开发人员和设计师通常与第三方插件合作，通过拖放功能提供视觉编辑控制，以扩大其视觉可能性。常见的解决方案是购买足够的主题，然后根据品牌规格对其进行装扮。这是一个实用的解决方案，但由于主题很少是独家的，所以在互联网上看到相同的网站布局的不同版本是很常见的。
有几个付费插件可用，但你也可以选择免费的。其中一个最常用和最知名的插件是Elementor，对于设计师来说，它相对来说看起来更熟悉，因为它类似于设计软件。
如前所述，WordPress提供现成的主题。要定制你的网站设计，你必须手动编辑PHP或使用HTML、CSS和JS等语言从头开发。主题通常也有一个原生的主题编辑器，帮助使用定制他们的网站外观，尽管有一些限制。
预制的主题对小企业和团队来说是很好的，但在企业层面可能就不行了，因为品牌建设在任何组织的战略中都有很大的作用。
Webflow的设计师
Webflow有一个现代设计师更熟悉的外观，因为它提供了一个工具，奇怪的是，叫Designer，允许你在视觉画布中建立整个网站，具有更高的控制和定制水平。你可以创建你自己的布局，而不是预先格式化的布局，这对于那些不知道如何开发网站的人来说，可能有点不知所措，但当你习惯了这个界面，你可以取得很好的效果。
当我们打开Designer时，我们有左边的控制面板来创建HTML元素，编辑页面设置，管理CMS和添加资产。我们在中间有视觉画布，在这里我们可以通过拖放功能编辑和编写我们的内容。在右侧，我们有一个样式面板，让你控制元素--或者，我们可以称之为CSS面板。另外，在这个面板中，我们可以使用Lottie工具创建动画和互动。
Webflow使得为不同设备创建响应式设计变得更加容易，因为我们在顶部面板中有一些默认断点。你还可以预览设计发布后的样子，点击一下就可以立即部署所有的变化，最后将所有的代码导出为ZIP文件，并将其作为任何其他网站的基础。它是设计师想象力的一个伟大的沙盒。
设计器有一点学习曲线，因为它是高度可定制的，但如果用户需要为特定功能创建自定义代码，将其添加到页面设置中是非常容易的。这允许每个页面有它自己的配置和功能。
比较这两个平台，WordPress在定制你的视觉效果方面有更多的限制。如果你是一个希望复制你的设计的创意者，这可能会让你感到沮丧，因为你要依赖预制的主题。
Webflow给了你更多的视觉可能性，因为你可以完全控制画布和元素。它更适合那些没有编码技能，希望创造一些独特的东西而不需要依赖开发者的人。
Webflow与WordPress-内容管理系统
WordPress的CMS仪表板非常容易使用。它强大的发布功能和简单的管理逻辑为WordPress赢得了全世界用户的信任，使它成为市场上头号CMS选择。作为一个自我托管的解决方案，WordPress为用户和开发者提供了对其网站的更多控制和灵活性。
Webflow也提供了一个功能齐全的CMS，声称它比WordPress更容易使用。同样，由于可以在画布上进行视觉设计，设计师/用户可以创建其视觉CMS，然后将其交给营销团队管理内容。但是，需要把主机交给另一家公司，这可能会让一些人不太高兴。
Webflow提供了原生选项，可以添加字段和过滤器来选择显示哪些内容和位置，使网站体验更有趣，更有效，特别是对于营销目的：创建定制的登陆页面非常容易，而不是必须使用一个布局适合所有的解决方案。
Webflow与WordPress-电子商务
要在WordPress上运行一个在线商店，你需要安装外部插件，因为CMS引擎并没有集成的电子商务功能。WooCommerce是最受欢迎的解决方案之一，几乎有三分之一的商店在使用它。
根据你的需求和定价的可能性，有很多选择，因为这些插件大多是付费的。尽管如此，所有可定制的功能都取决于不同的插件，因此，在承诺使用一个特定的工具之前，建立你的网上商店将需要大量的规划。
由于Webflow是一个 "多合一 "的平台，我们可以在完全控制一切的情况下经营电子商务业务。每一个页面都是可定制的，有相匹配的布局，而不必依赖第三方的主题或插件。
Webflow还允许通过使用动态嵌入来整合Shopify的可能性。
"您可以使用一个嵌入的Shopify部件将您的Shopify账户中的产品添加到您的Webflow网站。这让您可以创建一个自定义的电子商务商店，而不需要依赖预先建立的Shopify模板"。
关于支付，所有流行的支付服务都可用，我们可以定义运输规则和地区。再一次，订单管理系统的使用相当简单明了。
Webflow与WordPress-优化、SEO管理和第三方整合
搜索引擎优化对每个网站都至关重要，因为谷歌宣布他们将对那些加载时间超过正常的网站进行惩罚。
发生这种情况的原因之一是产生了大量的HTML和CSS。在WordPress上使用许多插件时，生成的代码可能有不必要的元素，使网站变得更慢。在Webflow上，生成的代码在大多数情况下是干净和结构化的，提高了页面速度得分。
这两个平台都可以达到很好的SEO效果。主要区别在于，在WordPress上，你需要使用插件来管理和改进元描述或开放图谱设置，而在Webflow上，你可以直接在页面设置中添加它们。
说到第三方集成，WordPress是大赢家，因为它的架构是为与外部插件合作而开发的。
在Webflow上的集成也是可能的，但我们不会得到那么多的本地集成。例如，如果我们想整合HubSpot，我们将不得不 "在HubSpot中建立你的表单，然后使用HubSpot的嵌入代码将其添加到Webflow中。"
Webflow与WordPress-定价和托管
根据你的需要，WordPress可以从非常便宜到非常昂贵。比方说，你所需要的只是一个基本的网站，不涉及付费插件。创建一个漂亮的、功能齐全的网站并不昂贵：一个免费的主题、虚拟主机和域名可能会让你花上几十美元。
然而，如果你有特定的设计需求，想要一个高级主题或具有特定功能的插件，你的支出可能会有所不同。高级WordPress主题的价格可能会有所不同，但一般都在40-50美元左右，而高级插件可以从10到100多美元不等。
考虑到所有的成本，一个简单的WordPress网站的初始投资可能需要40到70美元，但如果你想使用值得信赖的、性能良好的插件，再加上一个独特的主题，成本会增加到更高的价值。
Webflow有一个免费账户计划，可以开始使用设计工具，但运行一个完整的网站是一个完全不同的话题。定价分为网站计划和会计计划。
网站计划是关于托管网站和你需要多少流量的计划。所有这些计划都包括一个域名，起价为12美元。
账户计划是免费的，如果你只有最多两个项目，没有CMS功能。如果要把代码输出到其他地方托管，需要升级计划。如果你为一个公司或团队工作，就有可能在网站上同时有几个合作者，价格根据人数的多少而不同。
这两个平台都可以免费使用，但当涉及到每个项目的发布或需求时，价格范围会有很大的不同。
WordPress与Webflow比较表
| 特点； | Webflow | WordPress |
| 预制主题/模板 | 是的 | 是的 |
| 是的。20%;"> 创建自己的模板 | 是的 | 是的，但要有代码 |
| 拖放功能 | 是的 | 仅适用于插件 |
| CMS | Yes | 是的 |
| E-commerce | 原生电子商务功能 | 仅限插件 |
| SEO优化 | 本土特色 | 仅使用插件 |
| 性能优化 | Yes | 只使用插件 |
| 添加自定义代码的可能性 | Yes | 是的 |
| 主机和域名 | Webflow托管 | 自我托管 |
尽管这两个平台提供相同类型的服务，但在决定哪一个最适合建立你的网站时，有一些关键的区别。
需要考虑的主要是：
-
Webflow允许完全的设计自由，这使得它对设计师更有吸引力；在WordPress中，你必须去使用多功能的模板或从头开始编码--这可能转化为增加的成本和开发时间；
-
Webflow是一个多合一的平台，可以生成一个干净的代码结构。设计工作在Webflow的功能之上。WordPress可以在任何地方工作，但它可能高度依赖于可能使代码结构集群的插件；
-
Webflow的编辑器可以让您通过拖放功能创建实时和页面内的内容；在WordPress中，如果您真的需要这种功能，您将需要一个付费插件来实现同样的效果；
-
两个平台的价格范围可能有很大差异，这取决于对托管或聘请专家来实施网站的需要。
-
在做出决定之前，请考虑您的目标和您的网站所需的所有功能。
我们对 Webflow 的迁移
作为一家软件开发和 UX/UI 设计公司，我们对旧网站进行本土化开发。在过去的几年里，这个解决方案运行得非常好，但每次我们需要更新信息时，都需要一个设计师和一个开发人员。从生产的角度来看，这不是最有效的资源管理。
随着公司的不断发展，对一个更灵活的平台的需求变得很明显。这时，出现了将我们的网站迁移到一个在线建设者平台的想法。我们进行了研究，并预先评估了几个平台，如WIX和Squarespace等，但更适合我们需求的是Webflow。
Webflow使我们能够在一张空白的画布上从头开始创建我们的新网站设计（之前在Figma上制作），而不会影响任何部分的完整性。此外，我们还可以使用本地 CMS 来发布新项目，并更轻松地更新我们的作品集。我们的设计和营销团队并肩工作以创建这个新项目，一起开发设计方案，并且都负责内容管理。任何改变都是快速进行的，由团队中的任何人进行，即使他们不具备任何编码知识。
Webflow可以快速改变内容和设计，这使我们能够更快地工作，而不需要在每次需要更新网站信息时求助于开发人员，并对我们的在线通信需求做出更快的反应。
Final thoughts
通过将Webflow和WordPress并列在一起，很明显，这两个平台都值得关注，因为它们都能让我们在少量的时间内创建强大的网站。
决定哪一个是最适合的，因人而异，其中项目的类型、设计的熟练程度和可用的预算是做出决定的关键点。
我们的决定是基于灵活性和资源的可用性，但你的情况可能完全不同，需要其他的解决方案。
如果你想要一个具有强大功能的成熟平台，Wordpress有大量的主题和插件可供选择。如果你想要一些更独特的东西，从竞争中脱颖而出，Webflow是一个不错的选择。
