WordPress使用自定义HTML主页


前提

把自定义的HTML页面作为网站主页或进入网站的引导页,可以使用二级域名。如果不想用二级域名,可以将页面转换为WordPress文章模板。再通过后台设置实现。如果页面文件结构复杂,仍推荐配置二级域名。

转换模板

假设网页文件包含:

  • images
  • index.css
  • index.html

更改文件

第一步:将index.html更名为newpage.php

第二步:编辑此文件,在最上方加入以下内容:

<?php
/*
Template Name: 新主页
*/
?>
PHP

第三步:将正在使用主题目录下的style.css文件与index.css合并为一个文件。
可以参考以下方法,但要注意内容冲突:
style.css更名为styleold.css。新建一个style.css文件,写入以下内容后上传到主题目录:

<styletype="text/css">
@import "index.css"
@import "styleold.css"
</style>
CSS

第四步:编辑newpage.php,在头部找到

<link rel="stylesheet" herf="xxx">
HTML

将xxx替换为:

<?php bloginfo( 'stylesheet_url' ); ?>
PHP

第五步:替换图片链接。将css与php文件中的图片路径如images/xxx.jpg更改为:

<?php bloginfo('template_directory'); ?>/images/xxx.jpg
PHP

若文件较多推荐使用文本替换专家。

上传文件

将修改后的所有文件用FTP上传至主题目录下。

后台设置

文件上传完成后进入WordPress后台完成后续操作。

创建页面

第一步:进入后台-页面-新建页面,命名为主页,内容留空,右下角页面属性中模板选择:新主页(模板名字可在更改文件-第二步中修改)。发布。

第二步:再创建一个新页面,命名为文章页,内容留空。发布后返回编辑,将永久链接-URL别名修改为home。更新页面。

设置主页

在后台-设置-阅读中配置主页。
在主页显示中选择:一个静态页面。主页处选择:主页。文章页处选择:文章页。
保存设置。

使用

newpage.php中设置进入文章页的按钮或链接,链接为url/home/。这时访问域名,打开的就是之前HTML页面的内容。点击按钮或链接进入原来的WordPress主页,即文章页。