Vako Shvili

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

互联网上的争论就像PC和Mac, iPhone和Android,蓝色或金色礼服的视觉错觉。在你尝试了这两种工具之后,你就会选定你的工具,并在你的余生中争论它比另一种工具的优点。这是不可避免的。

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

Webflow设计器vs. WordPress页面构建器

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

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

完整的网页设计:从图形到WebFlow到自由职业者

最后更新5月2021

畅销书
  • 200课
  • 所有级别
4.8 (4,565)

3在1课程中:学习使用Figma设计的网站,使用WebFlow构建,并制作自由职业者。|由Vako Shvili.

探索课程

Webflow设计师

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

Webflow设计师
Webflow设计R.

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

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

自定义编码总是比任何页面构建器都要快得多。可能性是无限的,你可以完全控制你的设计。WebFlow Designer是您最接近的代码权限不需要写一行代码。

是什么让它这么好?

您对设计进行全面控制。

如果你只是想用博客或网站来表达你的商业想法,那么这对你来说很可能不是一件好事。你最好使用基于模板的设计。

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

在设计方面,WebFlow远远领先于任何WordPress页面构建器。WebFlow网站社区展示展示令人惊叹和独特。你不必走得太远。您可以比较网站Webflow元素用他们各自的工具建造。

它使用CSS类来样式元素。

在几乎所有其他页面构建器中,如果您对一个元素进行样式设置,则样式只应用于该元素,仅此而已。但是Webflow使用CSS选择器来样式化元素。

WebFlow CSS选择器
WebFlow CSS选择器

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

互动和动画

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

Webflow交互面板
Webflow交互面板

是的,WordPress页面构建器通常也有动画工具。但通常,它们只提供动画而不提供交互。两者的区别在于,对于动画,您将效果和触发器应用于同一个对象。例如,当你向下滚动图像时,它会滑动。

通过交互,您可以将一个元素设置为触发器,并对其他元素进行动画。例如,当你点击一个注册按钮,弹出一个模式打开。

WordPress页面建筑商

最受欢迎的WordPress Page Builders是Componor和Divi。Divi成本金钱。Elementror有免费和付费版本。但是免费版本缺少少数重要功能。您必须使用额外的插件来补充它,或为完整版支付49美元/年。

COLLENTOR插件在WordPress上

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

简而言之,像Elementor和Divi这样的WordPress页面构建器可以完成任务。他们会满足你的大部分需求。如果有什么他们还不能做的,就会有一个插件来填补这个空白。

我对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需要更深入的知识。

任何像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基本的托管计划
Dreamhost基本的托管计划

这个价格是Dreamhost.它是最受欢迎的主机提供商之一。如果你深入挖掘,你可以找到更便宜的东西。这可能会导致主持工作不太顺利,所以我不会去试试运气。服务器安全性、速度和正常运行时间都很重要。它们意味着你的网站可以快速加载,没有停机时间,也不会被黑客攻击。

Webflow托管

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

Web流托管从12美元/月开始。但这就是没有CMS的网站,所以让我们忽略这一点。Webflow CMS网站的托管费用是每月16美元.如果你每年支付那就是那样的。如果您每月支付,那将是20美元/月。

Webflow托管计划

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

5美元/月的WordPress托管和20美元/月的Webflow是相当不同的。如果你只看价格,那么WordPress似乎是一个不用动脑筋的问题。但比较不是水平。每月5美元可以让你获得最基本的托管服务。Webflow的托管是一种更高层次的托管。

Webflow的托管特性是基本的WordPress托管所没有的。即这三个重要特点:

  1. 自动备份和版本控制。这将自动备份您的站点。如果出现任何问题或损坏了某些东西,您可以轻松地恢复旧版本。
  2. 内容分发网络(CDN).如果你的网站只对当地人开放,那么你也可以不用这个。但如果世界各地的人都访问您的网站,那么这是非常必要的。如果你住在纽约,访问一个由本地服务器托管的澳大利亚网站,就像过去拨号上网的日子一样。这些字节必须通过电缆从澳大利亚传输到纽约。相信我;它是缓慢的。

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

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

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

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

Webflow的免费计划

Webflow实际上有一个永久免费的计划。是的,免费套餐会失去一些功能。您只能在Webflow的子域上发布站点,但这仍然是一个大问题。它让您可以自由地测试和学习Webflow,而无需任何投资。它可以让你免费创建每个新项目,在你准备好投入使用之前不需要付费。

至于WordPress,托管提供商并没有免费的计划。你预付货款。即使他们提供免费试用,你还是要付钱。如果你把WordPress安装在你的电脑(本地主机)上,你也可以做类似的事情。这很快就会变得更先进。

多网站托管优势

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

那些从事网页设计业务的人可以通过这种方式获得额外的收入。自由职业者和代理机构可以在一个计划下托管所有客户的网站。然后他们就可以把托管作为一项附加服务来提供,并从中获利。

您可以用Webflow做类似的事情——向客户收取额外的托管费用。但Webflow的定价总是针对每个网站,你没有机会降低每单位的成本。

Webflow vs WordPress定价结论

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

如果你打算从事低预算的项目,或者为自己运行多个网站,那么WordPress可能是一个更好的选择。

安全

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

WordPress的安全

WordPress是开源的。这意味着任何人都可以看到它的内部结构,并进行操作。这让黑客更容易找到和利用漏洞。另外,WordPress占据了世界上30%到40%的网站。对于黑客来说,找到利用WordPress的方法是非常值得的。

有人可以从许多不同的侧面穿透歌词网站。黑客可以进入在CMS本身,通过插件,通过主题你是在用,还是通过服务器你在托管。每年数十万个WordPress网站都没有惊讶。

要使您的网站安全,您需要经常在其顶部。一旦新版本出来,您需要更新CMS,主题和所有插件。这些更新非常频繁,真正颈部疼痛。您将总是担心将客户的网站从蓝色中下来,并从中生气,紧急呼叫。作为我的一名学生,“我再也受不了了。”

WordPress用户评论

WebFlow Security.

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.JoomlaDrupal,甚至是所有三个系统中的三个 - 并立即运行它们。这对服务器没有问题,但它确实意味着它无法完全优化以确实运行一个特定的系统。

Webflow服务器只需要运行一个系统—Webflow。所以它经过了高度调整,以尽可能快和高效地运行它。这不仅使Webflow站点加载速度更快,而且还可以在Webflow中进行设计。

限制

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

WordPress的局限性

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

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

Webflow的局限性

WebFlow是一个封闭的系统。我们无法将WebFlow的页面构建器或添加功能添加到其CMS中。

我们可以向Webflow站点添加自定义代码,并将它们与第三方应用程序集成,以增强我们使用Webflow所能做的事情。但是它不能与WordPress插件对系统的自由相比。

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

现在,我们可以将第三方应用程序与Webflow站点集成,并实现这两种功能。例如,像Memberstack.,我们可以向Webflow站点添加用户登录和会员功能。或者,与Zapier,我们可以收集用户的内容,并反馈到我们的CMS。然而,这类应用很少是免费的,它们也有限制。

那么,你应该选择哪一个?

答案取决于你想要什么。

何时选择WordPress

选择WordPress if:

何时选择WebFlow

选择Webflow如果:

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

Web设计中的顶级课程

2018年登陆页面设计与转化率优化
艾萨克Rudansky
4.7 (6728)
畅销书
Creative CSS绘图课程:用CSS制作艺术
艾哈迈德Sadek
5 (60)
收视率最高
2021年Ultimate Web Designer&Web开发人员课程
布拉德·哈斯
4.6 (11,962)
学习Photoshop,网页设计和有利可图的自由职业
Cristian Doru Barin.
4.7 (5,940)
畅销书
Photoshop中的主网页设计
Cristian Doru Barin.
4.7 (2251)
UI&Web设计使用Adobe Illustrator CC
丹尼尔沃尔特斯科特
4.7 (2,732)
Adobe Photoshop CC - Web设计,响应设计和UI
丹尼尔沃尔特斯科特
4.6 (727)

更多网页设计课程

网络设计学生也会学习

赋予你的团队。引领行业。

通过Udemy为Business获取组织的在线课程和数字学习工具库的订阅。

请求演示

Vako Shvili课程

Vako Shvili课程