WordPress 主题制作教程
小雯子@WordPress 啦！写作
作 者: 小雯子@WordPress 啦！
制 作 者: 大漠孤狼@站长百科
制作时间: 2009 年 2 月 2 日
制作网站: 站长百科 www.zzbaike.com
版 权: WordPress 啦！及作者
WordPress 主题制作电子书使用指南
本文档是 WordPress 主题制作的入门指导，详细分析了 WordPress 主
题的每个文件，并对常用的函数使用参数做了详细的介绍。只要您具
有基本的 html 及 css 知识，通过学习本文档就可以掌握 WordPress 主
题的制作了
为了方便大家阅读，制作了详细的目录及书签。对于 PDF 电子书来
说，我认为书签使用起来更方便一些，希望大家能够习惯电子书的阅
读方式。
本电子书由 WordPress 啦！的小雯子写作，我调整了一下版面并制作
成本电子书，获取 WordPress 的更多信息请大家访问 WordPress 啦
（ www.wordpress.la
）,上面有 WordPress 使用手册，评论，主题，
以及关于 WordPress 的最新新闻。
如果您有资料想制作成电子书请联系我，我们会协助您制作和发布.
有问题或建议请到我的博客留言：www.83blog.com
本电子书的版权归 WordPress 啦及作者所有，可以自由复制，转载，
但请勿将本电子书内容或其中的一部分私自用于出版物。如果需要用
于商业用途请联系我们。如果引用部分内容，请注明作者及来源。
联系方式：webmaster@wordpress.la
或到网站留言。
小雯子@WordPress 啦! （www.wordpress.la）写作
大漠孤狼@站长百科（www.zzbaike.com）制作 访问 www.wordpress.la 获取更多内容
1
一．WORDPRESS 模板文件 2
二．模板文件详细 3
1、HEADER.PHP 3
2、 INDEX.PHP 4
3、SIDEBAR.PHP 8
4、FOOTER.PHP 14
5、FUNCATIONS.PHP 14
6、ARCHIVES.PHP 15
7、SEARCHFORM.PHP 和 COMMENTS.PHP 16
8、STYLE.CSS 16
9、把 INDEX.PHP 另存为 SEARCH.PHP、PAGE.PHP、SINGLE.PHP 17
三．精确控制你的模板 18
1、用图片做 LOGO 18
2、关于 SIDEBAR（边栏的样式） 18
左侧有书签导航，点击书签就可以进入对应页面，很方便。为了方便大家使用，还专门制作
了函数的书签，点击可以进入查看函数的用法及参数。
小雯子@WordPress 啦! （www.wordpress.la）写作
大漠孤狼@站长百科（www.zzbaike.com）制作 访问 www.wordpress.la 获取更多内容
2
一．WordPress 模板文件
WordPress 里面有很多 php 文件，但是你使用了就会发现文件很简单，只要把
WordPress 的一般格局和功能搞清楚了，文件你也就知道个差不多了。
WordPress 的格局其实就像在做网页的时候一样，分为几个大类：
1. 头部文件： header.php
2. 主体内容部分： index.php
3. 页面文件： page.php
4. 单篇日志页面： single.php
5. 边栏文件： sidebar.php
6. 页脚文件： footer.php
index.php\page.php\single.php 是主体文件，里面包含着 header.php、
sidebar.php、以及 footer.php
header.php
sidebar.php
footer.php
主体部分文件由于所在页面不同，会导入不同的页面文件，一般情况下 index.php
是首页文件。
上面的是按照格局所得出的一些 WordPress 文件，还有按照功能得到的一些文
件：
1. 404 错误： 404.php
2. 文章存档： archives.php
3. 评论功能： comments.php
4. 自定义功能： functions.php
5. 搜索结果页面： search.php
6. 搜索表单： searchform.php
这些文件齐了以后，在加上 css 样式文件 style.css 以及图片文件夹 images，
博客也就有了大致的雏形了。
小雯子@WordPress 啦! （www.wordpress.la）写作
大漠孤狼@站长百科（www.zzbaike.com）制作 访问 www.wordpress.la 获取更多内容
3
二．模板文件详细
1、header.php
包含了模板的基本信息，有 meta 和 title 以及 link 的信息，还有显示博客的标
题与副标题，放置导航栏等
<div id="header">（头部）
<h1><a href="<?php bloginfo('url');?>
"><?phpbloginfo('name');?></a></h1>（标题）
<?php bloginfo('description');?>（副标题）
<div id="nav">（页面导航）
<?php wp_list_pages('title_li=&depth=1'); ?>（以有序列表的形式获得页面
的链接）
</div>
</div>
附：header.php 页面里经常用到的函数及其参数
<?php get_bloginfo (''); ?> ：将由 WordPress 函数自动生成的信息传回博客，
然后再在其他地方使用你的 PHP 代码
部分常用参数：
default：默认
name：名称
description：说明
url、home、siteurl：网址
charset：网页的编码方式
stylesheet_url：css 文件地址
