如何将自定义 HTML 页面添加到您的 WordPress 网站

WordPress 的主要优势之一是其卓越的用户友好性。 它让所有级别的用户都可以轻松创建网站和网页。 最重要的是,它以各种自定义帖子类型(主要是页面和帖子)的形式提供内容显示选项。 根据您选择的 WordPress 主题,您可能会有一些页面设计模板,尤其是高级主题。 您还可以安装和使用几个页面构建器来开发您的网站,并以适合您的设计理念的方式将内容添加到您的页面。

那么有了所有这些,你为什么需要在你的 WordPress 网站上添加一个自定义的 HTML 页面呢? 有几个原因——大部分与 为您提供更广泛的定制选项. 在本文中,我们将了解向 WordPress 添加自定义 HTML 页面的原因和方法。

为什么应该向 WordPress 网站添加自定义 HTML 页面

尽管已经有许多选项可用于创建和添加 WordPress 内容,但有几个具体原因可以说明向您的网站添加 HTML 页面是个好主意。 可能是因为 你已经有一个你喜欢并且以前使用过的 HTML 模板. 或者, 您发现您选择的主题受到限制,因此您无法创建所需的页面类型.

假设您使用了一个很棒的 HTML 模板来开发以前的网站,或者您有一个经常使用的最喜欢的 HTML 模板,现在想将它包含在一个新网站中。 你可以 轻松将该模板添加到您当前的 WordPress 安装中. 这边走, 您可以避免从头开始工作,节省时间,并确保您的页面在新网站上看起来完全符合您的要求。

当您选择的主题无法制作或不支持您设想的特定页面布局时,使用自定义 HTML 页面也是一个很好的解决方案。 因此,您仍然可以通过添加自定义 HTML 页面来实现您的预​​期设计并根据您的需要自定义页面。

如何将 HTML 页面上传到 WordPress 网站

为了能够继续阅读下一部分,您应该准备好一个 HTML 模板,并准备好将其添加到您的 WordPress 网站。 为了帮助稍后上传,我们建议您 在我们的计算机上创建一个包含您的 HTML 模板的文件夹, 一个 索引.html 文件,以及您拥有的任何依赖项。 对于我们的演示,我们在计算机上创建了一个自定义文件夹。 在其中,我们保存了 索引.html 文件包含我们的自定义 HTML 元素和 样式.css 将影响这些 HTML 元素的外观的文件. 我们这样做是为了使文件夹和文件完全独立于我们安装时使用的 WordPress 主题。

因此,如果您还没有首先准备好您的自定义 HTML 页面和所有必要的文件,那么现在是时候做这件事了。 当你完成后, 将文件夹中的所有文件打包成 .zip 存档. 然后,您可以继续访问您的 WordPress 安装所在的服务器以上传它们。 您可以通过 FTP 连接到服务器或使用主机控制面板访问它。 我们将使用我们的主机帐户的 cPanel 及其文件管理器选项来指导您完成上传步骤。

登录您的主机帐户后,选择 文件管理器 在里面 文件 部分。

文件管理器

根据您的提供商,您的主机控制面板可能看起来不同,但它会有类似的选项。 你只需要 找到它并使用它来访问公共或根文件夹 服务器上的 WordPress 站点。

在那之后, 在根文件夹中创建一个新文件夹. 你如何命名它完全取决于你,但清晰总是一个好主意,所以我们使用 自定义 html 页面 对于我们的例子。 通过单击创建新文件夹 文件夹 左上角的按钮,并在结果弹出窗口中为它们命名。

文件夹按钮

打开您刚刚创建的文件夹,并在其中使用上面选项选项卡中的上传按钮,从您的计算机上传带有自定义 HTML 页面的 .zip 存档。

压缩档案

文件上传完成后,您需要将其解压缩。 有两种方法可以做到这一点——通过 提炼 选项选项卡中的按钮或通过选择文件,右键单击,然后从下拉列表中选择提取。

从下拉列表中提取

然后将要求您选择要提取文件的确切位置。 我们建议离开您所在的位置public_html/你的文件夹名.

选择确切的位置

在那之后, 您可以删除 .zip 文件——你不再需要它了,保留它会不必要地拖累服务器。 因此,您的文件夹现在应该只包含 HTML 页面所需的文件。 在我们的例子中,我们有 索引.html 文件以及图像和样式文件夹。

索引html

现在,您可以通过在 Web 浏览器中打开它来检查您的页面。 这 URL 需要包含您创建的文件夹的名称,因此您的自定义 HTML 页面的链接看起来像 www.yourwebsite.com/your-folder-name. 因为我们命名了我们的文件夹 自定义 html 页面,打开新的自定义页面所需的链接将是:

网址

如果您尝试访问新页面并收到 404 错误,请不要担心。 这是一个 WordPress中的常见错误,通常, 404 错误很容易解决。 如果您的服务器不支持重定向,则 索引.php 当您输入自定义 HTML 页面的 URL 时,不会重定向,并且会出现 404 错误。

404 错误

您可以通过找到 .htaccess 文件并对其进行编辑来解决此错误。 它应该在您的 WordPress 安装的根文件夹中。 因此,当您找到它时,打开它进行编辑并添加以下代码:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

输入代码后,保存您对 .htaccess 文件。 然后尝试在浏览器中重新打开您的自定义 HTML 页面。 不要忘记先清除缓存。

此代码将重定向您的 索引.php 文件并将其加载到浏览器中。 如果您为文件夹或任何文件使用了区分大小写的名称,它也可以重定向它们并向您显示它们的内容。

最后的想法

WordPress 是迄今为止世界上最受欢迎的内容管理系统 (CMS),因为它为用户提供了创建独特网站所需的所有灵活性。 添加自定义 HTML 页面或文件的选项只是对它有利的另一点。 它为 WordPress 用户提供了更多的自由和自定义网站以满足不同需求的能力。

了解您可以采用的所有不同方式来获得您想要的网站外观非常有用。 我们希望这篇文章能帮助您为您的网站创建独特而令人惊叹的设计。

In relation :  如何避免 Google Analytics 中的错误转化
Moyens I/O 员工激励了您,为您提供技术、个人发展、生活方式和策略方面的建议,对您有所帮助。