[WP]将静态html网页制作成WordPress主题模版详细教程（四）：小试牛刀-马春杰杰

一个WordPress主题至少包含以下两个文件：

style.css
index.php

好，现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\themes\ 下新建一个文件夹，命名为Aurelius，将前文：WordPress主题制作全过程（三）：HTML静态模板制作中下载到的style.css和index.html放到该目录下，再将index.html重命名为index.php，这样wp-content\themes\Aurelius目录下就有下面两个文件：

style.css
index.php

登陆你的WordPress博客管理后台 – 外观，里面是不是多了一个主题”Aurelius”呢？如下图所示：

[WP]将静态html网页制作成WordPress主题模版详细教程（四）：小试牛刀

启用该主题，打开你的博客主页，OH，页面一片混乱？怎么搞的？先继续看下文。你可能会很好奇，这个主题的名称可不以改成我要的名字呢、主题作者能不能改成我的名字呢、为什么主题没有小图片预览，下面就教你怎样更改这些”主题信息”。用文本编辑器打开Aurelius目录下的style.css，你可以按照下面的说明尝试在 style.css 文件最前面修改以下信息，再到WordPress管理后台”外观”栏目下，刷新一下看看有什么变化：

/*
Theme Name: 这里填主题名称
Theme URI: 这里填主题介绍的网址，没有就填你的博客网址吧
Description: 这里填主题的简短介绍
Version: 版本号
Author: 作者名
Author URI: 作者的网址
Tags: 标签，多个用半角逗号隔开
*/

Theme Name: 这里填主题名称

Theme URI: 这里填主题介绍的网址，没有就填你的博客网址吧

Description: 这里填主题的简短介绍

Version: 版本号

Author: 作者名

Author URI: 作者的网址

Tags: 标签，多个用半角逗号隔开

将前文 WordPress主题制作全过程（三）：HTML静态模板制作下载到的screenshot.png放到Aurelius目录下，再到WordPress管理后台”外观”栏目下，看看有什么变化，是不是多了个预览图呢？主题制作完毕后，你可以给你的主题界面截个图，命名为screenshot.png，大小300 * 225，放置到主题目录下作为主题缩略图。

好了，今天我们要讲的就这些，敬请期待下文。。。

最后将WordPress主题制作全过程（三）：HTML静态模板制作下载到的Aurelius目录下的所有文件拷贝到wp-content\themes\Aurelius目录下，并将所有 .html 后缀改成 .php ，以备我们下节内容使用。

[WP]将静态html网页制作成WordPress主题模版详细教程（一）：基础准备

文章目录[隐藏] 本系列教程适合以下人群阅读本系列教程不适合以下人群阅读阅读完本系列教程，你将收获开始制作主题之前，你必须配备以下工具本教程算是涵盖了WordPress主题模版制作的全过程吧本系列...

时间:2019/9/7 分类:建站教程 人气:241 评论:0