如何通过 3 种简单方法将 HTML 文件上传到 WordPress

已发表: 2022-09-14

如果您正在寻找如何将 HTML 文件上传到 WordPress 的问题的理想答案，那么今天的博客适合您。 让我们通过以下说明为您带来实现此任务的三种方法。

介绍

HTML 代表超文本标记语言，用于构建和重组网站中包含的元素。

HTML 不是一种编程语言，这意味着它不能执行动态功能。 HTML 代码只是帮助您正确格式化文本和图像。 当 HTML 与 CSS 和 JavaScript 结合时，您可以轻松创建一个坚实的网站基础。

为了轻松格式化各种文本、图像以及对字体和 Javascript 的支持，我们创建了 HTML 模板来执行此任务。 简单地说，HTML 模板是一组预制的 HTML 代码。 您可以将其上传到您的网站并轻松使用。

但是，不要将 HTML 模板与 WordPress 主题混淆。 至于 HTML 模板，您可以理解它们是独立的 zip 文件并单独上传到网站。 每个 HTML 模板只会影响您网站上单个页面的外观。 相比之下，WordPress 主题将负责更改您的整个网站。 换句话说，如果您使用 WordPress 主题，您网站上的所有页面都会受到影响。

需要将 HTML 文件上传到 WordPress 的原因

通常，您需要将 HTML 文件上传到 WordPress，原因如下：

  • 您在旧网站上使用了一个完整且很棒的 HTML 模板。 您想在新网站上重复使用它。 将 HTML 文件上传到您的新 WordPress 网站将为您提供一个与旧网页完全相同的网页。 这也可以节省您的时间。
  • 在许多情况下，您使用的 WordPress 主题不支持特定的页面布局。 这是您需要自定义页面布局的时候了。 您可以在将 HTML 文件上传到 WordPress 网站后设计和自定义这些元素。

但是，需要注意的一件事是，您需要使用 Google HTML 验证文件来确保您的 WordPress 网站经过验证。

现在，你还在等什么？ 让我们开始在下面查看将 HTML 文件上传到 WordPress 的 3 种方法！

将 HTML 文件上传到 WordPress 的方法

解决方案 1：通过 WordPress Dashboard 将 HTML 文件上传到 WordPress

如果您想使用 Gutenberg Block Editor 将 HTML 文件上传到 WordPress，则有必要对 wp-config.php 文件进行微小的调整。 这意味着您需要允许 WordPress 媒体库接受您上传的 HTML 文件。

由于 WordPress 默认不接受 HTML 文件、.php 文件或 .js 文件上传，您需要在 wp-config.php 文件中添加以下代码：

define('ALLOW_UNFILTERED_UPLOADS', true);

为此，只需访问 cPanel 或 FTP 客户端，然后连接到public_html 目录。 之后，找到wp-config.php -> Edit -> Past the code at the end of the file -> Save 。

现在，WordPress 接受上传 HTML 文件。 因此，如果您正在使用 Gutenberg 编辑器并想将 HTML 文件添加到 WordPress 帖子或页面，让我们打开一个新帖子或页面 -> 插入文件块 -> 单击上传按钮以上传 HTML 文件。

如果您希望使用经典编辑器将 HTML 文件上传到您的帖子/页面，请按照以下步骤操作：

  • 在帖子/页面中，按“添加媒体”按钮 -> 单击“上传”按钮以上传您想要的 HTML 文件。
  • 选择您已经上传的 HTML 文件 -> 按在帖子中插入。 此步骤将帮助您将 HTML 文件的链接添加到帖子/页面，并自动保存在媒体库中。

将 Html 文件上传到 Wordpress 1

解决方案 2：使用 FTP 客户端上传 HTML 文件

如果您只需要手动将 HTML 文件上传到 WordPress，您可以通过 FTP 客户端轻松完成。 现在，我们将向您展示如何使用 FTP 客户端 (FileZilla) 上传 HTML 文件。

第一步非常重要，即为您的网站创建备份以避免出现不良问题。 接下来，让我们打开您的 FTP 客户端 -> 填写 Web 服务器详细信息。

之后，在可以看到本地站点的屏幕左侧，您需要在计算机上找到 HTML 文件。 在远程站点所在的屏幕右侧，只需导航到您希望上传 HTML 文件的目录。 最后，将 HTML 文件从左侧窗格拖到右侧窗格中，将 HTML 文件上传到 WordPress。

将 Html 文件上传到 Wordpress 2

解决方案3：访问cPanel上传HTML文件

将 HTML 文件上传到 WordPress 网站的另一种方法是使用 cPanel。 让我们看一下以下步骤：

  • 登录到您的 cPanel -> 打开文件管理器。
  • 通过选择新建文件夹选项创建一个新文件夹以上传 HTML 文件 ->输入新文件夹的名称-> 单击创建新文件夹按钮。

将 Html 文件上传到 Wordpress 3

  • 双击您之前生成的新文件夹-> 按Upload并选择您要上传的 HTML 文件。

将 Html 文件上传到 Wordpress 4

  • 上传成功后，该文件夹下会有一个压缩后的HTML文件。 所以，让我们用右键单击和提取选项解压缩它。
  • 将出现一个弹出窗口，您只需按提取文件即可完成文件解压缩任务。

将 Html 文件上传到 Wordpress 5

将 HTML 文件上传到 WordPress 后检查结果

由于您使用不同的方式将 HTML 文件上传到 WordPress，因此有不同的方法可以检查文件是否正常工作。

  • 如果您使用第一个解决方案，您只需在 Gutenberg Editor 或 Media Library 中打开文件。 之后，让我们复制文件 URL，然后将其粘贴到浏览器中。 因此，该文件将加载供您检查。
  • 如果您使用 FTP 客户端或 CPanel，最好在浏览器中手动输入 URL。 但是，让我们确保它将包含在您已将文件上传到的任何子目录中。 例如：https://yoursitename/theHTMLfile.html 或 https://yoursitename/theHTMLfile.html/wp-content/uploads/theHTMLfile.html

结尾

简而言之，这是将 HTML 文件上传到 WordPress 的三种方法，您可以为网站的每个网页执行这些操作。 如果您认为此博客有用，为什么不与您的朋友和其他 WordPress 用户分享呢？

此外，目前，我们的网站上提供了许多对 SEO 友好且有吸引力的免费 WordPress 主题，所以如果您需要为您的网站获取一个新的神话般的主题，请不要错过！ 感谢阅读。