怎样实现把自己单独做的静态HTML页面放到基于 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' ); ?>" />

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

上面介绍了将WordPress转换为Page(页面)的方法,下面介绍转换为首页、分类、标签、文章等页面的方法:

  1. front-page.php:这个文件是首页,如果没有则使用上面方法二中在后台设置为首页的页面;
  2. home.php:文档归档页面,通常1中都没有使用这个显示首页;
  3. index.php:1、2都没有使用这个显示首页;
  4. single.php:文章模板文件;
  5. 404.php:404页面文件;
  6. page.php:页面模板文件,支持 page-$id (即页面 ID)或 page-$slug (即页面别名);
  7. category.php:分类归档模板文件,支持 category-$id 或category-$slug ;
  8. tag.php:标签归档模板文件,支持 category-$id 或category-$slug ;
  9. author.php:作者归档模板文件,支持 category-$id 或 category-$slug;
  10. date.php:日期归档模板文件;
  11. archive.php:如果主题没有7-10之中的任一文件,那么都会用此模板文件显示对应内容,当此模板文件也不存在时,则使用index.php显示,支持 archive-$id 或archive-$slug。

header.php、footer.php、sidebar.php等文件一般都是“页面部分”模板文件,即:页眉、页脚、边栏。

本站所有文章均来自互联网。如若本站内容侵犯了您的合法权益,可联系我们进行处理。

发表评论

您的电子邮箱地址不会被公开。