是否可以建立一个静态的 WordPress 网站?

已发表: 2022-08-10

您是否希望简化您的 WordPress 网站? 也许你发现你的动态网站太慢了,或者你已经意识到有很多你不需要的后端。

要解决这些问题,您可以生成网站的静态版本。 这有助于提高其性能和安全性。 虽然我们不会为每个用例推荐静态网站,但对于不需要经常更新的小型网站来说,它们可能是一个不错的选择。

在这篇文章中,我们将首先讨论静态网站和动态网站之间的区别。 然后我们将向您展示构建静态 WordPress 网站的三种方法。 让我们开始吧!

动态与静态网站简介

首先,我们来看看动态网站和静态网站之间的主要区别。

动态网站

动态网站向不同的访问者呈现不同的内容,使其更符合用户的实时需求。 显示的内容可能取决于用户的位置、他们的设置和偏好,或者他们在您的网站上执行的操作。

无论哪种方式,它都会带来更量身定制的个性化用户体验 (UX)。 例如,电子商务商店可以根据之前的购买向客户推荐产品:

动态网站示例

动态站点不是简单地存储和显示 HTML 文件(静态网站的方式),而是在那里构建页面,然后使用 HTML、CSS、JavaScript 和服务器端脚本语言。 当用户请求页面时,服务器从数据库中提取信息来为每个访问者构建 HTML 文件。

这些请求需要更长的时间来处理,因为 HTML 文件尚未准备好并像在静态网站上一样等待。 这可能会导致性能问题,并导致动态网站的加载时间变慢。 同时,所涉及的诸多好处意味着您访问的绝大多数网站都是动态的。

静态网站

当用户到达静态网站时,他们会收到一个 HTML 文件,并附有一些样式表和脚本。 当请求信息时,这些信息将被存储并交付给用户。 这意味着对于每个访问该站点的用户来说,该页面看起来都完全相同,并且只能由修改 HTML 文件的程序员来更改。

但是,静态网站仍然可以通过动态网站使用的许多相同元素为用户提供互动和引人入胜的体验。 例如,静态站点仍然可以包含链接、按钮、媒体、数字下载和 JavaScript。

静态设计特别适合不需要个性化内容且不需要经常更新的网站,例如信息网站或包含少于四页的网站。 这使它们成为简历网站、宣传册网站和只读登录页面(例如“即将推出”页面)的绝佳选择。

确定适合您需求的网站类型

现在我们已经介绍了基础知识,让我们来看看使用静态和动态网站的一些优点和缺点。

动态网站的优缺点

动态网站提供完全个性化,允许您为每个用户定制内容。 动态代码也更强大,并允许更多功能。 例如,您可以使用动态代码来构建 Web 应用程序和软件,而这对于静态网站是不可能的。

此外,您可以轻松地对您的网站进行彻底的更改,这就是为什么我们建议为定期更新的网站(例如博客)采用动态设计。 它也非常适合需要大量用户交互的网站,例如电子商务商店和流媒体服务:

频繁更改内容的动态站点示例

另一方面,动态网站比静态网站更复杂。 因此,从头开始设置可能需要更多的时间和精力,以及一些技术技能。 但是,您可以聘请开发人员为您设置网站,或使用 WordPress 等内容管理系统 (CMS)。

动态站点的最大缺点是后端需要更多的处理,这可能会导致加载时间变慢。 这不仅会损害您的用户体验,还可以减少网站停留时间 (TOS) 并提高跳出率,这都是搜索排名的两个因素。 幸运的是,有很多简单的方法可以让您的网站快速运行。

静态网站的优缺点

静态网站提供了非常快的加载时间,因为页面已经构建并存储起来,只是等待用户访问它。 快速加载时间对于用户体验来说是个好消息,并且可以帮助提升您的搜索引擎排名。

通常,静态网站易于构建和维护,并且需要很少的编码知识。 如果您从头开始构建站点,那么熟悉 HTML 和 CSS 会很有用。 但是,您也可以使用网站构建器和 CMS 来设置静态网站,而无需太多技术知识。

这使得静态网站成为希望尽可能快速轻松地启动基本网站的企业的绝佳选择。 静态网站的安全性也可以更严格,因为没有插件可以破解,没有 PHP,也没有数据库连接。

例如,软件公司 Rookout 使用静态站点来提高安全性并减少服务器负载:

提高安全性的静态站点示例

创建静态网站的主要限制涉及可扩展性。 执行站点范围的更改可能既困难又耗时。 例如,如果您决定修改标题或向站点添加新页面,则需要更改每个单独的 HTML 文件或创建一个新文件。

这对于具有多个页面的成长中的网站通常是不切实际的。 还有某些类型的网站不适合静态设计,例如电子商务商店。 这是因为某些功能(例如签出)需要大量第三方工具来促进。 这些可能会影响您的网站,从而导致性能和速度问题。

如何创建静态 WordPress 网站(3 种方式)

如果您决定一个静态站点适合您的需求,您将需要知道如何创建一个。 有几种方法可以做到这一点。 因此,在结束之前,让我们探索三种构建静态 WordPress 网站的方法。

1.创建一个静态主页

构建类似于静态网站的功能的最简单方法是将单个静态页面设置为您的 WordPress 主页。 如果您想创建一个快速简单的单页网站,这是理想的选择。

在您的 WordPress 仪表板中,转到Pages > Add New

向 WordPress 添加新页面

像往常一样创建您的页面,添加标题和您喜欢的任何内容(只是避免包含任何动态元素)。 然后,点击发布

在 WordPress 中创建和发布新页面

导航到设置>阅读。 然后,在您的主页显示下,选中A static page复选框。 在Homepage旁边,使用下拉框选择您创建的新页面,并保存您的更改:

在 WordPress 中将页面设置为静态主页

您现在已经创建了一个静态页面,并将其设置为您的主页。 虽然这不是一个“真正的”静态网站,但如果您想创建一个只读登录页面,它可以很好地工作。

2. 生成 WordPress 网站的静态版本

如果您已经有一个想要制作静态的网站,您可以使用像 Simply Static 这样的插件。 如果您想保持动态站点正常运行并生成静态版本,这是一个很好的选择。 根据您选择的交付方式,您将收到一个包含静态网站的文件,或者您将网站的静态版本发送到指定的服务器路径。

在您的 WordPress 仪表板中,前往Plugins > Add New 。 搜索“Simply Static”,然后单击立即安装激活

WordPress中的简单静态插件

在边栏中,转到简单静态>设置。 在大多数情况下,您可以将所有设置保留为默认级别。 但是,您也可以在此处手动包含/排除任何 URL(例如,如果您希望将某些页面保留在站点的静态版本之外):

在简单静态设置中包含/排除 URL

接下来,转到Simply Static > Generate ,然后单击Generate Static Files

使用简单静态插件从您的 WordPress 站点生成静态文件。

使用提供的链接下载您的.zip文件。 如果您的网站占用了您希望放置静态版本的域,则需要将常规 WordPress 网站迁移到不同的子域。 如果您计划将您的站点转移到另一台服务器上,您可以使用.zip文件执行此操作。

3. 使用无头 WordPress 托管

无头开发将您网站的后端与前端分离,允许您使用 CMS 来构建您的内容,同时为前端使用应用程序编程接口 (API)。 如果您希望用户在线查看您网站的静态版本,但您仍想通过访问 WordPress 管理区域来更改您的内容,我们建议您使用此选项。

这是最复杂的方法,需要一些技术专长。 但是,它允许您以更大的灵活性和控制力来管理您的站点。 例如,对于希望从同一后端向 Android 和 iOS 平台交付内容的开发人员来说,它可能是一个不错的选择。 对于使用 JavaScript 框架的站点/应用程序来说,它也是一个不错的选择。

首先,您需要找到提供无头 WordPress 托管的提供商,例如 WP Engine:

wpengine 插件

您可能需要两台独立的主机:一台用于无头后端(需要支持 WordPress 和 PHP),一台用于您网站的前端。 结合使用 WordPress 和 WP Engine,您可以构建和管理静态和动态无头网站。

结论

如果您发现动态网站太慢,或者您没有充分利用其后端,您可以考虑切换到静态 WordPress 网站。 这有助于简化您的网站,提高性能和安全性。

回顾一下,这里有三种创建静态 WordPress 网站的方法:

  1. 在您的 WordPress 仪表板中创建一个静态主页。
  2. 使用诸如 Simply Static 之类的插件生成站点的静态版本。
  3. 使用无头 WordPress 托管服务提供商,例如 WP Engine。

您对构建静态 WordPress 网站有任何疑问吗? 在下面的评论部分让我们知道!