如何将静态页面添加到WordPress？

Question

只是想知道如何将自己的静态html页面添加到WordPress？例如，假设我有一个页面products.html，如何将其添加到wordpress（任何菜单等），一旦添加，我如何访问他们因为wordpress有一个典型的网址结构

Answer 1

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

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

如上所述，如果URL的文件存在，那么WP不会被调用来路由请求。如果您以后删除＆＃34;婚礼＆＃34;文件夹或＆＃34; index.html＆＃34;来自其中的文件，任何试图访问donotexist.com/wedding 然后的人都将被路由到WP，如果找不到匹配的永久链接，他们会看到404页面找不到错误或者你的主题或插件设置为显示损坏的链接。

Answer 2

WordPress的静态页面功能被巧妙地称为“页面”。您可以在此处阅读所有相关信息：http://codex.wordpress.org/Pages

Answer 3

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

如果您只是将一个静态html文件添加到wordpress目录中，它可能会也可能不会起作用，具体取决于mod重写。

Answer 4

您不需要安装任何其他插件。只需按照以下步骤操作，一切就很好了。

1. 在管理>页面>添加新下创建页面。
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 文件中的静态内容。

Answer 5

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

Answer 6

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

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

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

Answer 7

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

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

希望这会有所帮助！

Answer 8

正如其他人已经注意到上传文件夹一样，主目录是执行此操作的最佳方式。

www.yoursite.com/products/index.html

您需要了解的重要事项是Wordpress不会知道此页面，并且它不会自动包含在您的sitemap.xml中并提交给Google。

因此，如果您希望正确编制索引页，则需要使用Google网站站长工具修复此问题。

Answer 9

如果您有权访问这些文件夹，则可以使用get_template_directory_uri（），它将返回主题所在的目录。 因此，例如，如果你在他们的目录中有welcom.html，你可以像这样在你的内部引用它。

例如，

<a src="<?php echo get_template_directory_uri()?>/welcom.html"> Welcome</a> 将打开welcom.html，假设它位于你的目录中。

Answer 10

您可以使用我的插件。 Download from WP repository。安装后，您将在Pages下有HTML Pages选项。它会在您选择的自定义URI下输出您的自定义HTML，这样您就不必乱用文件夹了。

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

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

2）使用新的子菜单项（Pages-＆gt; HTML Pages）创建新的HTML页面

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

4）点击“发布”然后转到yourwebsite.com/my-html-page，您应该会看到您的静态HTML页面，并将其状态设置为“已发布”

Answer 11

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

不是完美的，但是可以完成工作。 ：）

Answer 12

您还可以使用免费的WP插件，只需使用该插件上传档案即可。使用静态页面https://designmodo.com/static-pages/

将静态HTML添加到WordPress非常容易

您也可以自定义首页。

Answer 13

在主题中添加格式为page- {slug} .php的页面，例如 page-products.php 。您还需要在具有该名称的页面下的wordpress上添加一个空白页面，例如，如果您的文件是 page-products.php ，则您在wordpress上创建的页面的ID应为产品。这应该工作。 有关详细信息，请查看此链接https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-a-custom-page-template-for-one-specific-page。