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

Posted 2021-03-26

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

答案

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

另一答案

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

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

另一答案

添加格式为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。

另一答案

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

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

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

另一答案

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

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

另一答案

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

另一答案

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

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

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

另一答案

正如其他人已经注意到上传文件夹一样，主目录是最好的方法。

呜呜呜.your site.com/products/index.HTML

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

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

另一答案

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

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

另一答案

你可以使用我的插件。 Download from WP repository。安装后，您将在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页面，并将其状态设置为“已发布”

另一答案

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

不完美，但完成工作。 :)