How to Add HTML Files to WordPress In 2 Easy Steps - Add HTML Page to WordPress

Daps

29 Jan 202413:27

Summary

TLDR本教程介绍了两种将HTML页面添加到WordPress网站的简单方法。第一种方法是通过WEP文件管理器插件上传HTML文件到WordPress文件中，并在WordPress后台创建菜单项。第二种方法是使用Clone Web X工具将HTML页面克隆到Elementor页面构建器中，从而在WordPress网站内嵌入页面，并保持网站导航和菜单的完整性。视频还提供了如何使用这些工具的详细步骤和技巧。

Takeaways

😀 视频教程介绍了两种将HTML页面添加到WordPress网站的方法。
🛠️ 第一种方法是传统的，通过上传HTML文件到WordPress文件中。
🔌 推荐使用WEP文件管理器插件来上传HTML文件，它简化了文件管理过程。
📂 通过WEP文件管理器，可以直接在WordPress后台上传和重命名HTML页面。
🌐 演示了如何将上传的HTML页面通过URL访问，并添加到网站菜单中。
🚫 指出直接添加HTML页面可能会导致页面与网站其他部分风格不一致。
✨ 第二种方法是使用克隆工具Clone Web X，它可以将页面克隆到WordPress的页面构建器中。
💾 Clone Web X是一个付费工具，但提供有限的免费使用，适合初学者尝试。
🔗 通过Clone Web X克隆的页面可以直接在Elementor等页面构建器中编辑和使用。
📝 视频最后提供了克隆工具的链接，并鼓励观众查看更多相关教程。

Q & A

如何将HTML页面添加到WordPress网站中？
-可以通过两种方法：一种是使用WEP文件管理器插件上传HTML文件，另一种是使用Clone Web X工具克隆页面并使用Elementor等页面构建器导入。
WEP文件管理器插件的作用是什么？
-WEP文件管理器插件允许用户直接在WordPress后台访问和管理文件，无需通过托管账户。
为什么要使用Clone Web X工具？
-Clone Web X工具可以帮助用户将HTML页面克隆到页面构建器中，如Elementor，使得页面可以直接在WordPress网站上以动态页面的形式存在，而不是静态的。
如何使用WEP文件管理器上传HTML文件？
-首先在WordPress后台安装并激活WEP文件管理器插件，然后在插件界面中找到上传文件的选项，通过拖放或选择文件的方式上传HTML文件。
上传HTML文件后如何将其添加到WordPress网站的菜单中？
-上传文件后，需要复制生成的页面URL，然后在WordPress后台的菜单设置中添加自定义链接，将链接文本和URL对应起来，最后保存菜单设置。
为什么直接通过URL访问上传的HTML页面会导致网站菜单消失？
-直接通过URL访问上传的HTML页面可能会导致页面脱离WordPress的主题和结构，因此会显示为一个独立的页面，不包含网站的菜单和其他元素。
如何使用Clone Web X工具克隆HTML页面？
-首先安装并激活Clone Web X的Chrome扩展，然后在需要克隆的页面上点击扩展图标，选择项目并克隆页面。之后在WordPress后台安装相应的插件，并通过Elementor等页面构建器导入克隆的页面。
为什么在Elementor中克隆页面时视频可能不会自动显示？
-Elementor可能无法识别HTML中的视频代码，因此需要手动将视频上传到WordPress媒体库或使用外部视频URL，并在Elementor中正确设置视频模块。
如何确保克隆的页面在WordPress网站上正常显示？
-需要确保所有元素都已正确克隆并导入到页面构建器中，检查视频和其他媒体内容是否正确加载，并更新页面以确保它们在网站上正确显示。
克隆页面后如何将其添加到WordPress网站的菜单中？
-在Elementor中编辑页面并发布后，复制页面的永久链接，然后在WordPress后台的菜单设置中添加自定义链接，将链接文本和URL对应起来，最后保存菜单设置。

Outlines

00:00

😀 如何在WordPress网站上添加HTML页面

本段介绍了如何在WordPress网站上添加HTML页面，特别是为了添加一个PLR课程页面。首先，介绍了一种传统方法，即使用WEP文件管理器插件将HTML模板上传到WordPress文件中。详细说明了如何在WordPress后台安装并激活WEP文件管理器插件，并通过该插件上传HTML文件。接着，展示了如何将上传的页面重命名，并在WordPress网站上通过URL访问。最后，介绍了如何将新页面添加到网站的菜单中，以便用户可以通过菜单访问该页面。

05:01

😀 使用Clone Web X工具克隆HTML页面到WordPress

本段介绍了第二种添加HTML页面到WordPress网站的方法，即使用Clone Web X工具。首先，展示了如何使用该工具克隆HTML页面，并将其导入到Elementor页面构建器中。详细说明了如何安装并激活Clone Web X插件，以及如何通过Chrome扩展选择要克隆的页面。接着，展示了如何在Elementor中编辑克隆的页面元素，包括视频和其他媒体内容，并确保它们在WordPress网站上正确显示。最后，讨论了如何将克隆的页面添加到网站的菜单中，以便用户可以通过菜单访问，而不是直接跳转到一个独立的HTML页面。

10:03

😀 克隆网页元素并添加到WordPress菜单

本段继续介绍了如何使用Clone Web X工具克隆网页元素，并将它们添加到WordPress网站的菜单中。详细说明了如何逐个元素地克隆网页内容，并在Elementor中进行编辑，以确保它们在WordPress网站上正确显示。强调了逐个元素克隆的好处，即可以在不影响其他元素的情况下进行编辑和更正。最后，展示了如何更新页面并将其添加到网站的菜单中，以便用户可以通过菜单访问，同时保持网站的其他导航元素，如页眉和页脚。

Mindmap

Keywords

💡WordPress

WordPress是一个广泛使用的开源内容管理系统（CMS），它允许用户创建和管理网站。在视频中，WordPress作为主要的平台，用于展示如何添加HTML页面。例如，视频提到了在WordPress网站上添加一个静态网页的过程。

💡HTML页面

HTML页面是构成网站的基本单元，由HTML代码编写，可以包含文本、链接、图片和视频等内容。视频中讨论了将HTML页面添加到WordPress网站的不同方法，强调了HTML页面在网站构建中的重要性。

💡WEP文件管理器

WEP文件管理器是一个WordPress插件，它允许用户直接在WordPress后台管理文件，而不需要通过网站托管账户。视频中提到使用WEP文件管理器上传HTML模板文件到WordPress，展示了其简化文件管理的便利性。

💡插件

在WordPress中，插件是一种可以添加新功能或改进现有功能的扩展程序。视频提到了安装WEP文件管理器插件，以及后来提到的CloneWebX插件，这些都是为了实现特定的功能，如文件管理和页面克隆。

💡克隆

克隆在这里指的是复制一个网页的内容和布局到另一个地方。视频通过CloneWebX工具展示了如何克隆HTML页面到WordPress网站，强调了这种方法的简便性和高效性。

💡Elementor

Elementor是一个流行的WordPress页面构建器插件，它允许用户通过拖放界面创建和设计网页，无需编写代码。视频中提到了使用Elementor来编辑和发布克隆后的页面，展示了其在网站设计中的实用性。

💡菜单

在WordPress中，菜单是网站导航的重要组成部分，允许访问者快速找到并访问网站的不同部分。视频讲解了如何将新添加的HTML页面链接到网站的菜单中，以便用户可以通过菜单访问这些页面。

💡PLR课程

PLR（Private Label Rights）课程指的是具有私人标签权利的课程，可以被购买者重新包装和销售。视频中以PLR课程为例，说明了如何将这类课程的HTML页面添加到WordPress网站，以供销售和分发。

💡上传

上传是指将文件从本地计算机传输到服务器或网站的过程。在视频中，上传是将HTML文件或文件夹添加到WordPress网站的必要步骤，无论是通过WEP文件管理器还是直接通过WordPress媒体库。

💡克隆网页工具

克隆网页工具是指能够帮助用户复制一个网页的内容和设计到另一个平台的工具。视频中特别提到了CloneWebX，这是一个可以帮助用户将HTML页面克隆到WordPress网站的工具，强调了它在网站内容迁移和复制中的实用性。

Highlights

ABS在他的YouTube频道上欢迎观众加入他的教程。

教程目的是展示两种非常简单的方法，用于在WordPress网站上添加HTML页面。

介绍了一个假设的案例，即在WordPress网站上添加一个PLR课程。

第一种方法是传统的，涉及将HTML模板上传到WordPress文件中。

推荐使用WEP文件管理器插件来访问WordPress文件。

通过WEP文件管理器上传HTML文件到WordPress。

上传后，可以通过WordPress后台重命名上传的文件夹。

通过在WordPress网站上添加新页面来查看上传的HTML页面。

介绍了如何将上传的HTML页面添加到WordPress菜单中。

指出直接添加HTML页面会导致页面与网站其他部分脱离。

介绍了第二种方法，使用Clone Web X工具克隆页面到WordPress页面构建器。

Clone Web X是一个付费工具，但提供有限的免费使用。

通过Clone Web X的Chrome扩展程序克隆页面。

需要在WordPress中安装Clone Web X的插件来使用其功能。

展示了如何将克隆的页面元素粘贴到Elementor页面构建器中。

讨论了如何处理克隆过程中视频不加载的问题。

提供了如何将克隆的页面添加到WordPress菜单的步骤。

强调了克隆元素时选择父选择器的重要性，以便复制整个页面。

教程结束时，鼓励观众点赞并提供了Clone Web X的链接。