告别过去的辉煌：SWF与Adobe Flash Player的故事

原文：

协议：

好的虚拟主机支持的三大特点

原文：

虚拟主机支持是人们在考虑主机提供商时经常忽略的一个重要因素。

告诉你在优秀的虚拟主机服务中寻找什么的文章通常会包括一个项目，告诉你寻找优秀的客户服务或技术支持。

但是拥有强大的虚拟主机支持到底意味着什么呢？这篇文章将帮助你回答这个问题。

开始吧！

什么是虚拟主机支持？

虚拟主机支持的主要目标是确保客户的虚拟主机计划顺利运行。虚拟主机支持是一个在线帮助台，当客户遇到困难和故障时，它会提供帮助。

这些任务可能包括:

• 和服务器问题
• 网站迁移
• 让客户了解服务器和软件设置以及如何更改它们

虚拟主机支持可以帮助客户处理一般管理任务，如处理退款和退款保证。支持代理也可以协助一般查询或升级。

虚拟主机支持代理应该同时具备技术和 。

对于技术支持代理来说，仅仅知道常见的虚拟主机问题是不够的。代理可能拥有一流的技术技能，但如果他们不能用更简单的术语解释问题，或者如果客户不明白如何通过支持渠道解决问题，他们两人都会感到失望。

同时，提供专业化或高技术解决方案的虚拟主机公司不能只雇佣任何客户服务代理。虽然我们相信任何人都可以学到任何东西，但让新代理加入高度技术性的帐户也可能会让双方都感到沮丧。

如何确定虚拟主机支持的质量

Kinsta offers excellent web hosting support through several channels.

现在你知道了什么是虚拟主机支持，它包括什么，我们将向你展示优秀的技术支持和最低限度的区别。

1.全天候可用

你不能控制中断或问题何时出现，最好的虚拟主机提供商明白这一点。

• 最低限度:虚拟主机支持团队全年无休。

• 出色的支持:一个强大的支持团队很容易联系到。没有漫长的等待时间，即使你没有订阅专用服务器或 VPS 主机，也总有一个代理可以帮助你。等待时间短也是一个很好的迹象，表明主机提供商不会遇到很多问题。

2.多重联系渠道

随着通信技术的发展，企业没有借口不可用。常见的支持渠道包括电子邮件、实时聊天、聊天机器人、社交媒体和电话等。

• 最起码:有一个虚拟主机支持团队可以帮助解决客户的问题。请记住， 往往甚至不提供支持。

• **出色的支持:**除了代理之外，当客户喜欢自己解决问题时，拥有文档、教程和知识库也很有帮助。 发现 89%的千禧一代客户更愿意自己寻找解决方案。如果他们找不到他们要找的东西，他们就会联系客户支持。

3.熟练的技术支持

技术支持团队应该能够指导您排除错误。如果做不到这一点，意味着虚拟主机公司更注重价格竞争或省钱，而不是提供良好的服务。

• **最低限度:**托管团队可以解决您的技术问题，并有能力为网站迁移等服务提供标准协助。

• **优秀的支持:**一个好的虚拟主机支持团队是高效的。他们可以瞬间解决问题。当团队花一整天来解决问题时，随时可用是没有用的，客户不能也不会等那么久。

最好的虚拟主机公司明白他们的客户来自世界各地，所以他们也提供多语言支持。提供这项额外服务有助于 和包容性。

如果你曾经使用过你的主机的虚拟主机支持服务，你可以使用我们的列表来检查他们是否提供了满意的服务。

如果技术支持人员让你失望了，他们很难联系上，或者公司提供的客户支持少于 24/7/365，那么是时候找一个新的虚拟主机提供商了。

虚拟主机支持渠道

Kinsta’s resource center.

拥有优秀的虚拟主机支持的公司为他们的客户提供不同的渠道来联系他们。

1.证明文件

文档在开发和网站托管中起着重要的作用。它有助于读者和客户理解:

• 虚拟主机如何工作
• 遇到的常见问题
• 为什么会出现这些问题
• 如何解决这些问题

文档通常以下列形式编写:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

• 知识库
• 博客帖子

因为技术经常变化，顶级虚拟主机公司也保持他们的文档是最新的。

2.教程

教程类似于文档，但通常以视频形式出现。教程也可以写，但是我们用这个术语来指视频格式。

教程是需要查看逐步故障排除指南的学习者的最佳格式。最棒的是，用户可以重播这些视频。

视频可以是:

• 上传到
• 公司的仓库
• 的一部分

3.在线聊天

近年来，实时聊天支持已经成为一种更加常见的支持渠道，41%的人更喜欢实时聊天，而不是其他任何支持媒介。

主要原因包括:

• 几乎没有等待时间
• 便利

一些实时聊天解决方案也可以在需要时升级为语音或视频。除了受到大多数客户的青睐，企业也从实时聊天中受益。这些福利包括:

• 降低成本
• 增加客户忠诚度、销售额和收入

有几种方法可以将实时聊天添加到您的网站。你可以注册一个实时聊天应用或者安装一个 。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time!

对于常见问题(FAQ)和客户服务查询，您还可以 添加到您的实时聊天功能中。

改善实时聊天支持的客户体验的另一种方法是确保您的聊天允许上传图像，以便用户可以共享屏幕截图。这使得代理更容易诊断和解决用户的问题。

4.电话

大多数人认为电话支持是公司提供的最常见的客户服务渠道。这是最受欢迎的支持方法之一(尤其是对那些不太懂技术的人来说)，因为它简单。它降低了浏览网站或客户门户的需求，用户可以在与代理交谈的同时解决他们的问题。

电话支持也为支持服务提供了重要的人力因素。代理和客户可以进行自然的对话，这比试图通过文本解决问题提供了更多的上下文。

然而，并不是所有的企业都推荐电话支持。这对于一些行业来说是有意义的——例如危机或紧急热线，这需要紧急和人为因素——但它通常不是最有效的虚拟主机支持渠道。

有一些技术可以让虚拟主机公司更容易、更快地解决客户的问题。例如，通过您的托管帐户联系支持，代理可以立即获取您的信息，而电话支持则需要您通过漫长的验证过程。

当您可以从您的托管帐户访问支持时，您还可以共享您遇到的问题的屏幕截图或视频，以便支持团队快速解决这些问题。

5.电子邮件

虽然电话和实时聊天支持允许客户与代理实时沟通，但电子邮件支持更多的是一种延迟渠道。尽管它的延迟性质，公司认为它是他们的支持产品中的一个必须的，因为它提供了普遍的影响——几乎每个人都有一个电子邮件帐户并打开它。

电子邮件支持最适合对时间不敏感的投诉(例如，不需要立即解决的投诉)。在发送电子邮件支持时，请记住大多数客户更喜欢随意的语气，除非你在发送坏消息(这需要正式)。

Kinsta 如何击败其他虚拟主机支持团队

Kinsta 是一家相信虚拟主机支持重要性的虚拟主机公司。这就是为什么我们要超越这一点，为我们的客户提供服务。

除了 24/7 的可用性，我们还为自己的虚拟主机支持团队感到自豪，该团队由 一级支持代理 组成。代替 ，你得到真正的 IT 技术人员和网络开发人员来解决你的问题。

我们还为我们的快速响应时间感到自豪——我们在 2019 年的平均门票响应时间是 。

当您注册 Kinsta 计划时，您可以访问以下虚拟主机支持服务:

• 调查
• 解决问题用
• 安全监控，包括 DDoS 防护
  *** * : 我们每两分钟检查一次您的站点是否在线。* : 从 MyKinsta 控制面板访问您的备份。你也可以购买外部或 附加组件。**

**所有这些服务都包含在 Kinsta 的 中。

要访问我们卓越的虚拟主机支持服务，只需登录您的 MyKinsta 帐户。我们 ，但是我们的代理可以全天候在线聊天。

MyKinsta homepage.

Kinsta 用户也可以访问我们的 资源和 来帮助你从你的托管计划中获得最大收益。

摘要

当用户寻找虚拟主机解决方案时，虚拟主机支持经常被忽视。然而，这是一个很好的指标，多少虚拟主机提供商重视你。提供出色的 WordPress 支持的公司表明，他们希望通过让用户的生活变得更容易来让技术变得可及——尤其是那些不懂技术的人。

当你研究一家公司的虚拟主机支持时，记得要了解:

1. 有效性
2. 多重联系渠道
3. 技术专长

Kinsta 提供 WordPress 优化的云主机，我们可以帮助你为你的大型或小型企业制作完美的网站。

今天就注册一个 Kinsta 、 ，或者 。

你过去的虚拟主机支持经历对你或你的企业有什么影响？请在评论中告诉我们。

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。**

30+2022 年你的下一个设计的最佳网页安全字体

原文：

你不需要成千上万的字体来创建一个好看的网站。但是你需要确保你使用的字体对每个访问你网站的人都是可见的。这就是网络安全字体的用武之地。

如果你能找到网页安全字体，a) 100%免费使用，b)不需要放在其他地方让你的访问者看到，这将是你的一个本垒打。

这正是这篇文章的目的:我们将介绍 31 种最好看的网页安全字体，并向你展示如何在你的 WordPress 网站上实现它们。

使用下面的链接导航到您最感兴趣的部分，或者直接跳转到我们的网页安全字体列表:

什么字体是网页安全的？

包括变体在内，网上有超过 650，000 种不同的字体。大多数 web 浏览器和操作系统支持的字体被认为是 web 安全的。操作系统会自动包含字体文件，因此访问者不必从您的服务器下载字体。

一个例子是无处不在的 Arial 字体，它产生了成千上万的“副产品”。

2022 年网页安全字体有必要吗？

Browser market share 2019-2020 (Image source: StatCounter)

当然，绝大多数用户现在都在使用谷歌 Chrome 浏览器，无论是在手机上还是在桌面上。但这并不意味着网页安全字体已经成为过去。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

事实上，支持的字体因操作系统而异，包括用户使用的当前版本。所以如果你 ，大多数用户会看到别的东西。

此外，如果你选择使用和托管一个自定义的本地字体，或者由第三方托管的字体，会降低你网站的速度。所以，切换到网页安全字体可以 。这是一件好事。因为近 说 影响他们的购买决定。
T9】

谷歌字体网络安全吗？

你的操作系统本身并不支持谷歌字体，所以根据定义，它们不是网页安全字体。相反，由于谷歌，第三方，主持他们，谷歌字体被称为网络字体。令人困惑，我们知道，但不同的是，你的浏览器需要加载一个文件才能显示谷歌字体。

Web 安全字体已经在大多数设备上准备好了字体文件。但是，不要担心缺少安全这个词。使用谷歌字体来增强你网站的设计是完全安全的。但是，对外部服务器的额外的 会 。

31+最佳网络安全字体

我们已经编制了一个超过三十种不同的好看的网页安全字体的列表，你可以用它来设计你的网站。

让我们直接开始吧。

1.天线

Arial font example

Arial 是一种经典的无衬线字体，适用于段落和标题。这一直是 T2 网页设计中的一个主要元素。尽管近年来，它经常被用作字体堆栈中的备用字体，而不是主要字体系列。

推荐的字体堆栈

字体系列:Arial，Helvetica 新，Helvetica，无衬线。

2.巴斯卡比尔

Baskerville font example

巴斯克维尔字体是一种相对较粗的衬线字体，最初是由约翰·巴斯克维尔在 1750 年开发出来的。这种设计非常平衡，使用粗细笔画的混合来软化典型衬线字体的硬边。较新的苹果和微软操作系统版本很好地支持它。

推荐的字体堆栈

Font-family:巴斯克维尔，巴斯克维尔老面孔，Garamond，Times New Roman，serif。

3.博多尼山/博多尼 72

Bodoni MT font example

Bodoni MT 是一种衬线字体，就像 Times New Roman 一样，更适合段落文本，而不是大多数网站的标题。Bodoni MT 在微软 10 和一些旧版本中默认可用。Bodoni 72 包含在 macOS Sierra 和更新的版本中。

推荐的字体堆栈

字体系列:博多尼山，博多尼 72，迪多特，迪多特 LT 标准，Hoefler 文本，Garamond，时代新罗马，衬线。

4.卡里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布

Calibri font example

Calibri 是微软的标准无衬线字体，自其与微软 Office 2007 一起发布以来一直如此。它有一个柔软，现代的外观，圆形的边缘提升了典型的无衬线感觉，使它比机器人更温暖。

推荐的字体堆栈

字体系列:Calibri，Candara，Segoe，Segoe UI，Optima，Arial，sans-serif。

5.卡利斯托山

Calisto MT font example

Calisto MT 是一种衬线字体，与大多数类似的字体相比，它的衬线稍微柔和一些，不那么明显。这是一种标准的微软字体，包含在大多数较新版本的 Windows 中。macOS 或 iOS 的对等物是 Bookman 旧样式字体。

推荐的字体堆栈

字体系列:Calisto MT，Bookman 旧风格，Bookman，Goudy 旧风格，Garamond，Hoefler 文本，比特流宪章，格鲁吉亚，衬线。

6.威尔士

Cambria font example

Cambria 是一种更柔和的衬线字体，在许多情况下，即使是大写字母也几乎看不到衬线。这给了它一个更现代的感觉，同时也保持了屏幕上高水平的可读性。

推荐的字体堆栈

字体系列:剑桥，格鲁吉亚，衬线。

7. Candara

Candara font example

Candara 是一种无衬线字体。它是微软 的一部分。macOS 和 iOS 等同于 Optima Regular。与其他无衬线字体相比，不均匀的笔画粗细使它感觉有点不那么现代和公司化。

推荐的字体堆栈

字体系列:Candara，Calibri，Segoe，Segoe UI，Optima，Arial，sans-serif。

8.世纪哥特式

Century Gothic font example

Century Gothic 是一种几何无衬线字体，具有非常干净和平衡的外观。这是一种很棒的网页字体，尤其是对于标题和副标题来说。它最初是为了与字体 Futura 竞争而设计的。它包含在大多数微软和苹果操作系统中。

推荐的字体堆栈

字体系列:CenturyGothic，Century Gothic，AppleGothic，sans-serif。

9.控制台(s)

Consolas font example

Consolas 是一种无衬线字体，采用独特的 。所有字符都有相同的宽度，这就是为什么它只对字母“I”和小写字母“l”使用衬线。它是 ClearType 集合的一部分。

推荐的字体堆栈

字体系列:consolas、monaco、monospace。

10.铜版哥特式

Copperplate Gothic font example

Copperplate Gothic 是一种受哥特风格启发的字体，在某些字母上有轻微的雕版衬线。因为它的灵感来自哥特符文，所以没有小写字体。

推荐的字体堆栈

字体系列:铜板，铜板哥特式光，幻想。

11.信使新闻

Courier New font example

Courier New 是一种等宽的平板衬线字体，与大多数其他衬线和无衬线字体相比，它的常规文本要细得多。微软和苹果几乎完美地覆盖了电脑和移动设备。

推荐的字体堆栈

字体系列:信使新闻，信使，Lucida 无打字机，Lucida 打字机，等宽字体。

12.德佳佛·桑

Dejavu Sans font example

Dejavu Sans 是一种线条清晰的无衬线字体，

推荐的字体堆栈

字体系列:Dejavu Sans、Arial、Verdana、sans serif。

13.狄多

Didot font example

迪多特是一种受原始迪多特字体启发的字体，由 19 世纪法国印刷企业迪多特家族使用。它是苹果的支柱，受其大多数操作系统和设备的支持。

推荐的字体堆栈

字体系列:迪多特，迪多特 LT 标准，Hoefler 文本，Garamond，Calisto 山，时代新罗马，衬线。

14.富兰克林·哥特

Franklin Gothic font example

Franklin Gothic 是一种无衬线字体，字母异常粗，几乎就像是另一种字体的粗体版本。最初的字体是在 20 世纪初由美国字体创始人开发的。对于标题来说，这是一个很好的字体选择，但是对于正文来说可能不是一个很好的选择。

推荐的字体堆栈

字体系列:富兰克林哥特式，Arial 粗体。

15.加拉蒙字体

Garamond font example

Garamond 是一种衬线字体，灵感来自 16 世纪巴黎雕刻师 Claude Garamond 制作的字体。它比一些更标准的衬线字体，如 Times New Roman，边缘更柔和、更圆。微软和苹果操作系统的现代版本包括他们自己版本的 Garamond 字体。

推荐的字体堆栈

字体系列:Garamond，巴斯克维尔，巴斯克维尔老面孔，霍夫勒文本，时代新罗马，衬线。

16.格鲁吉亚

Georgia font example

佐治亚州 Garamond 的近亲是另一种衬线字体，边缘大多为圆形，感觉相当温暖。它是 1996 年为微软开发的，现在仍然是最广泛使用的 MS 字体之一。几乎所有的 Windows 和 macOS 版本都支持它。

推荐的字体堆栈

字体系列:格鲁吉亚，时代，时代新罗马，衬线。

17.无鳃鱼

Gill Sans font example

Gill Sans 是一种无衬线字体，线条清晰，具有现代感。这对于开箱即用的段落文本来说并不理想，因为其字母之间的 ，并且间距很小。但是正如你在示例文本中看到的，这是一个非常棒的标题。大多数 iOS、macOS 和 Windows 驱动的设备都支持它。

推荐的字体堆栈

字体系列:Gill Sans、Gill Sans MT、Calibri、sans serif。

18.古迪旧风格

Goudy Old Style font example

Goudy Old Style 是一种柔和的旧式衬线字体，衬线很强，具有老式的外观和感觉。句点是菱形的，而不是大多数衬线字体的规则圆形。它包含在大多数较新版本的 Windows 中。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

推荐的字体堆栈

字体系列:古迪旧风格，Garamond，大卡斯龙，时代新罗马，衬线。

19.Helvetica

Helvetica font documentary (Source: )

Helvetica 可能是有史以来最著名的字体，也绝对是唯一拥有自己的专用纪录片的字体之一。这是一种现代无衬线字体，灵感来自 19 世纪末和 20 世纪初的其他现代瑞士和德国字体。

它不是柔软、圆润和温暖的设计，而是平衡的，专注于干净的线条和形状。这使得它成为少数几种既适合正文又适合标题的字体之一。所有苹果设备都包含 Helvetica 字体，而微软默认使用 Arial 字体，这是微软的对等字体。

推荐的字体堆栈

字体系列:Helvetica 新，Helvetica，Arial，无衬线。

20.影响

Impact font example

Impact 是一种现实主义的无衬线字体，所有文本、大写字母和小写字母都默认使用非常粗的粗体。这种加粗使它从普通文本中脱颖而出，非常适合标题或 ，但它不适合正文。

它是 1998 年 web 包最初的

推荐的字体堆栈

字体系列:影响，木炭，Helvetica Inserat，比特流 Vera 无粗体，Arial 黑色，无衬线。

21.露西达布赖特

Lucida Bright font example

Lucida Bright 是微软 Lucida 字体系列中的衬线字体，于 1991 年为 MS 开发。让它脱颖而出的一点是使用了更方、更坚固的衬线，例如大写字母“T”和“L”。默认情况下，它包含在大多数较新版本的 Windows 中，而 macOS 通常只包含无衬线字体 Lucida Grande，这使得 Georgia 成为一种逻辑上的备用字体。

推荐的字体堆栈

字体系列:Lucida 明亮，格鲁吉亚，衬线。

22.露茜达·桑

Lucida Sans font example

Lucida Sans 是一种简洁的人文主义无衬线字体，专为补充 Lucida 系列中的衬线字体而设计。与 Helvetica 或 Arial 等更干净的无字体相比，笔画粗细的变化更大。这让它感觉少了一点未来感或机器人感，多了一点俏皮。开箱即用，这是一个伟大的标题和 CTA 字体。

推荐的字体堆栈

字体系列:Lucida Sans、Helvetica、Arial、sans-serif。

23.微软无衬线字体

Microsoft Sans Serif font example

Microsoft Sans Serif 是 Windows 2000 中首次引入的一种 Sans Serif 字体。它是 MS Sans Serif 字体的继承者，也就是众所周知的阖闾(Helvetica 的缩写)。它的灵感来自并基于 Helvetica，现代的领先无衬线字体。

这是一种干净的字体，笔画粗细均匀，看起来干净、 。完美的标题和 。它被作为网页的原始字体之一，并且仍然是所有微软设备的标准。

推荐的字体堆栈

字体系列:MS 无衬线，无衬线。

24.ＯＰＴIＭＵＭ的复数

Optima font example

Optima 是一种人文主义的无衬线字体，具有不同的笔画粗细和不同的对称性。这使得它看起来几乎是手工完成的，这与典型的大规模生产的无衬线字体的感觉相抵触。这是标准的 Apple sans serif 字体之一，受大多数 iOS 和 macOS 设备支持。微软的对等物是 Segoe。

推荐的字体堆栈

字体系列:Optima，Segoe，Segoe UI，Candara，Calibri，Arial，sans-serif。

25.帕拉蒂诺

Palatino font example

Palatino 是另一种老式衬线字体，在任何在线报纸或杂志上都能感觉如鱼得水。但它不像乔治亚风格或泰晤士新罗马风格那样统一，笔画粗细和形状各不相同。

与宕机和 WordPress 问题做斗争？Kinsta 是一款考虑到性能和安全性的托管解决方案！

这种设计方法有助于柔化 k、l、x、y 和 z 等尖锐的字母。它也比其他衬线字体略粗。这两个因素有助于它感觉有点温暖。Palatino 包含在大多数 Windows 和 Apple 设备中。

推荐的字体堆栈

字体系列:帕拉蒂诺，帕拉蒂诺 Linotype，帕拉蒂诺 LT 标准，图书古，格鲁吉亚，衬线。

26.佩尔图阿

Perpetua font example

Perpetua 是一种设计独特的衬线字体，最初由英国雕塑家埃里克·吉尔创作。笔画粗细有鲜明对比，比如看小写的“e”或者数字“3”。这赋予了字体一种创造性的、近乎戏谑的特质。这是一种典型的 Windows 字体，但它的近亲巴斯克维尔是大多数苹果设备的标准字体。

推荐的字体堆栈

字体系列:Perpetua，Baskerville，Big Caslon，Palatino Linotype，Palatino，serif。

27.罗克韦尔

Rockwell font example

Rockwell 是一种方形或平板衬线字体，字体非常粗，几乎是单重的。它适用于标题或 CTA，但增加的字体粗细对正文来说不是很好。它包含在最新版本的 MS Windows 中。

推荐的字体堆栈

字体系列:罗克韦尔，信使粗体，信使，格鲁吉亚，时代，时代新罗马，衬线。

28.跟着我

Segoe UI font example

Segoe UI 是 Segoe 字体系列中领先的无衬线字体。微软不仅在许多应用程序中使用它，而且在产品的各种营销材料中也使用它。

是 ，字母对称，笔画粗细变化不大。苹果电脑不包括这种字体，但 Helvetica Neue 的外观和感觉都很相似。

推荐的字体堆栈

字体系列:Segoe UI、fruh、Dejavu Sans、helvetica neue、Arial、sans-serif。

29.前面有突出的护架

Tahoma font example

Tahoma 是微软开发的另一种无衬线字体。它的字母比 Segoe UI 略粗，小写字母、句点和其他标记使用方形圆点。

这是一种干净、统一的字体，在内容或标题中不会感到不合适。它包含在所有微软设备和几乎所有苹果设备中。

推荐的字体堆栈

字体系列:宋体，宋体，宋体，无衬线。

30.投石机 MS

Trebuchet MS font example

Trebuchet MS 是微软开发的另一种无衬线字体。它是微软网络包核心字体中的原始字体之一。几乎所有的微软和苹果设备都支持它。这些字母比许多其他无衬线字体更细，使其成为段落和正文的一个选项。

推荐的字体堆栈

字体系列:Trebuchet MS，大光泽，无 Unicode 光泽，无衬线光泽，无衬线光泽。

31.韦尔达纳

Verdana font example

Verdana 是一种干净的无衬线字体，是微软自 1996 年以来的另一种主要字体。对于无衬线字体来说，笔画粗细相当低，从而使字母变得纤细、易读。您可以将它用于段落文本和标题，没有问题。几乎所有苹果和 Windows 设备都支持它。

推荐的字体堆栈

字体系列:Verdana，Geneva，无衬线字体。

网络安全草书字体

如果你想使用网页安全的 ，你没有太多的选项可以选择。具体来说:

• Segoe 脚本
• 流行
• 脚本 MT
• 斯内尔圆手
• Lucida 笔迹

苹果和微软的设备都没有普遍支持的草书字体。你应该考虑到在你的正文中使用草书字体可能不是一个好主意，因为可读性是网站可用性的一个重要部分。

你应该在你的段落中使用可读性高的文字，否则视力受损的访问者会很难阅读你网站上的文字。这可能导致高跳出率和普遍缺乏对你的内容的参与度。

网络安全无衬线字体

Sans 在法语中是“没有”的意思，所以 sans serif 本质上是“没有衬线”的意思。衬线是字母中加在长笔画上的线条或笔画。例如，在报纸或杂志标题中常见的大写字母“T”顶部笔画下的小竖线。无衬线字体是网络上最常见和最受欢迎的字体，因此您有很多选项可以选择:

• 天线
• 卡里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布里布
• Candara
• 世纪哥特式
• 控制台(s)
• 德佳佛·桑
• 富兰克林·哥特
• 吉尔·桑
• Helvetica
• 露茜达·桑
• 无衬线女士
• 新 Helvetica
• ＯＰＴIＭＵＭ的复数
• 跟着我
• 前面有突出的护架
• 投石机 MS
• 韦尔达纳

从哪里下载网页安全字体？

web 安全字体的伟大之处在于，您不必担心下载它们。他们已经被每个访问者的操作系统所支持，所以你只需要用 CSS 把它编码进去。如果你对 HTML 和 CSS 或者网络编码一无所知，这可能会让人有些不知所措。

但是相信我们，这并没有你想象的那么难。在下一节中，我们将一步一步地引导您完成这个过程。

如何给你的 WordPress 网站添加网页安全字体

如果你有一个带有最新 的 WordPress 站点，你可以通过 中添加定制 CSS 来编辑 。

通过单击菜单中的“外观”>“定制”链接来访问它，然后展开“附加 CSS”选项卡。

WordPress Customizer – additional CSS

然后你需要使用 Chrome Dev 工具(或者另一个浏览器的类似工具)来识别你想要改变的文本的选择器。

例如，您可以查看您的博客文章的标题

Chrome Dev Tools – inspect

我们可以看到 为标题使用了标准的“条目-标题”选择器。您还可以搜索“font-family”属性来查看主题是如何设计文本样式的，以及在什么级别。

由于 Twenty Twenty 不使用特定的标题字体，您可以通过定位“字体系列”选择器来轻松修改标题字体。

例如，如果我们要将标题更改为 Impact 字体，我们可以使用以下代码:

h1.entry-title { font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; }

只需将其添加到 中，然后点击“发布”即可实时发布您的更改。

WP Customizer – New headline font

我们在关于如何在 WordPress 中改变字体的指南中会涉及到这个和更多的内容。如果你 建立了你的网站，你可以直接在源代码中编辑字体。

例如，如果您在 HTML 文档中使用 style 标签将 CSS 代码应用到每个页面，您可以在那里编辑 font-family 属性。

Body CSS selector font-family

如果您想要更改页面上所有文本的字体，您应该将“body”选择器作为目标。如果您想要更改特定文本的字体，您需要使用特定的选择器。

如果你使用一个模板来构建你的网站，你的 CSS 很可能位于一个单独的样式表中。这很棒，因为这意味着你可以通过编辑一个文件来改变整个网站的字体。

在这种情况下，您需要找到您的 (通常命名为 style.css 或其变体)。然后你需要找到控制你的网站的字体和字体的部分。

CSS stylesheet example

通常，这是朝着顶部进行的。如果没有，您可以使用您选择的代码编辑器来搜索“font-family”。

摘要

就像 和 一样，当谈到字体创意时，你不会缺少选择。

有各种各样的衬线字体、无衬线字体、等宽字体，甚至可以免费使用草书字体，web safe 字体是创建网站的一个很好的起点。

完美的字体让你的品牌脱颖而出，提高可读性，并支持你的信息。明智选择！

如果你喜欢这篇文章，看看我们的 50 大复古字体指南，给你的网站或平面设计项目一种怀旧的感觉。

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。

如何在 WordPress 上使用 WebP 图片(将图片文件大小缩小 35%)

原文:# t0] . com/blog/web/

如果你想加快你的 WordPress 站点的速度，减小图片的文件大小会给你的投资带来可观的回报。平均而言，图片占网页文件大小的一半左右，因此即使是微小的改进也会产生巨大的效果。WebP 可以在这方面给你极大的帮助！

WebP 是一种现代图像格式，可以帮助您在不改变图像外观的情况下缩小图像的大小。平均来说，学习如何将图像转换成 WebP 可以将文件大小缩小 25-35%,而质量没有明显的损失。

大多数 和 都支持 WebP 开箱即用。在本文中，我们将深入探讨这种令人兴奋的新图像格式，并向您展示如何利用它的神奇之处。

准备好了吗？我们开始吧！

什么是 WebP？

那么，什么是 WebP 文件呢？简单来说，WebP 是 Google 开发的一种比流行的图像格式(当时)更好地优化图像的图像格式。例如，你有像 JPEG 或 JPG 和 PNG 这样的图像格式。

**注意:**看看 如何影响你网站的速度。

WebP 专注于提供相同的图像文件，只是文件更小。通过减小图像文件的大小，你仍然可以给网站的访问者同样的体验，但是你的网站会加载得更快。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

例如，在 中，谷歌发现一个 WebP 图像文件平均:

• 比类似的 JPEG 图像小 25-34%。
• 比可比的 PNG 图像小 26%。

这就是为什么如果你 运行你的网站，许多建议之一是 提供像 WebP 这样的下一代格式的图片:

Google PageSpeed Insights suggests using WebP images

那么 Google 的 WebP 格式是如何实现这些文件大小的缩减的呢？

首先，它支持 ，因此确切的减少量将取决于您使用的是有损还是无损压缩。

对于有损压缩，WebP 使用一种叫做“预测编码”的东西来降低文件大小。预测编码使用图像中相邻像素的值来预测值，然后只对差值进行编码。它基于 VP8 关键帧编码。

无损 WebP 使用一组由 WebP 团队开发的更复杂的方法。

如果您想详细了解 WebP 压缩技术， 。
T3】

哪些网络浏览器支持 WebP？

为了让 WebP 图像工作，访问者的网络浏览器需要支持它们。不幸的是，虽然浏览器支持已经增长了很多， WebP 兼容性仍然不是普遍的 。

流行的浏览器支持 WebP 图像，例如:

• Chrome ( 桌面和移动 )
• Firefox ( 桌面和移动 )
• 微软 Edge
• iOS 和 macOS Safari ( macOS 11 Big Sur 和更高版本仅 )
• Opera ( 桌面和移动 )

在我们写这篇文章的时候，Safari 只部分支持 WebP 图片。

Internet Explorer 也缺乏 WebP 支持(但 Edge 支持 WebP，因为它基于 Chromium)。然而，IE 的使用已经萎缩到不到总互联网用户的 1%。这对网络上的每个人来说都是一个福音！

总的来说， 使用支持 WebP 的浏览器。因此，虽然它肯定得到了大多数人的支持，但这 5%是一个小障碍，特别是当它是旧 macOS 版本的 Safari 用户时。在我们下面的 WordPress WebP 教程中，我们将向你展示如何处理这个问题，这样你所有的访问者都会有很好的体验。

WebP support across major browsers.

WebP 与 JPG 和巴布亚新几内亚的大小比较

根据谷歌的测试，WebP 图片是:

• 比类似的 JPEG 图像小 25-34%。
• 比类似的 PNG 图像小 26%。

如果你想了解更多关于谷歌的方法，你可以在下面找到完整结果的直接链接:

这两项测试都基于超过 11，000 张图像，包括:

• 著名的
• 来自 的 24 幅图像
• 来自 Tecnick.com 的 100 张图片
• 来自谷歌图片搜索的 11，000 多张图片的随机样本

如何在 WordPress 上使用 WebP 图片

从 开始，你将能够像使用 JPEG、PNG 和 GIF 格式一样使用 WebP 图像格式。只需 并将它们包含在您的内容中。由于 WordPress 5.8+默认支持 WebP 格式，所以你不必安装第三方插件来上传 WebP 图片。对于大多数常见用例来说，这应该足够了。

要立即开始，你可以参考我们关于在 WordPress 5.8+ 中使用 WebP 图片的 中关于 WebP 支持的

然而，大约有 5%的人(主要是旧 macOS 上的 Safari 用户)使用不支持 WebP 的网络浏览器。如果你转换 WebP 图片并直接在你的内容中使用，那些访问者将看不到你的图片，这将破坏他们的浏览体验。

此外，生成 WebP 图像并不像获得 JPG/JPEG 图像那样简单，这是大多数相机、智能手机和 的默认图像文件格式。WordPress 不支持自动图像转换为 WebP 格式(还没有！).

不要烦恼！有一个解决办法。

你可以使用一个 WordPress 插件将你的原始图片转换成 WebP 格式**，如果访问者的浏览器不支持 WebP，那么**还可以提供原始图片作为后备。

例如，如果你上传一个 JPEG 文件到你的站点，插件将:

• 将 JPEG 文件转换为 WebP，并为 Chrome、Firefox、Edge 等提供 WebP 版本。
• 向使用 Safari(在较旧的 macOS 版本上)和其他不支持 WebP 的浏览器浏览的访问者显示原始 JPEG 文件。

这样，每个人都可以看到您的图像，每个人都可以获得最快的体验。

下面，我们将浏览一些 最好的 WebP WordPress 插件 ，所有这些插件都与 Kinsta 和 一起工作。

信息

如果你在 Kinsta 托管，你需要 ，这样我们就可以为这些插件的 WebP 缓存桶创建一个 Nginx 规则。

短像素

ShortPixel WordPress plugin

ShortPixel 是一个流行的 WordPress 插件，可以帮助你自动调整和压缩你上传到 WordPress 网站的图片。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

作为其功能列表的一部分，ShortPixel 还可以帮助您自动将图像转换为 WebP，并将这些图像提供给支持它的浏览器。

ShortPixel 有一个有限的免费计划，让你每月免费优化大约 100 张图像。付费计划的起价为每月 4.99 美元，最多可获得 5000 张图片/积分，或者一次性获得 10000 个积分的费用为 9.99 美元。

ShortPixel 把你优化的每一个 WordPress 图片大小算作一个积分。因此，如果你想优化多个图像缩略图大小，一个图像可能会使用许多信用。图像没有文件大小限制。

您可以将您的 ShortPixel 点数分散到无限的网站上——没有每个网站的限制( 并且您的所有网站都可以使用同一个 ShortPixel 帐户 )。

要使用 ShortPixel 在 WordPress 上提供 WebP 图片，你需要安装来自 WordPress.org 的插件

在 常规 选项卡中，您可以设置图像优化工作的基本设置。例如，使用何种压缩级别以及是否调整图像大小:

How to set compression level and image dimensions in ShortPixel

要启用 WebP 图像，请转到 高级 选项卡，然后:

1. 勾选 WebP 图像的复选框
2. 选中复选框 交付 WebP 版本… (在选中第一个复选框后出现)
3. 使用<图片>标签语法选择 的单选按钮(在选中前一个框后出现)
4. 仅通过 WordPress 挂钩选择保留默认

**

How to enable WordPress WebP images in ShortPixel

然后，保存您的更改。

如果你在 Kinsta 上托管，ShortPixel 会给你一个关于在 Nginx 上配置服务器配置文件的警告信息。要配置这些设置，您可以 ，我们很乐意为您设置服务器配置。

意象

Imagify WordPress plugin

是一款流行的图片优化插件，与 ( 合作的缓存插件之一)出自同一开发商。

厌倦了你的 WordPress 站点缓慢的主机？我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。

它可以自动压缩和调整你上传到 WordPress 网站的图片。然后，它还可以帮助您将它们转换成 WebP，并通过支持它的浏览器将这些版本提供给访问者。

在功能方面，ShortPixel 和 Imagify 有很多相似之处。最显著的区别来自于价格。ShortPixel 根据图像收费，没有图像大小限制，而 Imagify 根据整体文件大小收费，没有图像限制。

因此，如果你需要优化大量的大图像，ShortPixel 的方法可能会更便宜。但是如果你需要优化大量的小图像，Imagify 的方法可能更实惠。

Imagify 有一个有限的免费层，允许每月 25 MB 的优化。之后，付费计划的起价为每月 4.99 美元，最高可达 1 GB，或 9.99 美元的一次性 1 GB 信用额度。

像 ShortPixel 一样，你可以将你的账户限额分散到无限的网站上。

要使用 Imagify 来发送 WordPress WebP 图片，你需要安装来自 WordPress.org 的插件

一旦你激活了插件，你可以使用 通用设置 框来选择你的压缩级别。

How to set compression level in Imagify

要启用 WebP 图像，向下滚动到 优化 部分，找到 WebP 格式 部分:

1. 勾选复选框 创建图像的 webp 版本
2. 勾选复选框 以 webp 格式显示图像…
3. 选择单选按钮 使用<图片>标签

How to enable WordPress WebP images in Imagify

和 ShortPixel 一样，如果你在 Kinsta 托管，你需要为 WebP 缓存桶创建一个 规则(联系 Kinsta 支持)。
T3】

最佳的

Optimole WordPress plugin

Optimole 是一个 WordPress 图片优化插件，它的操作与 Imagify 和 ShortPixel 略有不同。Optimole 可以自动压缩和调整您的图像。然而，它还有另外两个显著的特点:

1. 它可以通过它的 CDN(由 Amazon CloudFront 提供支持)提供你的图片。
2. 它提供实时自适应图像，Optimole 将为每位访客提供最佳尺寸的图像。例如，在小屏幕上浏览的人将获得比在视网膜屏幕上浏览的人更低分辨率的图像。

这种方法类似于其他实时优化/操作服务，如 Cloudinary、imgix、KeyCDN 图像处理等。

Optimole 还可以向浏览器支持的访问者提供 WebP 图像，作为这种实时图像优化的一部分。

Optimole 有一个有限的免费计划，每月可以向大约 5，000 名访问者提供图像服务。之后，付费计划每月 19 美元起，适用于约 25000 名访客。

首先，你需要安装来自 WordPress.org 的

一旦你这样做了，Optimole 将开始自动优化你的图像，并通过它的 发送它们。默认情况下，WebP 支持是打开的，所以没有必要手动启用它。

要配置其他设置，如压缩级别和缩放行为，您可以进入 Media → Optimole → Settings :

Optimole enables WordPress WebP images by default.

由于 Optimole 通过其 CDN 处理图像的传送，如果你在 Kinsta 上托管，就没有必要设置任何 Nginx 规则。

摘要

你的 WordPress 站点的图片占了一个普通页面文件大小的很大一部分。如果你能找到减小图片尺寸的方法，你就能在不影响用户体验的情况下加速你的网站。WebP 是一种现代图像格式，与 JPEG 或 PNG 文件相比，文件大小减少了约 25%。

大约 95%的互联网用户已经在使用支持 WebP 的浏览器。WordPress 5.8+版本现在也支持 WebP 开箱即用。所以你没有理由不使用它。

然而，少数浏览器，尤其是老版本 macOS 上的 Safari，仍然不支持 WebP。因此，您还不能向所有访问者提供 WebP 图像。为了解决这个问题，你可以使用一个 WordPress 插件，将图片转换成 WebP，并将 WebP 版本提供给浏览器支持它的访问者，而将原始图片提供给浏览器不支持它的访问者。

要了解更多优化图片的策略，请查看 。

如果你有任何关于在 WordPress 上使用 WebP 的问题，请在下面的评论中问我们！

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。**

如何从 Webflow 迁移到 WordPress(6 步)

原文：

Webflow 是一个用户友好的平台，通过直观的可视化编辑器帮助用户创建专业的网站。然而，如果你的网站已经存在一段时间了，你可能会寻找一个更加灵活和先进的解决方案，比如 。

从 Webflow 迁移到 WordPress 是一项艰巨的任务，尤其是当你的网站包含大量内容的时候。然而，这个过程比你想象的要简单得多，你可以很快建立并运行你的新 WordPress 站点。

在这篇文章中，我们将从简要讨论你为什么想从 Webflow 转移到 WordPress 开始。然后，我们将带您完成整个迁移过程。

我们开始吧！

T3】

查看我们的视频指南

为什么你应该考虑从 Webflow 转移到 WordPress

像大多数一体化网站解决方案一样，Webflow 使您能够轻松地构建和启动网站。它既是网站建设者又是主机提供商。虽然这听起来很方便，但可能也有点限制。由于网站的每个方面都由相同的服务管理，所以在添加新功能或优化内容时，您可能会感到受到限制。

像 WordPress 这样的开源内容管理系统(CMS)给了你更多的自由去定制。虽然 Webflow 拥有广泛的应用和小工具，但它无法与 WordPress 提供的丰富插件相提并论。

Kinsta 把我宠坏了，所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

有了 WordPress，你也可以控制你的虚拟主机和预算。你可以货比三家，为你的网站选择合适的解决方案。此外，WordPress 软件是免费的，它的大部分可用插件也是免费的。所以从 Webflow 迁移到 WordPress 也可以帮助你减少网站开支。

从 Webflow 迁移到 WordPress 之前需要考虑的事情

无论你经营的是博客还是电子商务商店， 似乎是一项困难而耗时的任务。然而，这个过程并不需要那么长时间。此外，如果您有合适的工具，也可以自己完成迁移。

然而，在你开始之前，你需要做一些事情。让我们来看看 Webflow 向 WordPress 迁移的一些必要准备。

寻找 WordPress 网络主机

正如我们之前提到的，使用 WordPress 最好的事情之一就是选择你想要的任何一个网络主机。因此，您可以选择符合您的需求和预算的服务。

虽然选择便宜的托管服务很有诱惑力，但你可能会考虑让 T2 管理的 WordPress 托管服务为你的网站服务。这项服务通常比其他选择更贵。然而，它可以帮助你 并保证你的内容安全。

在 Kinsta，我们提供一系列托管计划来适应不同的预算。我们的托管 WordPress 托管服务具有丰富的功能，包括:

• 快速简单的 WordPress 安装
• 自动每日备份
• 黑客和恶意软件删除
• 全天候支持
• 免费的 SSL 证书

我们还提供从所有网络主机进行无限制免费迁移的服务，让您的迁移毫无压力。此外，你可以使用我们用户友好的开发工具 ，来设计你的第一个 WordPress 网站。

理想情况下，在开始迁移之前，您应该已经设置好了新的托管帐户。这种准备将有助于使过程更快一点。

备份您的数据

需要注意的是，在迁移过程中，你实际上并没有把你的内容从 Webflow 转移到 WordPress。你只需下载一份拷贝到你的电脑上，然后上传到 WordPress。因此，您的 Webflow 站点将保持原样，因此没有必要备份您的内容。

但是，您仍然可以选择执行备份，以防出现问题。在 Webflow 上保存备份，只需要按住 Command+Shift+S (Mac 上)或者 Control+Shift+S (Windows 上):

Saving a backup on Webflow

Webflow 将要求您输入备份描述。准备好后，点击 保存 。然后，您可以进入 设置 >备份 以确保您的最新副本已保存。

如何从 Webflow 迁移到 WordPress(6 步)

现在你已经设置了你的托管账户并备份了你的数据，是时候将你的内容从 Webflow 转移到 WordPress 了。在本教程中，我们将引导您完成整个迁移过程，帮助您成功启动新网站。

步骤 1:设置 WordPress

第一步是设置 WordPress。大多数虚拟主机都提供一键式 WordPress 安装程序，你可以从你的主机账户访问。这项功能通常附带一份安装指南，帮助您在几分钟内完成安装过程。

或者，您可以从 手动下载软件:

WordPress.org homepage

然后你需要 到你的服务器。该过程可能需要几分钟。一旦准备好了，你就可以继续将 Webflow 导出到 WordPress。

步骤 2:从 Webflow 导出您的内容

现在你已经设置好了 WordPress，你可以为你的新网站准备内容了。幸运的是，Webflow 使得导出数据变得非常容易。

但是，您不能全部导出。可从 Webflow 下载的内容包括网页、博客文章、文本、嵌入块、图库页面和图像。

要导出您的内容，请转到您的 Webflow 设计器并单击 CMS Collections 面板。在这里，您可以看到 Webflow 服务器上的所有文件和数据:

Collections panel in Webflow

选择您想要下载的收藏(例如博客文章)并点击屏幕顶部附近的 导出 按钮。内容将以. csv 文件的形式下载到您的计算机上。您可以对想要导出的任何其他收藏重复此过程。

步骤 3:将你的内容导入 WordPress

下一步是将你的 Webflow 内容上传到 WordPress。CMS 附带了一个导入工具，使您能够上传 XML 格式的文件。不幸的是，Webflow 只允许您下载 CSV 文件形式的内容。

因此，你需要使用一个 将 CSV 文件导入 WordPress。我们推荐 :

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

WP All Import

要将插件添加到你的网站，在你的 WordPress 仪表盘中进入 插件>添加新插件 ，在搜索栏中寻找该工具。

Search for WP All Import

然后，点击 现在安装 按钮，接着 激活 。一旦插件被激活，导航到 所有导入>新导入:

Install and activate WP All Import

点击 上传文件 选项，然后选择您之前下载的 CSV 文件。该插件将引导您完成导入过程。

对于本教程，我们将从 Webflow 导入博客文章:

Importing Webflow blog posts

该插件将要求您使用拖放界面将元素拖动到正确的字段中:

Drag and drop interface in WP All Import

例如，你需要将文章的 名 (从右边)拖到标题字段，将 正文 拖到相关区域。您还将看到用于添加分类(如类别和标签)和配置其他设置(如帖子状态)的选项:

Configure post settings

请注意，这些设置将应用于您文件中的每个帖子。因此，您不必为导入的每个帖子重复这个过程。

接下来，将要求您为文件中的文章定义一个惟一的标识符。您可以点击 自动检测 按钮生成一个 ID:

Generate your unique identifier

最后，您需要点击 确认&运行导入 按钮来完成流程:

与我们世界一流的支持团队一起体验卓越的 WordPress 托管支持！与支持我们财富 500 强客户的同一个团队聊天。

Confirm and Run

当导入过程完成时，插件会通知您:

Import complete message in WP All Import

一旦准备好了，你就可以通过导航到仪表盘中的 帖子 或 页面 来检查你的内容。您还需要为下载的任何其他 Webflow 文件重复导入过程。

注意，WordPress 不支持从 Webflow 等其他平台自动导入图片。因此，你需要手动添加图片或者使用插件，比如

Auto Upload Images

这个插件会在你的文章和页面中寻找图片的网址。然后它会下载这些图片并上传到 WordPress，替换掉 。
T3】

步骤 4:选择一个 WordPress 主题

遗憾的是，您不能将您的 Webflow 站点的设计转移到 WordPress。然而， 提供了数以千计的 供选择。

Choose a WordPress theme

WordPress 主题是可定制的，所以你可以修改它们来满足你的需求。此外，大多数都是免费的，尽管一些 也可以相当实惠。

我们建议花一些时间 并尝试不同的选项。然而，你会想要选择一个 ，因为这将帮助你确保你的内容在所有设备上看起来都很棒。

步骤 5:配置你的 WordPress 永久链接

接下来，你需要配置你的 。它们定义了网站 URL 的结构。

要访问你的永久链接，在你的 WordPress 仪表盘中进入 设置>永久链接 :

Permalink settings in WordPress

如你所见，你有几个选择。我们建议您选择 职务 姓名 。这样，您的 URL 将由您的域名和您为特定页面或帖子设置的 slug 组成。拥有简洁明了的网址有利于你网站的搜索引擎优化(SEO)。

准备好后，点击 保存更改 。现在，您可以进入最后一步了。

第六步:将你的域名指向 WordPress

虽然你可能已经将你的网站导入了 WordPress，但是你的域名(例如 mysite.com)仍然指向 Webflow 的 。如果您想要保留同一个域，您需要更新 DNS 设置，以便您的域指向新 web 主机的服务器。

你可以在你的主机账户中找到你的主机的域名服务器。它们通常看起来像这样:

• ns1.yourwebhost.com
• ns2.yourwebhost.com
• ns3.yourwebhost.com

如果您在创建 Webflow 站点时使用了域名注册商，您需要登录您的帐户来管理 DNS 设置。你的新虚拟主机甚至可以让你通过它的控制面板来管理你的域名。如果你是 Kinsta 的客户，你可以用 MyKinsta 的 指向你的新网站。

现在，当访问者在谷歌中输入你的网址，他们将被引导到你的新网站。我们建议你在 WordPress 网站准备好上线后完成这一步。

摘要

Webflow 是一个一体化的 ，可以轻松启动和管理您的网站。然而，随着你的网站的成长，你可能需要转换到一个更灵活、更强大的平台，比如 WordPress。

正如我们所见，从 Webflow 迁移到 WordPress 可能是一个平稳的过程。然而，为你的新网站选择合适的主机提供商是很重要的。你还需要选择一个响应的 WordPress 主题，优化你的永久链接，并更新你的域名设置，这样用户就可以被引导到你的新网站。

关于从 Webflow 迁移到 WordPress，你有什么问题吗？请在下面的评论区告诉我们！

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。

Webflow vs WordPress:哪个更适合你的下一个站点？

原文：

如今，帮助你建立并运行网站的选择并不缺乏。然而，选择一个正确的会很困难。如果你在考虑两个主要的玩家，比如 Webflow 和 WordPress，这一点尤其正确。

幸运的是，有一种方法可以让这个选择变得稍微容易一些。通过在几个关键领域比较 Webflow 和 WordPress，你可以找出哪个最适合满足你的需求。

在本文中，我们将向您介绍 Webflow 和 WordPress 的基础知识。然后，我们将带您浏览在您选择其中一个之前可能需要考虑的五个主要因素。

让我们开始吧！

查看我们的视频指南

Webflow 简介

Webflow 自 2013 年以来一直提供网站建设和托管服务。通过用户友好的可视化编辑器，它提供了从创建到启动的无缝体验:

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

Webflow

而且，不需要编码。Webflow 将自动生成 HTML、CSS 和 JavaScript，无需您动手。然而，如果你是一名开发人员，你仍然有机会直接编辑代码。

出于这个原因，Webflow 的目标受众往往是那些有一点网页设计知识的人。使用这个 你不需要成为一个专业人士，但是如果你希望建立一个高度定制的网站，它可能会有所帮助。

以下是 Webflow 的一些其他优势，您可能会喜欢:

• 足够的灵活性带来几乎无限的可能性
• 大量集成使集中化变得容易
• 经典的可视化编辑器，使设计更加直观

然而，没有一种产品是完美的。您可能还需要考虑一些潜在的不利因素:

• 设计选择的数量之多令人望而生畏
• 某些预算可能无法获得定价计划
• 这个界面很复杂，需要一个学习过程

最后说一下人气。就市场份额而言，Webflow 大约占所有网站的 0.6%。这比其他选项如 和 要少。然而，Webflow 支持的网站往往比其竞争对手有更高的流量，这使它成为其利基市场中一个值得注意的选择。

WordPress 简介

相对而言，WordPress.org 是一个更有经验的选择。自 2003 年以来，这个开源平台一直在以惊人的速度发展:

WordPress.org

顺便提一下， 。后者提供完全托管的解决方案，而前者是开源软件。正如他们在 所反映的那样，两者都是截然不同的经历。

WordPress 没有单一的目标受众。该平台的高度灵活性意味着几乎任何人都可以使用它。

如果你是一个网页设计专家，你可以利用这种自由。然而，不可否认的是，建立一个 WordPress 网站比使用像 这样的现成解决方案需要更多的工作。因此，你可能需要期待一点学习曲线，尤其是如果你是一个初学者。

然而，有几个原因让人们想使用 WordPress:

• 一个高度可定制和灵活的平台，可以创建各种各样的网站
• 允许您完全定制整个项目的开源设计
• 大型主题和插件库，包括免费和付费的

另一方面，也有一些缺点:

• 可以为黑客创造更多机会的开源设计
• 如果你做了错误的改变，深度编辑会有使你的网站崩溃的风险
• CMS、插件和主题经常需要更新

让我们来看看 WordPress 的市场份额。这个内容管理系统在其领域是一个巨人，42.9%的网站利用了它的技术。这意味着如果你对这个程序感兴趣，你会有很多用户。

Webflow vs WordPress:哪个更适合你的下一个站点？(5 个主要考虑事项)

现在我们已经讨论了基础知识，在你选择 Webflow 还是 WordPress 之前，这里有五个你可能需要考虑的因素。

1.方便用户

用户友好是网站建设的核心——毕竟，与平台斗争会占用你创建网站的宝贵时间。这里有一些事实可以帮助你在 Webflow 和 WordPress 之间做出选择，以获得最无缝的用户体验。

Webflow

Webflow 提供了一系列令人印象深刻的设置资源。例如，你可以访问 。这将为你提供一系列的课程、训练营和视频，让你的网站起步。

Webflow 还试图简化设置过程。启动后，您将获得一个安装向导形式的演示:

The Webflow setup wizard.

这个速成课程可能会让你有足够的能力开始浏览界面。不幸的是，这可能还不足以让你熟悉所有的关键元素——布局中充斥着令人眼花缭乱的选项:

Webflow interface.

如果你感到有点害怕，不要惊慌！即使是有经验的设计师也可能需要一些时间来适应这个界面。如果你是游戏新手，你可能需要更长的时间。

然而，你可能会很高兴你投资了那段时间。它看起来可能很复杂，但紧凑的设计也意味着您可以快速访问最常用的工具。

此外，Webflow 很容易扩展到各种任务。无论你是希望建立一个网上商店还是一个小型博客，你都可以用相同的格式使用相同的工具。但是，请记住，更复杂的设计可能需要对平台有更深入的了解。

WordPress

就入门而言，Webflow 与 WordPress 的争论是势均力敌的。然而，WordPress 的 是一个令人生畏的功能。你所需要做的就是输入一些信息，然后你就可以上路了。

然而，使用 WordPress 意味着你需要 。相比之下，托管是 Webflow 的内置功能。如果你使用 WordPress，你会有更多的选择，但是找到最适合你的可能需要一些时间。

一旦您完成了这些初始任务，您就可以开始研究仪表板了。我们已经向您展示了 Webflow 有多复杂。相比之下，WordPress 的简化布局可能是一股新鲜空气:

WordPress dashboard.

然而，它也有自己的挑战。这种方法需要更多的点击来获得不同任务所需的工具。这意味着，如果你不知道从哪里开始，你可能会更难掌握诀窍。幸运的是，有组织的侧边栏让这变得简单了一些。

说到可扩展性，很难打败 WordPress。种类繁多的插件和主题意味着你可以定制你的网站来满足几乎任何目的。然而，这也意味着你必须了解每一个添加的独特的细节。

2.社区支持

无论你在 Webflow 和 WordPress 的争论中处于什么位置，有一点是肯定的:任何一种选择都会给你提供大量的其他用户来陪伴你。让我们看看这两个平台在社区和客户支持方面有何不同。

Webflow

Webflow 附带了一个专门的论坛。这是一种简单的方式，让您可以就可能遇到的问题与其他用户联系。它还允许您在 Webflow University 中搜索您想要查找的任何特定内容。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

您还可以在这里找到“展示和讲述”部分。这是一个你可以展示你用这个平台所做的工作的地方。它也可以成为所有不同类型的创意的灵感来源。

如果你更喜欢专业支持，Webflow 。您可以联系其团队，并在工作日收到电子邮件支持。如果您对自己的定价计划有疑问，这一点尤其有用。

Webflow 社区还提供各种活动和小组，您可以加入。与论坛类似，这些可以是了解更多关于平台和与其他创作者联系的机会。

WordPress

作为开源软件，WordPress 缺乏“官方”支持选项。然而，这个平台确实提供了你可以依赖的各种不同的资源。这些涵盖了几乎所有的技能水平，从经验丰富的设计师到那些还在学习 WordPress 绳索的人。

原因之一是 WordPress 是开源的。这意味着它的所有代码都是公开的。此外，这还意味着您可以以任何方式编辑或重新利用这些代码。

除了设计的灵活性，这也产生了一个强大的社区。你可以查看 ，以及 。个别插件和主题甚至有独特的论坛，你可以访问。

最后，WordPress 还提供了围绕程序的各种活动，用户可以在这里互相学习。这些天来，他们已经在很大程度上转移到虚拟领域。这使得融入社区变得更加容易。

3.设计选项

一旦你准备好开始设计，重要的是要考虑你有哪些选择。在你选择 CMS 之前，这里有一些需要考虑的因素。

Webflow

Webflow 最大的优势之一是它的模板。这些是由开发专业人员设计的预制网站。这意味着它们针对性能和美观进行了优化:

Webflow templates.

但是，您仍然可以根据需要自由编辑模板。因此，您可以构建一个高度定制的网站，而不必创建基础或担心后台代码。如果你正在寻找一个快速的开始，你甚至可以最小限度地改变它。

有了可视化编辑器，这个编辑过程变得简单了一些。结果很大程度上是“所见即所得”，这意味着不需要在编辑屏幕和预览之间切换。

在这个编辑器中，您还有很多选择。你几乎可以改变一切:布局、间距、文本、移动布局等等。只要你愿意投入时间，它就是一个虚拟的沙盒。

同样值得注意的是，你可以创建“收藏”。集合是可重复使用的内容，可以存储在数据库中供将来使用。因此，这是一个简化你网站不同区域工作的简单方法。

WordPress

如果你比较 Webflow 和 WordPress，可视化编辑器应该是首要考虑的因素。这是因为 WordPress 和 Webflow 使用的方法不太一样。它没有使用前端页面编辑器，而是使用了一个叫做 :

涡轮增压您的网站，享受我们的资深 WordPress 团队的 24/7 支持。我们的谷歌云驱动的基础设施侧重于可伸缩性、性能和安全性。

WordPress Block Editor.

这种基于模块的系统非常容易使用:每一部分内容都作为自己的块存在，可以单独编辑和移动。然而，它不像 Webflow 的编辑器那样直观。你需要投资 来获得这种效果。

块编辑系统也存在于 中。这些都是小功能元素，可以放在你网站的特定部分。这是在边栏、页眉和页脚等区域增加一致性的简单方法。

在预制设计方面，WordPress 提供了令人印象深刻的主题集合。你可以在免费和付费选项之间进行选择，这些选项涵盖了所有领域。这些主题也非常灵活:你既可以直接编辑代码，也可以使用 WordPress 的内置系统来实现更简单的方法。

4.搜索引擎优化

是帮助别人找到你网站的核心部分。在很大程度上，你的网站排名将取决于你是否写了高质量的内容。但是，有几个幕后因素取决于您对 CMS 的选择。

Webflow

正如我们所报道的，Webflow 比 WordPress 更像是一个一体化的解决方案。这意味着它还附带了各种工具来帮助您尽快实现优化搜索引擎优化。

例如，该平台是围绕创建 而构建的。这一指标对于提高搜索排名至关重要，更不用说对访问者的好处了。

Webflow 还采取了各种其他措施，包括:

• 自动生成并提交的
• 干净，轻量级的代码，以更好地吸引网站爬虫
• 轻质结构确保更快的装载速度

所有这些都意味着你可能不必太担心后端搜索引擎优化。另一方面，你放弃了对这个重要元素的控制，必须依赖 Webflow 为你做的优化。

WordPress

默认情况下，WordPress 附带了一套较小的 SEO 工具。基本代码的设计考虑到了流畅的性能。然而，如果你改变了代码——这是 WordPress 的主要诉求之一——你可能会失去这个好处。

然而，WordPress 也可以帮助你更好地控制你的搜索排名，这要感谢许多可用的附加工具。像 和 这样的插件可以通过优化关键词内容、为搜索引擎机器人添加元数据等等来帮助你提升这个关键指标。

同样值得注意的是，迁移一个 WordPress 站点会更容易。这很重要，因为如果你不小心的话，移动你的网站会损害它的 SEO。幸运的是，如果你选择了 ，你几乎可以肯定地依靠你的提供商来为你完成这项任务。

5.电子商务和定价计划

让我们总结一下电子商务和定价。这是 Webflow 和 WordPress 讨论变得有趣的一个领域。两者都为您提供了非常不同的选项，所以让我们深入了解一下。

Webflow

电子商务直接内置于 Webflow 引擎中。您需要做的只是激活一个扩展并整合您的运输服务。从那里，它只是一个设计你的网站的问题。

然而，这是 Webflow 和 WordPress 开始有很大不同的地方。如果你用的是 Webflow，支付处理商的选择会更少。这些将会有一个标准的 Webflow 费用——这是你支付给网关和运输公司的费用之外的费用。

由于 Webflow 托管其网站，您还需要选择一个 :

Webflow site plans.

这些按月支付，每月 29 美元起。有更便宜的网站计划，但如果你想要一个能让用户在你的网站上购买产品的电子商务计划，你需要选择高级选项。

WordPress

WordPress 的开源特性不仅让它变得灵活:还让它变得免费。你只需要下载软件就可以开始了。

然而，这并没有考虑到其他网站的成本。你需要为默认情况下包含在 Webflow 计划中的各种其他元素付费，包括非托管或 以及 。

说到电子商务，WordPress 用户最喜欢的选择是 WooCommerce:

WooCommerce.

尽管支付门户、信用卡和运输会产生费用，但 WooCommerce 本身是免费的。与 Webflow 相比，它可能需要更多的设置，但从长远来看，它也可能会更便宜。

摘要

对于 Webflow 和 WordPress 哪个是最好的平台，没有唯一的答案。每个系统都有自己的优点、缺点和独特的属性。幸运的是，了解它们在一些关键领域的不同之处可以让你更容易做出决定。

在本文中，我们讨论了您在做出选择之前可能需要考虑的五个方面:

1. 用户友好程度
2. 每个人能提供多少社区支持
3. 设计选项的灵活性和强大功能
4. 实现高质量的 SEO 有多容易
5. 付费计划和电子商务网站的可用选项

关于 Webflow vs WordPress 你有什么问题吗？请在下面的评论区告诉我们！

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。

电子商务、登陆页面和个人网站的 26 种鼓舞人心的网站配色方案

原文：

当有人第一次访问你的网站时，颜色在他们的想法中扮演着重要的角色。 ，62-90%的消费者的第一印象仅仅基于颜色选择。

挑选与你的品牌相匹配的颜色——以及你希望你的消费者对你的公司和产品的看法——可能是一个强大的品牌和营销工具。

在这篇文章中，我们将介绍 25 个以上精彩的网站配色方案，包括 、电子商务和个人网站，以及如何在不浪费时间的情况下选择自己的配色方案。

如何为你的网站选择配色方案

一个非彩色成年人的眼睛可以看到超过 100 万种不同的颜色。在所有这些选项中，如何快速有效地选择正确的配色方案？这是所有试图为自己的设计从头开始创建配色方案或调色板的网页设计师所面临的挑战。

有这么多的选择，你不可能在没有参考点的情况下单独评估所有的色调和色彩，并挑选最合适的。你需要缩小选择范围。最好的开始方式是找到一种原色作为你的起点。

也许最好的方法是按行业查看最受欢迎的选择。它可以帮助你了解一些关于色彩的心理学知识，以及什么样的原色最适合你的公司或产品。

行业的颜色选择

不同的公司和产品选择不同的颜色来识别他们的品牌。但是为什么呢？色彩不仅仅是抓住潜在客户和消费者注意力的更有效的方式。这是一种在情感上，几乎是潜意识层面上与他们交流的方式。

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

从某种意义上来说，这是一种在使用文案中的一个词或一句话之前就开始在消费者心中建立你的品牌的方法。没有一种颜色向消费者讲述同样的故事，所以最受欢迎的原色取决于不同的行业。

Brand colors by industry (Image source: towergateinsurance.co.uk)

你希望潜在客户对你的品牌、产品或服务产生什么样的情感？

这是一个指导性的问题，可以帮助你确定调色板的主色。

蓝色传达:

Blue is the color of trustworthiness

在消费者信任比任何其他因素都重要的行业，专业性和可靠性是关键卖点，蓝色经常被用作主要的品牌颜色。

它不诉诸自发性或情感。相反，它启动了一个冷静而合乎逻辑的决策过程。

最常见于以下行业:

• 银行业务
• 航空公司
• 通信
• 消费金融
• 电力设施
• 重型设备
• 家居装修
• 酒店
• 药物

红色表示:

Red communicates attention and passion

依赖情绪和冲动决定的行业(如餐馆和快餐)，通常使用红色作为原色。红色被认为能刺激饥饿感，所以它是国际食品品牌中最受欢迎的选择。

最常见于以下行业:

• 饭店
• 饮料
• 食品零售
• 不动产
• 衣服

绿色表示:

Green conveys a sense of vitality

大多数人把绿色与自然、植物和生机勃勃的环境联系在一起。依赖于更好福利承诺或全天然成分产品的行业，通常会选择绿色。

最常见于以下行业:

• 食品和饮料
• 百货公司
• 不动产
• 化学品

黑色:自信、成熟

虽然一些公司可能会默认黑色，而不是专门选择一种颜色，因为它感觉安全，但在消费者的信心或成熟是一个关键因素的行业中，它也是一个主要选择。

最常见于以下行业:

• 衣服
• 配件
• 互联网和移动服务提供商
• 百货公司
• 酒店

不要盲从自己的品味和直觉，做决定的时候要考虑色彩理论和色彩心理学。

一个网站应该使用多少种配色方案？

对于一个标准的网站配色方案，你可以在一个配色方案或调色板中选择三到七种不同的颜色。

但是在一个网站上应该使用多少种不同的配色方案呢？

这取决于个人情况和你的网站目标。如果你的网站是一个致力于单一品牌、产品或公司的 ，你希望坚持单一的配色方案。

另一方面，如果你的网站是一个 ，你可以为不同的产品方案使用不同的配色方案，以唤起不同产品类别的不同情感反应。

使用多个调色板的问题是，对于任何内部或外部的内容创建者来说，你将使事情复杂化，增加了人为错误和复杂性的机会。

当你为你的网站选择配色方案时，避免走极端和花费数周时间是很重要的。毫无疑问，这是一个重要的选择，但是选择正确的颜色本身并不能帮助你 或者 。

如何在网站上获得准确的配色方案

Colorzilla

要识别网站上使用的每一种颜色，精确到色度和十六进制代码，你可以使用谷歌 Chrome 扩展插件或火狐插件，比如 T2 的 ColorZilla T3。

安装了 ColorZilla 后，你只需将指针直接悬停在任何网站、徽标或 上的任何设计元素上，它就会显示该像素的准确 HTML 十六进制或 RGB 颜色代码。如果你不想一个一个地识别所用的颜色，你也可以使用一个调色板生成器，它会使用一个图像，就像 Colormind 的 。

然而，这并不像看起来那样是一个完美的解决方案。你必须 并上传，生成的调色板不一定 100%精确到设计中使用的实际色调。例如，如果网站包含渐变或图片的颜色超出了主配色方案，则生成的调色板往往不准确。

所以就目前而言，识别 中使用的确切颜色的最好方法仍然是使用颜色识别插件或扩展，或者 并在像 PhotoShop 这样的照片编辑工具中手动操作。

我们在 Kinsta 使用什么网站配色方案？

像大多数网站一样，我们在 Kinsta 的所有内容都遵循基本的三色或三色方案。因为我们是一家专注于 WordPress 的托管公司，所以我们没有必要在我们的网站上实现多个调色板(T2)。

Kinsta media kit

我们使用深紫色(#5333ed)作为主色调，蓝绿色(#2cd4d9)并置在一起，创造出醒目而平衡的渐变效果，柔和的灰色用于文本(#6E7076)。

但是其他公司在做什么呢？

让我们来了解一下！

26 个最佳网站配色方案示例

我们已经在网上搜索了很棒的配色方案的例子，甚至将网站按类别分开，所以你可以很容易地从相关网站上找到灵感。

伟大的电子商务网站配色方案

下面我们将介绍优秀的 配色方案的例子，这些配色方案与他们的品牌和行业相匹配。

1.护肤品:明亮而有趣

Bliss

谈到它的品牌，颜色的选择很重要。颜色明亮而活泼，完美地诠释了公司关于身体积极和内心快乐的信息。

2.服装品牌:清晰简洁

Le Bonnet

Le Bonnet 是一家服装公司，当谈到其网站的调色板时，它专注于清晰度。几个强烈的颜色，加上不透明的米色背景色来区分产品，有助于提升设计的简单性。

3.服装店:简单

Revise

是一个服装品牌网站，它不依赖网站调色板中的颜色，而是使用简单的颜色和空白来突出衣服本身的颜色和设计。

对于那些希望让产品自己说话，而不是创造一个有力的设计来讲述故事的电子商务网站来说，这种方法是一个很好的选择。

4.餐具:可靠性和专业性

My Tableware

我的餐具是一个德国定制餐具和菜肴的电子商务网站。

该网站使用深蓝色、浅棕色和灰色的简单配色方案来传达一种专业和可靠的感觉，并带有精致的味道。

5.口香糖:自然而冲动

Neuro

Neuro 是一种咖啡因口香糖和薄荷糖的品牌，旨在帮助人们集中注意力。它混合了蓝绿色、浅蓝色和米色等柔和的颜色，给人一种天然成分的感觉。

红色和橙色对情感和冲动决策也有吸引力，很好地利用了强调色。

6.腕表:精致与奢华

Prime Ambassador

是一个瑞典钟表品牌，有一个精心设计的电子商务网站来突出产品。深灰色背景上近乎金黄色的浅棕色色调和图片中的木质装饰的色彩组合给参观者带来了一种精致和奢华的感觉。

这种颜色非常适合推销定制手表等高端产品，但如果你销售的是普通消费品，就会觉得不合适。

7.裤子:富有创意且易于使用

Alday

是一个舒适至上的裤子品牌，它的设计比低价出售的大规模生产的牛仔裤和斜纹棉布裤更合身。

该网站是创造性的和好玩的，与充满活力的颜色组合，使它的访客和潜在客户感到容易接近。

8.水果点心:优雅而突出的颜色

Madies

Madies 是一个冻干水果零食系列，针对的是比散装出售的无品牌干果更具时尚意识的消费者。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

黑色的背景和成熟芒果的黄色拟人化突出了设计的简单性，导致一个优雅的最终产品。

9.定制合身的牛仔布:它是活的

Unspun

用鲜艳的红色和橙色给网站带来活力。非常适合与生活方式积极活跃的观众交流。

个人和旅游网站配色方案

下面，你可以找到我们为个人和旅游网站选择的网站配色方案的最佳范例。

10.创造性的简单

Madeleine Dalla

马德琳·达拉是一位纽约的摄影师，对网站设计有着敏锐的感觉(还有令人印象深刻的 )。

通过将颜色排除在设计的其余部分之外，她真正突出了她从每个突出的项目中亲手挑选的特色照片的生动颜色。她利用了色彩本身，也利用了色彩的缺失。

11.带飞溅的灰度

是一位有创意的艺术总监，这在网站的概念中有所体现。通过只使用少量颜色的灰度，你的注意力会被吸引到正确的关键词和设计的关键区域，“原创”这个词和迷人的微笑。

12.与自然融为一体

iFly 50

是荷航为庆祝成立 50 周年而发行的在线杂志。

通过突出天空和水的蓝色，绿色的草地和森林，它让任何游客感觉与自然融为一体——这是任何自然或风景摄影师网站的完美方法。

13.清洁和专业

Benediktas Gylys

Benediktas Gylys 的网站是干净设计的大师级作品。没有杂乱，颜色选择也是如此。

主要的紫色突出了专业性，虽然只有几个颜色，但它们都用来突出关键的元素，插图。

14.实用色彩

BucketListly

实用地使用颜色，用黄色突出显示关键词、CTA 和目前访问过的国家。

它展示了当你将单一颜色与留白和正确的概念结合使用时，你能从设计中获得多少价值。

15.优雅的简单

Lars Franzen

Lars Franzen 网站的特色图片使用深色背景色来突出肖像中人物的色彩和个性。

16.未来派叠加

Dot Lung

Dot Lung 的个人网站在最大化简单的调色板和干净的背景图形方面做得很好。背景中的紫色从一页到另一页创造了一种内聚的体验。

厌倦了慢热的主持人？Kinsta 的设计考虑了速度和性能。

17.光明与黑暗

Love for Iceland

《对冰岛的爱》是一个很好的例子，展示了高亮图片中的颜色如何营造气氛。左上角是明亮的蓝色透明冰，被阳光照亮，底部是洞穴般的黑暗，为游客营造了一种不祥和冒险的氛围。

登录页面配色方案

下面我们用独特或有效的配色方案突出了不同的登录页面。

18.鲜明的对比

Zenly

Zenly 使用强烈对比的颜色来突出实时地图应用的实际功能(顺便说一句，这就是你 )。太空的背景使球状应用程序设计脱颖而出，并使其具有未来主义的味道。

19.要突出显示的颜色

Slack

使用了一种屡试不爽的登陆页面配色策略，其中颜色主要用于突出重要的行动号召和其他基本元素。对于一个登陆页面，你不需要过度复杂的设计，这也适用于颜色。

请务必查看我们的 的深入比较。

20.鲜艳的颜色激发情感

Spotify

Spotify 在其极其简单的新登录页面上使用鲜艳的颜色来激发观众的情绪。颜色比 CTA 按钮前的副标题更能说明问题。如果你正在考虑 ，请查看我们的指南。

21.色彩对比在混乱中创造秩序

Autonomy

Autonomy 使用颜色和对比在一个混乱的动画设计中创造秩序。鲜艳的黄色穿过并与背景和其他物体分开。

22.未来派色彩组合

Bugsnag

使用各种颜色，通过其扁平的设计赋予未来的高科技感觉。颜色和形状的组合让参观者感觉像是在 2020 年，他们可以相信该公司是尖端的。

23.充满色彩

Connect Homes

“登录页面”充满了明亮而柔和的色彩。调色板取得了令人兴奋的平衡，传达了现代感。

24.保守的颜色，俏皮的设计

Plink

Plink 的登陆页面以相对保守的深蓝色为基础，但总体上用俏皮有趣的动画和设计来平衡它。

25.自然活力

Travelshift

Travelshift 非常依赖绿色来传达自然和活力的感觉。绿色不是用红色或橙色这样引人注目的颜色来突出 CTA 或关键内容，而是作为复兴的承诺。

26.希望的明亮色彩

Swab the World

使用明亮对比色的配色方案来传达希望感。这和一个 的登陆页面非常匹配。颜色冲突与形状一起突出了他们用来应对挑战的现代/未来主义方法。

网站配色方案生成器

如果您不想为您的方案或调色板手动挑选相邻的颜色、渐变或阴影，您可以使用在线工具来帮助。网上有许多免费的配色方案或调色板生成器。我们将仔细看看下面的一些最佳选项。

色彩思维

Colormind

Colormind 是一个人工智能驱动的颜色生成器，可以用来为网站、模板等即时生成颜色。唯一的问题是，你不能设置一个原色来推断调色板，你必须每次都随机生成它。它还可以从你想要的任何图像中提取调色板。

Coolors.co

Coolors.co

Coolors.co 是一个网络和移动应用程序，帮助你从头开始生成调色板。它有每种颜色选项的阴影选项和其他高级工具，可以帮助您有效地决定您的配色方案。

帕莱顿

Paletton

可以让你完全控制你的调色板和你想用的基色。您可以选择所需的调色板类型，无论是相邻颜色、三色配色方案还是其他。您可以从色轮中选择任何颜色。

彩色空间

ColorSpace

根据您输入的原色生成调色板。它提供了各种各样的风格选择，让您更加灵活。

色盲:如何为你的网站选择一个色盲友好的调色板

创建网站配色方案时要考虑的最后一件事是不同的人会如何看待这些颜色。

Different types of color blindness

不是每个人都能看到“标准”的颜色范围。色盲有三种不同的主要

红绿色盲是最常见的色盲。它影响了大约 1/12 的北欧血统。有这么多的人受到它的影响，在设计和选择一个 时，这是值得考虑的。

蓝黄色盲非常罕见，对男性和女性的影响一样大。

如何为你的网站选择一个色盲友好的调色板

由于红绿色盲的人数远远高于任何其他形式的色盲，这应该是你在设计中首先要解决的问题。因为它们不能区分红色、绿色和紫色，而是将它们视为黄色和蓝色的不同色调，所以您希望避免使用最终看起来过于相似的对比色。

• 不要把绿色和黄色对比，反之亦然。
• 不要用红色或橙色来对比黄色。
• 不要把紫色和深浅相似的蓝色对比。

当你为你的标志或设计选择独立的原色时，你应该考虑它是否仍然适合色盲的消费者。例如，Kinsta 的紫色仍然是深蓝到红绿色盲消费者的颜色，传达了可靠和值得信赖的信息。对我们来说，这是 100%的品牌，所以在我们的潜在客户心目中没有潜在的冲突。

摘要

人类的眼睛可能能够区分数百万种不同的颜色，但是你不需要梳理所有的选项来找到适合你网站的配色方案。

通过关注你的品牌和你的理想客户，你可以缩小你的原色选择范围。一旦你有了选择，你就可以依靠在线调色板生成器来完成你自己的调色板，或者根据例子和喜好来选择匹配的颜色。

通过正确的方法，创建一个网站配色方案，可以作为你设计过程的起点，虽然如果你想获得正确的专业外观，感受你的品牌需求，通常需要雇佣正确的网站开发人员/设计师，这也是 T2 需要做的。

现在，是时候 了，不是吗？

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。

2022 年如何选择最好的网站设计软件

原文：

目前有超过 1，865，000 个网站，其中超过 75%是“实时的”(即你可以在网上找到它们)。这些直播网站中有许多是经过策划、概念化和精心设计的，以吸引他们的观众。

但是如果你不会编码会怎么样呢？还能设计出好的网站吗？

简单的回答就是一个网站设计软件，可以让你在没有编码或者设计经验的情况下创建一个网站。

然而，选择正确的软件可能是棘手的，因为市场上有几十种选择。

在这篇文章中，我们将比较目前可用的顶级网站设计软件选项，并帮助您选择一种工具，将您的网站提升到一个新的水平。

T3】

在网站设计软件中寻找什么

在我们开始谈论最好的网站建设选项之前，让我们先来谈谈什么是网页设计软件，它是为谁服务的，以及如何选择最适合你的工具。

网站设计软件是人们用来设计一个网站而不用快速编码的工具。这个软件对于任何需要一个网站但没有丰富的网络开发或编码技能的人来说都是一个很好的选择。

网页设计软件非常适合:

需要在这里大声喊出来。Kinsta 太神奇了，我用它做我的个人网站。支持是迅速和杰出的，他们的服务器是 WordPress 最快的。

• 想要建立网上业务的当地餐馆和咖啡馆
• 希望有现成的解决方案来帮助他们销售产品，而无需从头开始构建产品
• 希望 的承包商(即平面设计师、文案等。)
• 需要一个简单网站的小型企业
• 拥有小型设计部门或不需要定制网站的大型公司
• 爱好者想要在线分享他们的激情，而不投资建立一个定制的网站

看看这个按行业分类的 2021-2022 年 范例列表。

那么网页设计工具有什么好处呢？

你为什么应该使用网页设计软件？

网页设计工具使用“拖放”格式，你可以在其中选择小部件(如文本框、图片等)。)并将其放到您的网页上。这允许您逐个部件地构建自定义网站。

自然，以这种方式建立网站有很多好处，因为它:

• 允许您快速创建网站
• 它帮助没有编码经验的人建立一个专业的网站
• 自动化设计过程的技术部分
• 确保您的网站能够在受众使用的多种设备上运行(包括移动设备)
• 包括模板，您可以用最少的图形设计技巧创建漂亮的网站
• 允许你廉价或免费建立一个网站

虽然大多数网页设计工具都有这些好处，但是还有几种不同类型的工具可供选择。让我们现在覆盖那些。

网页设计软件的类型

虽然我们会在一分钟内引导你选择最适合你的网站设计工具，但让我们先来讨论一下网页设计软件选项之间的细微差别。

WordPress 网页设计软件

WordPress 网站设计软件与 WordPress 网站一起工作。

如果你以前有一个 WordPress 网站，你可能听说过这些。最受欢迎的例子包括 Divi、Elementor 和 Beaver Builder。

无代码网页设计软件

无代码网页设计工具让你不用编码就能建立一个网站。

这些工具通常包括预先格式化的网站主题可供选择，因此您可以根据您的受众简单地定制您的网站。两个最受欢迎的选项包括 和 。

电子商务网页设计软件

电子商务网页设计软件帮助你建立和经营一个电子商务商店。

这些平台在一个中央平台中包括网站设计和商店管理(尽管它们通常与自托管网站集成在一起)。两个最著名的例子包括 Shopify 和 SquareSpace。

开源网页设计软件

开源网站设计工具让你可以编辑和修改网站的源代码。这些选项非常适合自托管网站，因为它们允许您将网站导出到网站托管者。最受欢迎的例子包括 Startup4 或 TemplateToaster。

2022 年如何选择最好的网页设计软件

2022 年有几十个网站设计师可供选择，那么如何挑选最适合自己的网站设计工具呢？

在这一部分，我们将向你展示如何通过三个步骤选择最适合你的。

第一步。了解什么是好的网页设计软件

好的网站设计通常满足五个关键标准:

1.它是开源的

开源软件让你可以访问你网站的源代码。虽然您现在可能不想定制您的代码，但是当您选择开源软件时，您总是有这个选择。

2.这是免费或低价的

“一分钱一分货”这句话对于网页设计软件来说是不正确的。虽然你可以在一个伟大的项目上花大价钱，但是有几十个低成本的设计软件选项，对大多数网站来说也是一样的。

3.它可以导出到其他程序

虽然您可能喜欢您今天选择的设计工具，但它可能无法满足您未来的需求。

为了让你的网站经得起未来的考验，请确保你选择了一个允许你导出网站的设计工具。如果你更换主机，这将使你不用重新设计你的网站。

4.它不需要编码

虽然许多顶级的网页设计工具可以起到代码编辑器的作用，但是最好的工具并不需要它。

5.它有反应

网页设计工具帮助你 。

第二步。确定你的需求

接下来，你需要弄清楚你需要一个网站做什么。确定您的需求将极大地影响哪个软件适合您，因为每个工具都提供不同的网站功能。

考虑您的需求，问自己以下问题:

• 为什么人们会访问我的网站？
• 我希望人们从我的网站上得到什么？
• 我的网站有什么用途？

然后考虑你需要的特定网站功能来满足你的观众的需求。以下是可供您考虑的潜在功能列表:

• 搜索栏
• 证明书
• 在线聊天
• 功能
• 电子邮件简讯弹出窗口
• 网站页脚功能(如社交媒体图标和导航标签)
• 评论空间
• 您企业的内置地图
• “联系我们”表格
• 博客
• 博客搜索功能
• 发表评论
• 网站分析
• 内置搜索引擎优化(一个搜索引擎优化工具)
• 验证码/反垃圾邮件功能
• 一个
• 媒体压缩
• 惰性装载
• 一个

一旦你列出了你需要的特性，就该权衡你的选择了。

第三步。权衡你的选择

在这一步，你需要收集一份潜在网站建设者的名单。对于每个选项，您需要考虑四个关键因素:

1.价格

正如我们在第一步中提到的，低成本的设计工具将满足大多数人的需求。在选择一个设计工具之前，问问你自己:我们能负担得起吗？它值这个价钱吗？

2.易用性

建立一个网站应该是一个创造性的实现过程，但是错误的工具会很快使它令人沮丧。在选择工具之前，先问问自己:我们能不能用工具快速简单地建立一个网站？

3.移动兼容性

2021 年第一季度， 的全球网络流量来自智能手机。

因为你不想让使用手机的观众错过你的网站，所以一定要检查你潜在的设计工具是否能制作出与移动设备兼容的网站。

4.特征

最后，我们回到特性。在权衡不同的设计工具时，请确保您选择的工具能够提供您在第二步中强调的基本功能。

为了帮助您衡量潜在的设计工具，我们将在下一节回顾一些可能的设计工具选项。

最佳免费网站设计软件

既然我们已经介绍了如何选择正确的设计软件，让我们来讨论一些潜在的免费选项。

这一部分将回顾 11 个免费的网站构建工具选项，包括最好的开源、无编码、电子商务和面向 WordPress 的设计工具。

让我们开始吧。

最佳开源网站设计软件

让我们来看看三种最适合开源网站设计的软件。

创业 4

Startup 4 是一个网站构建器，帮助用积木搭建一个网站。StartUp4 的网站构建器可以在线工作，非常适合 Mac、Windows 和 Linux 电脑上的用户。该工具也很受欢迎，目前拥有超过 27k 的客户。

创业 4 网站设计软件。

要使用该工具，您只需抓取一个小部件并将其拖动到位。Startup 4 还提供了几个主题，大大加快了图形设计过程。

• 价格 :免费和付费计划
• 易用性:对于初学者和有经验的设计师来说非常容易
• 移动兼容性 :是

特点 :

• 可以创建网站或单页
• 包括 300+预先设计的块(包括标题，文本框，图像等。)
• 包括基本主题
• 与电子邮件列表软件集成
• 无限制导出(因此您可以使用该工具创建多个网站，并将它们上传到您的网站服务提供商)

模板烘烤器

TemplateToaster 是一款开源设计工具，通过一个简单的桌面应用程序运行。你只需要下载 TemplateToaster，安装在你的电脑上，调整一个主题，然后 导出到你的网站托管提供商。

TemplateToaster 包括几个完全可定制的模板可供选择。

TemplateToaster 建站软件。

TemplateToaster 最适合使用 Windows 电脑的人，尽管它可以通过虚拟机在 Mac 上使用。TemplateToaster 目前在全球拥有 。

• 价格 :免费和付费计划
• 易用性 :适合初学者和有经验的设计师
• 移动兼容性 :是

特点 :

• 它通过桌面应用程序运行
• 允许您导出您的网站
• 包括免费的模板和主题
• 适用于所有主要的内容管理系统
• 可以创建电子商务网站
• 允许您通过更改字体和颜色来自定义您的网站

奇迹

漫威是一个基于浏览器的设计工具，创建网站。漫威帮助想要一起设计的团队，尽管它对个体设计师来说仍然很棒。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗？

加入 20，000 多名获得我们每周时事通讯和内部消息的人的行列吧！

漫威的设计工具还集成了微软团队、 、迷宫、吉拉、Confluence、回望和 Dropbox Paper 等工具。这使得它非常适合那些想用这些工具来增强网站的人。漫威目前拥有超过 200 万用户的。

漫威网站设计工具。

• 价格 :免费和付费计划(付费计划每月 12 美元起)
• 易于使用:非常易于使用(但最适合有过设计经验的人)
• 移动兼容性 :是

特点 :

• 可以创建网站和其他数字资产
• 内置用户测试
• 设计是非常个性化的
• 包括访问库存图像和预制资产

最人性化的网站设计软件工具

让我们来看看三个最人性化的软件工具。

Webflow

是一个网站设计编辑器，帮助人们创建网站并持续编辑其内容。

Webflow 网站设计编辑。

Webflow 可以设计一个网站或者管理一个网站作为 。你可以在免费网站建设计划中使用两个项目。

• 价格 :免费和付费计划(付费计划每月 12-212 美元不等)
• 易用性 :适合初学者和有经验的设计师
• 移动兼容性 :是

特点 :

• 包括一个内置的搜索引擎优化工具
• 充当内容管理系统
• 适合团队
• 允许您创建自定义动画
• 包括 100 多个模板
• 包括 3D 编辑
• 您可以自定义符号并保存它们以供重复使用

威克斯

Wix 是一个简单的网站构建器，可以创建高级网站。

Wix 简单网站生成器。

您可以通过 Wix 免费托管您的网站(前提是您同意您的域名包含“. wixsite.com”)，或者设计您的网站并将其上传到您网站的托管提供商。

• 价格 :免费和付费计划(付费计划从每月 10 美元到 38 美元不等)
• 易用性 :适合想要建立一个基本网站的初级设计师
• 移动兼容性 :是

特点 :

• 包括 500 多个模板
• 在免费计划中提供 500 MB 的存储空间
• 允许定制 、动画、视频背景和其他小工具
• 使用 Wix Turbo 加速您的网站
• 允许您构建 web 应用程序

斯塔塔米奇

是一个网站管理系统，可以帮助你快速设计和发布内容。

Statamic 网站管理系统。

Statamic 适合 Windows 和 Mac 用户，因为它为这两种操作系统提供了一个桌面应用程序。Statamic 对一个网站是免费的。

• 价格:免费和付费计划(每个网站 259 美元起)
• 易用性 :适合初学者
• 移动兼容性 :是

特点 :

• 允许您跟踪
• 支持多用户
• 包括 40 多种字段类型(即图像、文本框等。)
• 可以作为内容管理系统工作

最佳电子商务网站设计软件

让我们来看看两个最好的电子商务网站设计软件。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗？Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。

伍尔科贸易公司

WooCommerce 是一个 WordPress 插件，帮助人们建立和运营在线商店。

WooCommerce 电子商务平台 WordPress 插件。

WooCommerce 目前为 14%的在线商店提供支持，超过 400 万人安装了该软件。该工具最适合需要更高级商店网站的中小型企业。

• 价格 :免费
• 易用性:适合任何有 WordPress 经验的人
• 移动兼容性 :是

特点 :

• 包括可定制的商店模板
• 自动为您计算税费和运费
• 开放源码
• 自动处理 PayPal、Square、Stripe、Amazon Pay、Apple Pay、存款和 Google Pay 的付款
• 包括一个移动应用程序
• 使用 (一个安全和性能插件)

大卡特尔

是一个电子商务网站建设者，为你建立和托管你的电子商务商店。

大型卡特尔电子商务网站建设者。

最多可以免费使用五种产品。大卡特尔最适合只卖少数几种产品并且需要一个简单网站的小企业。

• 价格 :免费和付费计划(付费计划包括每月 9.99 美元和 19.99 美元的计划)
• 易用性 :适合初学者
• 移动兼容性 :是

特点 :

• 包括可定制的主题
• 它向你显示实时网站和销售统计数据
• 适合在线销售和面对面销售
• 跟踪货物
• 使用自定义域
• 与谷歌分析集成

WordPress 最佳网站设计软件

让我们看看三个最好的软件，它们的功能是 。

海狸建造者

Beaver Builder 是一个 。它包括几个预先设计的主题和几十个小部件，将使您的网站独一无二。

海狸构建器 WordPress 插件。

该工具是免费的，非常容易使用，因为你只需简单地“拖放”你想要的部件。Beaver Builder 适用于 Windows、Linux 和 Mac 电脑，因为它通过 WordPress 在线运行。

• 价格 :免费
• 易用性:非常简单(前提是你有使用 WordPress 的经验)
• 移动兼容性 :是

特点 :

• 包括主题模板
• 您可以创建自定义布局
• 使用多个主题和其他
• 适用于任何 WordPress 网站
• 无限制网站免费
• 它包含几十个小部件(包括图片、视频、文字帖子等。)

红利

Divi 是一个 WordPress 插件，它允许你用预先设计的主题定制你的网站页面。Divi 是一个“可视化编辑”工具，这意味着它可以实时显示你所做的一切。

Divi 可定制 WordPress 插件。

虽然 Divi 不需要编码，但是你可以在你的网页上添加定制的 CSS。Divi 包括 30 天的免费试用，但之后需要付费计划。但是，您可以使用该工具来设计您的网站，然后将其导出。

• 价格:Divi 提供 30 天免费试用和两个付费计划(89 美元一年或 249 美元终身)
• 易用性 :适合新手和有 WordPress 经验的资深设计师
• 移动兼容性 :是

特点 :

• 允许您添加小工具(包括图像，小工具，视频，滑块，联系方式等。)
• 包括几十个预先设计的模板可供选择
• 允许您使用“批量编辑”来同时编辑多个小部件
• 模板是完全可定制的
• 允许您保存您的设计
• 它会保存您的编辑历史，以便您可以“撤销”和“重做”操作
• 允许您导出您的网站

元素者

Elementor 是一个 WordPress 插件，可以让你围绕预先设计好的主题构建网页。

Elementor WordPress 网站构建器。

该设计工具目前在超过 500 万个网站上使用，并提供免费的网站生成器。Elementor 还是一个“可视化编辑器”，非常适合初学设计的人。Elementor 通过 WordPress 运行，适合 Windows、Linux 和 Mac 用户。

• 价格 :49-499 美元免费提供高级计划
• 易用性 :适合有 WordPress 经验的初学者
• 移动兼容性 :是

特点 :

• 包括 90 多个小部件(包括图像、文本框、视频、按钮等。)
• 允许您自定义页面的颜色、大小和布局
• 包括预先设计的主题
• 开放源码
• 兼容其他 WordPress 主题和插件
• 包括弹出窗口

比较网站设计软件

现在我们已经介绍了 11 种潜在的网站工具，让我们来比较一下。

不用编码最好的网站设计软件是什么？

这个问题有两个答案。如果你正在使用 WordPress，Elementor 是网站设计软件的首选，因为它很健壮，包括 80 多个小部件，并且兼容所有的 WordPress 主题和插件。

如果你没有使用 WordPress，最好的“无代码”解决方案是 Statamic，因为它适合多个用户，作为一个内容管理系统工作，并且对一个网站是免费的。

最好的免费网页设计软件是什么？

最健壮和免费的网站设计工具是 Beaver Builder、Elementor 和 。

这些工具作为 WordPress 插件工作。他们可以与任何 WordPress 网站无缝合作。它们还包括许多小部件，是开源的，可定制的。你也可以用其他 WordPress 插件来增强你建立的网站。

Windows 最好的设计软件是什么？

完美的 Windows 网站设计工具是 TemplateToaster，因为 TemplateToaster 包括一个免费的 Windows 应用程序，可以让你离线构建网站。

Mac 最好的设计软件是什么？

Mac 的顶级网页设计师是 Statamic，因为 Statamic 有专门的 Mac 应用程序。Mac 用户也可以通过虚拟机使用 TemplateToaster，尽管这可能不适用于所有电脑。

Linux 最好的设计软件是什么？

Linux 的顶级网站设计工具是 Beaver Builder、Elementor 和 WooCommerce。当这些设计工具在 WordPress 上运行时，它们在 Linux 电脑上的效果会和在 Windows 和 Mac 电脑上一样好。

如果你有一台 Linux 电脑，并且不使用 WordPress，像 Startup 4 和漫威这样的设计工具也是很好的选择(因为它们通过你的网络浏览器工作)。

你可以在下面看到 Startup 4 的网站生成器。

启动 4 号建站页面。

摘要

最适合你的网站设计工具将取决于你需要的网站类型，你是否通过 WordPress 运行你的网站，以及你有什么类型的电脑。

当选择正确的软件时，总是货比三家，权衡你的选择，以确保你选择的设计工具能够设计出你梦想中的网站。

为了获得经得起未来考验的结果，请始终选择开源且可导出的工具，这样，如果你更换了 ，你就可以随身携带你的网站。

让你所有的 、 和 在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

• 在 MyKinsta 仪表盘中轻松设置和管理
• 24/7 专家支持
• 最好的谷歌云平台硬件和网络，由 Kubernetes 提供最大的可扩展性
• 面向速度和安全性的企业级 Cloudflare 集成
• 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的 的 或 以找到最适合您的方式。