36

如何将我自己的静态 HTML 页面添加到 WordPress？

例如，假设我有一个页面，products.html我将如何将其添加到 WordPress（任何菜单等），一旦添加，我如何访问它们，因为 WordPress 具有典型的 URL 结构？

4

13 回答 13

20

如果您（如 OP 要求的那样）希望它出现而无需添加 .html，只需在 WP 站点的 index.php 出现的同一位置创建一个文件夹，然后将您放入该文件夹中的文件命名为 index.html .

例如，如果您在 dosnotexist.com 上安装了 WordPress，并且您想添加一个与您的 WP 安装分开的静态页面，人们可以在 dosnotexist.com/wedding 上访问该页面 - 创建名为 Wedding 的文件夹，并将 HTML 放入婚礼文件夹中的 index.html 文件。当然，您也可以将其他文件放入该文件夹或其中的文件夹中，以便静态页面可以引用图像、样式、代码等。

正如上面有人所说，如果 URL 的文件存在，那么 WP 将不会被调用来路由请求。如果您稍后从其中删除“wedding”文件夹或“index.html”文件，那么任何试图访问 dosnotexist.com/wedding 的人都会被路由到 WP，如果没有找到匹配的永久链接，他们会查看 404 页面未找到错误或您的主题或插件设置为显示断开的链接。

于 2014-12-10T18:29:43.647 回答
6

WordPress 的静态页面功能被巧妙地称为“页面”。你可以在这里阅读所有关于它们的信息：https ://wordpress.org/support/article/pages/ 。

于 2010-03-02T14:12:52.020 回答
6

您不需要安装任何额外的插件。只需按照以下步骤操作即可。

  1. 在Administration>Pages>Add new下创建一个页面。
  2. 输入您想要的页面名称、自定义URL并按发布。
  3. 这将在wp_posts表下的数据库中生成一条记录。（wp_ 是您的 wordpress 表格的默认前缀。如果您在安装过程中更改了它，请将其替换为您的自定义前缀）。在表格中找到与您的页面名称相同的ID。
  4. 转到您的 wordpress 安装目录或子文件夹中的wp-content\themes\YOUR_ACTIVE_THEME（这取决于主题的结构）。会有page.php文件。在同一目录中创建一个page-{ID}.php文件。
  5. 准备好了。将任何静态 html 文件添加到page-{ID}.php文件。

现在，如果你去自定义URL，你可以找到你放在page-{ID}.php文件中的静态内容。

于 2020-01-02T03:46:02.093 回答
5

你是说页面模板吗？：页面模板 « WordPress Codex。您可以制作一个新的页面模板并修改它的 php 和 xhtml（并添加静态 html），然后在 wordpress 编辑器中生成新页面时使用该模板。

如果您只是将静态 html 文件添加到您的 wordpress 目录，它可能会或可能不会工作，具体取决于 mod rewrite。

于 2010-03-02T20:43:39.553 回答
3

只需将它上传到你的 wordpress 根目录（你有 WP 的 index.php），假设如果你把你的 products.html 放在 myproduct/ 目录中，那么它可以通过 url 访问： http://www.yoursite .com/myproduct/products.html。希望它能回答你的要求。

于 2014-08-16T14:36:17.763 回答
3

将格式为 page-{slug}.php 的页面添加到您的主题中，例如page-products.php 。您还需要在 wordpress 上使用该名称的页面下添加一个空页面，例如，如果您的文件是page-products.php，则您在 wordpress 上创建的页面的 id 应该是products。这应该有效。有关更多信息，您可以查看此链接https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-a-custom-page-template-for-one-specific-页。

于 2017-06-12T09:17:33.810 回答
2

要按照您的描述进行操作，请将 products.html 页面放在您的 public_html 目录中。编辑您的 wordpress 主题的 header.php 文件，在菜单部分添加到 products.html 页面的链接。根据您的设置方式，您可能必须在 URL 中使用绝对路径。

如果您想在 products.html 上保留 wordpress 导航，以便您可以浏览回网站的 wordpress 部分，则需要在该页面中复制标题 html。

基于此缺点并根据您的要求，我建议您考虑使用其他答案中建议的页面或页面模板，以便产品页面是 wordpress 布局的一部分，您可以利用共享导航/外观等等

于 2010-03-02T22:58:46.677 回答
1

正如其他人所指出的那样，上传文件夹主目录是最好的方法。

www.yoursite.com/products/index.html

您需要意识到的重要一点是，Wordpress 不会知道此页面，并且不会自动将其包含在您的 sitemap.xml 中并提交给 Google。

因此，如果您希望页面被正确编入索引，则需要使用 Google 网站管理员工具来解决此问题。

于 2016-09-22T19:19:12.993 回答
1

你可以使用我的插件。从 WP 存储库下载。安装后，您将在 Pages 下拥有 HTML Pages 选项。它将在您选择的自定义 URI 下输出您的自定义 HTML，因此您不必弄乱文件夹。

更新- 完成您想要的确切步骤：

1) 安装并激活一个名为 WP Custom HTML Pages 的 Wordpress 插件

2）使用新的子菜单项（Pages->HTML Pages）创建一个新的HTML页面

3）在“页面永久链接”字段中输入您希望分配给页面的自定义 URI，例如/my-html-page（在撰写此答案时，您输入的值必须以“/”开头字符）并在“HTML 页面代码”字段中输入您希望显示的页面文档的所有 HTML 和 CSS

4) 单击“发布”然后转到 yourwebsite.com/my-html-page，您应该会看到静态 HTML 页面，前提是其状态设置为“已发布”

于 2017-11-19T21:11:16.090 回答
1

您也可以使用免费的 WP 插件，只需使用插件上传存档即可。使用静态页面https://designmodo.com/static-pages/向 WordPress 添加静态 HTML 非常容易

您也可以自定义您的第一页。

于 2019-04-10T08:55:24.140 回答
1

我们只是为这个https://wordpress.org/plugins/drophtml/发布了一个简单的插件。顾名思义，在管理面板中放置一个 zip 文件，它将基本上托管您的静态资源。

您还可以在管理面板中编辑 HTML 文件和管理 zip 文件。

希望这可以帮助！

于 2020-04-29T15:50:18.390 回答
0

如果您有权访问主题文件夹，则可以使用 get_template_directory_uri()该文件夹将返回主题所在的目录。
因此，例如，如果您welcome.html在主题目录中，您可以在主题中引用它，如下所示：

例如：
<a src="<?php echo get_template_directory_uri()?>/welcome.html"> Welcome</a>

将打开welcome.html，假设它位于您的主题目录中。

于 2016-12-10T06:36:49.283 回答
0

它可能不是最好的解决方案，但我解决这个问题的方法是添加多个页面模板。例如，我调用一个“联系人页面”，然后在页面选项卡中创建一个联系人页面并应用该模板。然后我使用页面模板来显示静态 html。

不是完美的，但可以完成工作。:)

于 2019-02-17T19:13:48.287 回答