如何把自己单独做的HTML页面放到基于 WordPress 的网站上？

最新推荐文章于 2024-07-23 16:20:34 发布

原创最新推荐文章于 2024-07-23 16:20:34 发布 · 3.2k 阅读

16 ·

CC 4.0 BY-SA版权

本文详细介绍如何将HTML页面转换为WordPress的页面、首页、分类、标签等，并解释如何正确引用CSS、JS及图片资源，适用于WordPress网站定制化需求。

方法一：

1、将 xx.html 修改为 page-xx.php 上传到你当前使用的主题目录中；
2、在 WordPress 后台创建别名为 xx 的页面后发布，大功告成。

注意：创建的页面别名一定要与page-后面一样。或者在步骤1中将xx改为你的页面ID。

方法二：

1、将 xx.html 修改为page-template-xx.php 然后再该文件头部添加：

<?php
/*
Template Name: xx 页面模板
*/
?>

然后上传到你当前使用的主题目录中；
2、在 WordPress 后台创建别名为 xx 的页面并选择页面模板为第一步中创建的 xx 页面模板，然后发布，大功告成。

如果你添加的页面是首页，可以在设置 > 阅读 > 首页显示中设置将此页面设置为首页。

关于CSS、JS、图片等外部文件

如果你的页面有引用 CSS、JS 以及图片，例如：sample.css、sample.js、sample.jpg，可以将这些文件一并复制到主题目录下，然后引用地址改为：

<link href="<?php echo get_theme_file_uri( 'sample.css' ); ?>" rel="stylesheet" type="text/css" />
<script src="<?php echo get_theme_file_uri( 'sample.js' ); ?>" type="text/javascript"></script>
<img src="<?php echo get_theme_file_uri( 'sample.jpg' ); ?>" />

如果有视频等，同上面方法。

作者：马向阳
链接：https://www.zhihu.com/question/20129430/answer/40653740
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

如果你想了解更多：

2017.11.04 新增：

上面介绍了将WordPress转换为Page（页面）的方法，下面介绍转换为首页、分类、标签、文章等页面的方法：

front-page.php**：这个文件是首页，**如果没有则使用上面方法二中在后台设置为首页的页面；
home.php：文档归档页面，通常1中都没有使用这个显示首页；
index.php：1、2都没有使用这个显示首页；
single.php：文章模板文件；
404.php：404页面文件；
page.php：页面模板文件，支持 page- $i d （即页面 I D ）或 p a g e -$ slug （即页面别名）；
category.php：分类归档模板文件，支持 category- $i d 或 c a t e g o r y -$ slug ；
tag.php：标签归档模板文件，支持 category- $i d 或 c a t e g o r y -$ slug ；
author.php：作者归档模板文件，支持 category- $i d 或 c a t e g o r y -$ slug；
date.php：日期归档模板文件；
archive.php：如果主题没有7-10之中的任一文件，那么都会用此模板文件显示对应内容，当此模板文件也不存在时，则使用index.php显示，支持 archive- $i d 或 a r c h i v e -$ slug。