使用WordPress作为一个静态网站生成器的疯狂速度,可靠性和安全性(2)


怎么做

如果我已经说服了你,下面是如何将你现有的WordPress网站变成一个静态网站。

1.复制您的Live WordPress网站

首先,您必须将制作WordPress网站的副本复制到新的分段位置。这可以在本地计算机上脱机,也可以在与您的实时站点相同的Web服务器上的云中脱机。每个人都有优点和缺点。

如果你的WordPress安装到你的本地计算机上,你可以在没有Internet连接的情况下工作,这很酷。而且,你的WordPress安装对黑客来说是安全的。但是,您需要设置一个本地主机(WAMP,MAMP,XAMPP等)。而且,最重要的警告是,将呈现的文件推送到服务器需要更多的努力。您可能需要使用Filezilla手动拖动这些文件(但我确定有更好的解决方案)。

如果您将WordPress安装在与您的实时站点相同的服务器上,则使用我使用的“简单静态”插件推送呈现的文件是一次单击事件。这真的很棒,并且使这个过程几乎毫不费力。

我喜欢使用Duplicator插件来复制网站。但是,还有许多其他插件可用于复制WordPress网站。

2.简单静态安装

当你建立你的WordPress分段站点时,安装Simply Static插件。这个美妙的插件呈现您的整个WordPress网站的HTML文件。同时,它会将WordPress数据库中的基本URL替换为目标网址。真酷!

从这里开始,我将假设您已将您的演示WordPress站点放入您的实时站点的子目录中。例如,你可以把你的WordPress网站放在“/ wordpress”中。我们稍后会隐藏它。

3.设置简单静态并生成测试站点

  • 转到简单静态 - >设置您的WordPress管理员。
  • 在目标网址部分,选择“使用绝对网址”。请注意,您应该选择绝对URL路径,否则头部中的元标记将是相对的,并且不会正确。
  • 现在输入您的主站点的子目录的URL,即“http://yoursite.com/test”。请记住在完成测试后删除此目录。
  • 对于Delivery Method,请选择“本地电话号码簿”。
  • 在本地目录字段中,完成本地目录的路径。

转至简单静态 - >生成并按下蓝色大按钮。发电将需要几分钟的时间。在“yoursite.com/test”中彻底测试新生成的网站。

4.添加缺少的页面

在我的情况下,我有一些在WordPress网站但没有在静态版本中的页面。这是因为我的网站中没有绝对链接到这些页面,所以简单静态插件找不到它们。简单静态不会查找通过相对URL链接的页面。

幸运的是,通过在Simply Static - > Settings - > Include / Exclude中将URL输入到Simply Static插件中,手动添加这些页面非常简单。将缺少页面的网址添加到“其他网址”标签。

或者,您可以返回到您的WordPress网站并将任何相关链接更改为绝对链接。请务必使用您的WordPress分段网站的网址,而不是生产网址。

重新生成网站以查看网页是否出现,并在必要时重复。

 

5.添加您的站点地图

我使用Yoast SEO插件为我的WordPress网站生成站点地图。搜索引擎使用网站地图来帮助抓取您的网站。尽管不是绝对必要的,但建议使用站点地图来获得良好的SEO。

您必须将网站地图页面的网址添加到简单静态设置页面的“其他网址”部分。有关您的站点地图所在位置的更多信息,请参阅Yoast插件。这里有些例子:

http://yoursite.com/wordpress/sitemap_index.xml 
http://yoursite.com/wordpress/page-sitemap.xml

在网站启动后,确认它们出现在制作网站中,并且如果您之前没有这样做,请将您的网站地图文件的网址输入到Google网站站长工具中。它们应该和静态之前的一样。

6.设置您的404页面

当用户尝试访问不存在的页面或帖子时,普通WordPress将提供404“未找到”页面。当您将网站呈现为HTML时,您将失去该功能。但是,这并不难。您需要通过FTP访问我们的服务器。以下是执行此操作的步骤。

  1. 在WordPress中创建一个404“未找到”页面。注意slu。。
  2. 接下来,您必须告诉Simply Static插件呈现此页面,因为没有指向它的链接。登录到WordPress管理并转到简单静态 - >设置 - >包含/排除 - >其他URL并添加404页面的分段URL。
  3. 重新生成静态文件并将其推送到生产环境。
  4. FTP到您的服务器并转到您的生产站点的根目录。
  5. 将下面这行添加到.htaccess文件中:
    ErrorDocument 404/404-page-slug / 
    其中斜线之间的文本是404页面的内容。

在生产站点上输入一个不存在的URL来测试。你的404页面应该出现!

7.设置您的robots.txt文件

如果您已经设置了404页面并根据上一步修改了.htaccess文件,则在技术上不需要这样做,但是如果您没有这样做,则必须执行此步骤,否则Google将不会编制索引现场!(Google的抓取工具会尝试查找robots.txt,并且会收到内部服务器错误)。只需创建一个空白的robots.txt文件,你就会很好。

8.隐藏你的WordPress网站

如果您的演示WordPress站点位于您的服务器上的子目录中,它仍然对全世界可见,所以您需要隐藏它。

我尝试的第一件事是安装一个“Under Construction”插件来隐藏我的WordPress网站。然后,我渲染了我的网站,它由一个页面组成 - 即在建设页面!哈哈。

所以,我做的下一件事就是用HTTP简单认证来保护我的分段安装。事实证明,Simply Static的制造者们正在考虑同样的事情。他们支持简单身份验证,直接插入插件!

设置简单身份验证将需要FTP到您的服务器,并在根目录中设置.htpasswd文件。Google了解如何做到这一点。这是一个可以生成密码哈希的站点。

完成设置后,进入简单静态 - >设置 - >高级,然后在HTTP基本验证部分输入您的用户名和密码。

请注意,如果您担心安全问题,则应为您的分段站点设置SSL。

9.删除测试目录

最后,删除您的测试目录以及您创建的任何其他临时目录或文件。

 

10.启动您的网站

当所有页面都正确呈现为静态HTML时,您可以将旧生产WordPress文件从根目录移至临时子目录,然后尝试将您的暂存WordPress文件推送至您网站的根目录。

首先在简单静态设置中将目标网址更改为您网站的根目录。

然后转到简单静态 - >生成并按下蓝色的大按钮以启动您的网站到生产!

你完成了!

瞧!你现在应该有一个从WordPress派生的静态网站!加载时间应该快速点亮!

无论何时您需要更新您的网站,只需像通常那样更新您的WordPress网站即可。当您准备发布时,只需点击“生成静态文件”按钮即可!

任何问题?你怎么样?让我知道你的想法如下


上一篇:通过HTML使用WordPress构建您的网站的22个理由 下一篇:最全优化wordpress几个代码搜集总结