WebFlow和WordPress是在没有编码的情况下构建自定义网站时的两个最大名称。

互联网上争论不休，比如PC对Mac, iPhone对Android，以及蓝色或金色服装的视觉错觉。在您尝试了这两种方法之后，您将选定您的工具，并在您的余生中争论它的优点。这是不可避免的。

或者您已经下定决心，您可以在此找到支持您的工具的论据。无论哪种方式，阅读。我对双方都有争论。如果您还没有安顿下来，您应该能够在阅读这篇文章后。

WebFlow Designer与WordPress Page Builders

除非你会编程，否则设计一个网页，你需要使用一些页面生成器。当你创建一个网站的时候，这是你将花费大部分时间的地方。您的最终结果将取决于所选择的页面构建器的潜力以及您如何使用它。

让我们比较这两个平台，看看他们必须提供哪些页面建设者。

Webflow设计师

Webflow将其页面构建器简单地称为设计器。

它有一个类似照片的外观，你几乎做了一切。这允许设计为建立自定义内容管理系统（CMS）。

如果你在这里降落了未经训练的话，你会很难确定出来的是什么和正在发生的事情。幸运的是，WebFlow为此设计者中的每个选项都有一个有用的视频库。您需要观看视频教程，在UDEMY或两者上拍摄WebFlow课程。然后，您可以开始使用WebFlow Designer进行伟大的工作。一旦你了解它的所有作品，你会觉得你已经获得了超级大国。

自定义编码将始终在任何页面构建器之前突​​飞和界限。可能性是无限的，您可以完全控制您的设计。WebFlow Designer是您最接近的代码权限实际上不需要写一行代码。

是什么让它这么好吃?

你可以完全控制设计。

如果您只想要一个博客或网站的商业想法，那么最有可能，这对您来说并不是好事。您可以使用基于模板的设计更好。

但我是UI，或用户界面，设计师。我首先在Figma或素描中设计网站的样机并在以后构建它们。让我的客户幸福，我需要获得创意，并尝试有趣的设计和开箱即用的布局。如果我必须担心页面构建器或插件提供的有限选项，我将无法执行此操作。使用WebFlow，我得到了总控制。如果我能思考，我可以做到。

说到设计，Webflow遥遥领先于任何WordPress页面生成器。Webflow网站的社区展示是惊人的和独特的。你不用走得太远。你可以比较网站Webflow和Elementor用他们各自的工具建造。

它使用CSS类来样式化元素。

在几乎所有其他页面构建器上，如果您的一个元素，则样式仅适用于该元素，就是这样。但WebFlow使用CSS选择器来样式元素。

您可以使用类，例如，“按钮”类，并且只要一个编辑，即使您有100个，您也可以在整个网站上更改所有这些按钮。这种效率正是CSS首先存在的原因。

互动和动画

没有动画和互动的网站可以感觉有点死亡。WebFlow拥有设计师最优雅的交互和动画建设者之一。

是的，WordPress页面构建器通常也具有动画工具。但通常情况下，这些只提供动画而不是交互。两者之间的区别在于，使用动画，您将应用效果和触发到同一对象。例如，当图像向下滚动时，图像幻灯片时。

通过交互，您可以将一个元素设置为触发器，并使其他元素产生动画效果。例如，当您单击一个注册按钮时，会出现一个弹出模式。

WordPress页面构建器

最受欢迎的WordPress页面生成器是Elementor和Divi。股息成本钱。Elementor有免费和付费版本。但是免费版本缺少一些重要的功能。你要么必须添加额外的插件，要么每年支付49美元购买完整版本。

WordPress Page Builders就像您预期的页面建设者一样：

• 他们凭直觉工作。与Webflow不同，它们不需要大量的学习和习惯。
• 它们附带了许多拖放组件和小部件。你不需要从头开始构建任何东西。您可以拖动需要的元素:列表、折叠式、选项卡或许多其他元素，然后开始编辑。
• 您可以从许多部分和块模板中进行选择以保存您的设计时间。

简而言之，WordPress页面构建器等元素和Divi等完成作业。他们会照顾大部分需要。如果他们还无法做到的话，那将是一个将填补这种差距的插件。

我对Webflow Designer的判决VS WordPress Page Builders

这是我个人的看法。WordPress开发者不适合我。我一直在和他们斗争。他们感觉缓慢而笨拙，并且不能完全控制设计是一种失败。

他们也不会让我甜蜜的满足感，即我从头开始做出一些东西。对我来说，WordPress Page Builders就像组装宜家表一样。Webflow Designer更像是在研讨会上制作一张木桌子，而不是我尝试过的木桌子。

如果您想要快速设计，并且具有设计限制，WordPress Page Builders适合您。如果您想要完全控制并有时间学习，WebFlow Designer会向您展示您可以做多少。

学习曲线

说到学习。这是许多忽略的事情，但如果您想为您制作任何工具工作，这是一个重要因素。如果我们有更多的时间和意志力，我们都会抛弃WordPress和Webflow。相反，我们会学会从头开始编写和构建网站。但我们可能没有。因此，我们使用这些平台来帮助我们有效地构建强大的网站。

WebFlow学习曲线

WebFlow从WordPress开始更复杂。如果您正在寻找一个基于模板的网站，可以在没有大量学习的情况下设置自己的网站，然后不要触摸WebFlow。WebFlow是一个版本从临时构建器。逻辑就像编码一样。您可以使用类似CSS的类添加HTML元素，如Div块和样式。

与编码不同，您可以在花式设计师中视觉上表现出所有这些。但就像编码一样，一切都遵守HTML和CSS法律。这些法律并不直观。至少说他们很奇怪。

您需要雕刻一些学习时间来开始使用WebFlow。对WebFlow中复杂的复杂内容的学习曲线几乎相同。一旦你在腰带下获得一些练习，它就会顺利航行。您可能想要添加到您的知识，但在缩小初始障碍后您将在越来越容易的时间。它不像学习吉他，因为你尝试更加困难的曲调时会变得更加困难。它更像是学习驾驶。

如果你熟悉HTML和CSS，你不需要很多时间来掌握Webflow。设计的物理和架构会让人感到熟悉。你只需要熟悉什么是在哪里。

WordPress的学习曲线

WordPress一开始很简单，但后来变得越来越势不可挡。当然，这与插件有关。有超过58,000个不断变化的插件，学习就是你所要做的一切。

对于您要添加到您网站的每个新组件，您需要一个插件。添加简单的电子邮件表格？插件。悬停上的工具尖端？插入。编辑搜索引擎优化？插入。图像画廊？你明白了。每个新插件都附带另一个学习曲线：

• 你需要研究许多插件，以找到一个最适合你的网站。
• 你需要检查他们的局限性。否则，当您的客户要求您从字段中删除圆形边缘时，您可能会使用一个无用的解决方案。
• 你需要比较价格。很多都是免费的，但需要升级才能添加新功能。有些甚至会要求你付费去测试它们。
• 最后，你必须观看视频教程，学习如何使用你选择的插件。如果你发现插件有问题，或者你发现了更好的东西，你必须回去学习新的插件。啊!

WordPress需要更深入的知识。

任何像WordPress一样灵活的平台都需要更深入的知识。例如，WordPress相对于Webflow的最大优势就是成本。但要利用这一点，您需要自行托管您的WordPress站点。这开启了一系列的新主题，如服务器、安全性、DNS、SSL证书、内容分发网络、存储空间、带宽和站点备份。这样的例子不胜枚举。

实际上，大多数WordPress插件只有有限的定制选项。插件通常有一些版本和样式定制选项。为了进行额外的定制，它们提供了一个CSS字段。这需要学习CSS。

价格

拥有一个网站不是免费的。很多人不知道这一点。我们习惯于拥有免费的Facebook账户、电子邮件和YouTube频道。我的一些客户的期望是一个网站不会有任何运行成本。说到网站，没有免费的午餐。

主要有两种成本:

1. 领域。www.vako-loves-cupcakes.com是一个域名。这就像得到一个地址，所以人们可以找到你的网站。无论WordPress或WebFlow如何，这花了15美元。
2. 举办。这是您的网站生活的房子。这是你的档案在沙发上寒冷的地方，填满了他们的脸。托管是在成本方面的重要事项。

Wordpress托管简而言之

WordPress内容管理系统本身是免费的，但这并不意味着拥有WordPress网站是免费的。您仍然需要在服务器上托管CMS和您的网站。这是钱。

WordPress在这方面比Webflow有很大的优势。你可以让你的WordPress网站每月只花费2.59美元。您将不得不支付三年前期。月份价格为4.95美元/月。并不是那么重要。

这个价格来自。Dreamhost.最受欢迎的主机提供商之一。如果你再深入挖掘，你可以找到更便宜的东西。这可能会导致不可靠的托管，所以我不会在这方面碰碰运气。服务器安全性、速度和正常运行时间非常重要。它们意味着你的网站可以快速加载，没有停机时间，也不会被黑客攻击。

webflow以坚果壳托管

Webflow是一个一体化的解决方案。网站建设者、CMS和托管都来自同一家公司。是的，Webflow允许您导出站点代码并将其托管到其他地方。这只适用于没有CMS的站点。我不打算在比较中考虑这个。

Webflow托管起步价为12美元/月。但这是针对没有CMS的站点的，所以我们忽略它。WebFlow CMS网站的托管是16美元/月。如果你每年支付那就是那样的。如果您每月支付，那将是20美元/月。

WordPress和Webflow托管计划如何比较?

每月5美元的WordPress托管和每月20美元的Webflow托管是相当不同的。如果你只看价格，WordPress似乎是一个显而易见的选择。但比较不是水平。每个月5美元可以给你提供最基本的托管服务。Webflow的托管是一种更高级的托管。

WebFlow的托管具有基本WordPress托管的功能不带来。即，这三个重要特征：

1. 自动备份和版本控制。这将自动备份您的站点。如果出现任何错误或损坏了某些内容，您可以轻松地恢复旧版本。
   
2. 内容分发网络（CDN）。如果您的网站仅适用于当地人，那么您就没关系就好了。但是，如果世界各地的人将访问您的网站，那么这是必要的。如果您居住在纽约并访问托管在本地服务器上的澳大利亚网站，那将像拨号互联网的旧日子一样。这些字节将不得不从澳大利亚到纽约的电缆旅行。相信我;这很慢。
   

CDN托管将您网站内容的内容节省了100多个数据中心的副本。它为来自最近服务器的每个访问者提供服务。这样，无论在地球上，您的网站都将尽可能快地加快加载。

3. 登台环境。在现场网站上进行大量更新是有风险的。您最终可能会突破某些东西，让人们访问一个看起来奇怪或不正常工作的网站。

WebFlow配有暂存环境。您对网站的任何更改保存在暂存环境中。在您发布到现场域名之前，他们不会播放。您可以发布到WebFlow的子域名而不是发布到实际域。这样，您将能够正确地测试新版本。在将更新推向实时站点之前，您可以从同事和客户端获取反馈。

您可以从Dreamhost和其他托管提供商那里获得这三个功能。但这将花费你在梦想的价格29.95美元/月。这就描绘了一幅完全不同的画面。Webflow以每月20美元的计划成为更便宜的选择。

WebFlow的免费计划

WebFlow实际上有一个永远的自由计划。是的，您在自由计划上丢失了一些功能。您只能在WebFlow的子域上发布网站，但这仍然很大。在没有任何投资的情况下，它会给你有很多测试和学习网络流的自由。它允许您免费建立每一个新项目，而不是需要支付，直到您准备好去。

至于WordPress，主机提供商没有免费计划。你预付货款。即使他们提供免费试用，你仍需付费。如果你把WordPress安装在你的电脑(本地主机)上，你也可以做类似的事情。这开始变得非常先进。

多个网站托管的优势

WordPress在定价方面有一个优势。您可以支付一个托管，允许住宿多个，有时是无限的网站。价格增加不大。

那些从事网页设计业务的人可以通过这种方式获得额外的收入。自由职业者和机构可以在一个计划下托管所有客户的网站。然后，他们可以提供主机作为附加服务，并赚取差价。

您可以使用WebFlow - 为托管提供类似的东西。但是，Webflow的定价始终是每个网站，并且您没有机会每单位降低成本。

WebFlow VS WordPress定价结论

总之，在比较这两个网页设计巨头时，定价是一个复杂的主题。我的大多数客户都没有支付20美元/月的WebFlow的问题。但我确实与发达国家的客户合作，以​​为我设计高级网站。

如果您计划在为自己工作的低预算项目或运行多个网站，那么WordPress可能会更好地击败您的降压。

安全

安全可能看起来像是一个无聊的话题，但你甚至无法想象这是有多大的因素。所以继续阅读。

WordPress安全

WordPress是开源。这意味着任何人都可以看到引擎盖下的内容，并与之玩。这使黑客更容易找到和利用漏洞。此外，WordPress就像世界网站的30％到40％。黑客非常值得寻找利用WordPress的方法。

有人可以从许多不同的方面渗透WordPress网站。黑客可以进入在CMS本身，通过插件，通过主题你正在使用，或通过服务器你在托管。每年数十万个WordPress网站都没有惊讶。

为了保证站点的安全，您需要不断地关注它。你需要更新CMS、主题和所有插件，一旦新版本出来。这些更新是非常频繁和真正的痛苦颈部。你总是担心你的客户的网站突然崩溃，然后接到他们生气的紧急电话。就像我的一个学生说的，“我再也受不了了。”

Webflow安全

Webflow安全是一个完全不同的故事。我对此一无所知，这是一件了不起的事。

Webflow团队负责安全性。这是一个由世界上最好的开发者之一运行的封闭系统。如果有漏洞，他们会控制的。他们正在修复它，立即更新它，自动应用到我所有的网站。与此同时，我在无知的幸福中安睡。

我从来没有让Webflow网站被黑掉。但我的WordPress网站也曾遭到恶意程序的攻击。

网站的速度

WordPress网站很慢。

WordPress网站以速度慢而臭名昭著。所有的插件，笨拙的主题文件，附加的工具-他们加在一起。很快，站点背后的源代码就会膨胀得非常厉害。除非你知道你在做什么，并投入精力去清理，否则你的网站将会很慢。

Webflow网站正在飞速发展。

从WordPress切换到Webflow的网页设计师经常提到，他们的网站在Webflow上加载得更快，尽管网站是完全一样的，只是内置了Webflow。这有几个原因:

原因＃1：封闭系统

与WordPress不同，Webflow上没有第三方插件。Webflow网站是封闭的，而且非常精简。

当在WordPress上时，您可以为另一个插件开发人员，导航栏和另一个版本中的形式组件的代码。您可以在网站上有20个其他不同的开发人员。事情可能会变得凌乱和效率低下。您可以获得很多冗余和插件，通常彼此冲突，最终会破坏一些东西。

在WebFlow上，它总是一个工具和一个团队在它后面。在大多数WebFlow用户知道它们之前，组件之间的任何冲突都会得到纠正。

原因＃2：清洁代码

WebFlow会生成极其清洁的代码。这与我们如何在WebFlow中设计。由于设计逻辑已经基于HTML元素和CSS类，因此您最终建立了开发人员手工编码网站的方式。

原因＃3：高效托管

WebFlow团队管理WebFlow服务器。除非您是一个顶级基础设施工程师，否则我认为我们可以同意WebFlow的团队可以管理我们的托管优于我们的托管。

另外，Webflow服务器是完全为Webflow网站量身定制的。你看，普通服务器需要为任何事情做好准备。用户可以安装WordPress.,Joomla,Drupal.，甚至是所有三个系统中的三个 - 并立即运行它们。这对服务器没有问题，但它确实意味着它无法完全优化以确实运行一个特定的系统。

Webflow服务器只需要运行一个系统——Webflow。所以它经过了高度调整以尽可能快地运行它。这不仅使Webflow网站加载更快，而且在Webflow内部设计也更快。

限制

我们无法比较两者而不提及每个系统可以实现的内容的限制。但主要是，这是关于webflow。

WordPress的局限性

WordPress是一个开放系统。允许插件基本上更改任何内容。拥有超过58,000个插件，您的大部分需求将由WordPress满足。您甚至可以使用BuddyPress插件构建社交网站。

如果您发现任何插件无法满足的需求，如果您知道您正在做什么或聘请开发人员，您可以编码它们。

WebFlow限制

Webflow是一个封闭的系统。我们不能改变Webflow的页面构建器或向它的CMS添加特性。

我们可以将自定义代码添加到WebFlow网站，并将它们与第三方应用程序集成，以增强我们可以使用WebFlow执行的内容。但它与自由WordPress插件没有比较。

以下是Webflow需要考虑的关键限制:

• Webflow还没有用户登录功能。这意味着你不能在Webflow上建立需要用户注册和帐户管理的网站。
• 没有用户生成的内容。网站访问者无法提交或更改网站的内容。例如，您无法创建像IMDB这样的网站并收集电影评级和评论，即使您不要求它们创建帐户。或您可以收集列表的房地产网站。

现在，我们可以将第三方应用程序与Webflow站点集成并实现这两个功能。例如，像Memberstack.，我们可以将用户登录和成员身份添加到WebFlow网站。或者，有Zapier，我们可以从用户收集内容并将其送回CMS。但是，这些应用程序很少是免费的，它们也有局限性。

那么，你应该选择哪一个？

答案取决于你想要什么。

何时选择WordPress

选择WordPress if：

• 你想要它的个人网站。学习曲线较短，您可以安装现成的主题并开始编辑内容。
• 你想要一份全职网页设计师的工作。大多数网页设计机构和工作室在他们不是定制代码网站的时候使用WordPress。如果你的目标是在这样的公司找到一份工作，那么掌握WordPress是正确的选择。
• 您需要构建一个复杂的站点。你在Webflow中构建的任何东西都可以在WordPress中实现。但事实并非如此。阅读关于Webflow限制的第6章。

何时选择WebFlow

选择Webflow如果:

• 你已经用wordpress了。许多WordPress用户都被WordPress常见的问题困扰着。如果这是你，那么就转到Webflow，不要回头看。你永远不必担心插件，更新，服务器，或者你的站点宕机。在这方面将是一帆风顺的。
• 你是一个设计师。Webflow在设计师手中是一个致命的工具。它最初是为那些想要以模板为基础的网页设计方法之外的东西的设计师设计的。
• 你想成为一名自由网设计师。WebFlow有超级收费的我的自由职业生涯，所以我必须把这一点给webflow。虽然是完全公平的，但WordPress也平等。

你计划学习如何代码。WordPress插件和页面构建器不会让您更接近编码。WebFlow将您掌握到HTML和CSS的工作中。您将使用标签，类，CSS属性，如Flexbox，CSS网格和定位。然而，你将以简单的视觉方式练习所有这些。