WordPress的主要优势之一是其卓越的用户友好性。它使所有级别的用户都可以轻松创建网站和网页。最重要的是,它提供了以各种自定义帖子类型(主要是页面和帖子)的形式显示内容的选项。根据您选择的 WordPress 主题,您可能会有一些页面设计模板,尤其是高级主题。您还可以安装和使用多个页面构建器来开发您的网站并以适合您的设计理念的方式向页面添加内容。
因此,有了所有这些,为什么您需要将自定义HTML页面添加到WordPress网站?有几个原因 - 大多数与为您提供更广泛的自定义选项有关。在本文中,我们将看看将自定义HTML页面添加到WordPress的原因和方法。
为什么你应该在你的WordPress网站中添加自定义HTML页面
尽管已经有许多选项可用于创建和添加WordPress内容,但有几个具体的原因可以说明为什么将HTML页面添加到您的网站是一个好主意。这可能是因为您已经有一个自己喜欢并且以前使用过的 HTML 模板。或者,您发现您选择的主题受到限制,因此您无法创建所需的页面类型。
假设您使用了一个出色的 HTML 模板来开发以前的网站,或者您有一个经常使用的最喜欢的 HTML 模板,现在想将其包含在新网站上。您可以轻松地将该模板添加到当前的WordPress安装中。这样,您可以避免从头开始工作,节省时间,并确保您的页面在新网站上看起来完全符合您的要求。
当您选择的主题无法制作或不支持您设想的特定页面布局时,使用自定义 HTML 页面也是一个很好的解决方案。因此,您仍然可以通过添加自定义 HTML 页面来实现预期的设计并根据需要自定义页面。
如何将HTML页面上传到WordPress网站
为了能够继续下一节,您应该准备好一个计划添加到WordPress网站的HTML模板。为了帮助以后上传,我们建议您在我们的计算机上创建一个文件夹,其中包含您的 HTML 模板、索引.html文件以及您拥有的任何依赖项。为了演示,我们在计算机上创建了一个自定义文件夹。在其中,我们保存了index.html文件,其中包含自定义HTML元素和一个样式.css文件,该文件将影响这些HTML元素的外观。我们这样做是为了使文件夹和文件与我们安装中使用的WordPress主题完全分开并独立。
因此,如果您还没有先准备好自定义 HTML 页面和所有必要的文件,现在是时候这样做了。完成后,将文件夹中的所有文件打包到.zip存档中。然后,您可以继续访问WordPress安装所在的服务器以上传它们。您可以通过FTP连接到服务器或使用托管控制面板访问它
文件上传完成后,您需要将其解压缩。有两种方法可以执行此操作 - 通过选项选项卡中的“提取”按钮,或者选择文件,右键单击,然后从下拉列表中选择“提取”。
![](https://img-blog.csdnimg.cn/img_convert/303edadf97454f259428d0e3a23c75a0.jpeg)
然后,系统将要求您选择要提取文件的确切位置。我们建议保留您所在的位置 - public_html/您的文件夹名称。
![](https://img-blog.csdnimg.cn/img_convert/1cc9a01337824d06a81800c01f7e06f4.webp?x-oss-process=image/format,png)
之后,您可以删除.zip文件——您将不再需要它,保留它会不必要地加重服务器负担。因此,您的文件夹现在应该只包含 HTML 页面所需的文件。在我们的例子中,我们有index.html文件以及图像和样式文件夹。
![](https://img-blog.csdnimg.cn/img_convert/761c1dfc0f424075be55527ba0dfbdcd.jpeg)
现在,您可以通过在Web浏览器中打开页面来检查页面。URL 需要包含您创建的文件夹的名称,因此自定义 HTML 页面的链接类似于 www.yourwebsite.com/your-folder-name。由于我们将文件夹命名为 custom-html-page,因此打开新的自定义页面所需的链接将是:
![](https://img-blog.csdnimg.cn/img_convert/3619632210674374b68258603783fa3d.jpeg)
如果您尝试访问新页面并收到 404 错误,请不要担心。这是WordPress中的常见错误,通常,404错误很容易解决。如果您的服务器不支持重定向,则当您输入自定义 HTML 页面的 URL 时,不会重定向索引.php,并且会发生 404 错误。
![](https://img-blog.csdnimg.cn/img_convert/38141a24730140e5a34bbb1428e20a61.png)
您可以通过找到 .htaccess 文件并进行编辑来排查此错误。它应该在你的WordPress安装的根文件夹中。因此,找到它后,打开它进行编辑并添加以下代码:
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]
输入代码后,保存您对 .htaccess 文件所做的更改。然后尝试在浏览器中重新打开自定义 HTML 页面。不要忘记先清除缓存。
此代码将重定向您的索引.php文件并将其加载到浏览器中。如果您为文件夹或任何文件使用了区分大小写的名称,它也可以重定向它们并显示它们的内容。