wordpress主题制作教程.docx

本文由万三水煮鱼(）制作整理，未经允许，请勿以任何形式转载，否则将被视为侵权！
在学习本教程之前我们应该准备些什么？
搭载本地服务器：一键搭载php+mysql+apache环境教程
如果你想要获得更多教程请登录万三水煮鱼
免费的域名和空间信息，在这里为你提供免费的空间信息。
个人觉得wordpress最吸引用户的地方就是它灵活的插件和主题机制,这可以使人们不用任何专业教程便可建立属于自己的博客,即网站.
对于自己的网站你心里是不是也有这样或者那样的想法?网上现在的wordpress主题很丰富，这里不乏优秀的作品，但是是不是和你心里想要的样子总有这样或者那样的不同？毕竟那不是为你自己专门定制的！那就动手制作自己的网站吧！
先打开wordpress主题中的文件，就wordpress默认的主题“twentyeleven”吧。wordpress主题全部存放在“网站根目录\wp-content\themes\“文件夹中，我们打开网站根目录\wp-content\themes\twentyeleven\index.php,这是网站的首页：如下图：

其中红框中的内容可以完全省区，那就只剩下十几行英语单词了。
这么简单？
对！就这么简单，你要你认识26个英文字母，你就能学会这篇教程，成为WPer！
就从上图讲起，是php语句，php语句以""结尾。而其中get_header()是wordpress内置函数，所谓内置函数就是不用我们定义就能直接使用的函数。与内置函数对应的自然是外部函数，必须由我们编写定义存于主题目录下"functions.php"才可使用，比如上图中get_template_part()就是用户定义函数。由主题twentyeleven定义，在别的主题就不能使用。
其中个西瓜的挪动。
如果你没有完全看懂上面一段话，那么不用纠结，直接跳过，因为你不需要完全懂那些东西。不过懂得这些东西对以后的工作却大有益处，如果你想要了解更多可以参见独立的教程。

有现成的如果可以满足你的要求就用现成的,因为时间比金钱更重要,如果现有要满足你的要求要进行大量的修改,那么就干脆自己再做一个,因为这比对一个毫不了解的东西进行修改要简单的多.
这篇教程说是wordpress主题制作教程，但叫wordpress修改教程，因为这篇教程教你基于现成的主题单单改变它的外观，这会简单很多。
这里我们以修改wordpress默认主题twentyeleven为例，当然你也可以以别的主题为基本。
首先进入后台，确认你当前使用的主题为twentyeleven主题：

打开twentyeleven主题文件夹，很多文件，不用管它，我们修改主题主页。进入后台，选择编辑，我们可以看到其中各个文件的作用。

首页模板，即index.php文件。
打开index.php文件（不推荐使用微软自带的文本编辑器打开，因为有可能出现乱码这里我使用的是dreamweaver）。打开后直接清空。
在文件中写入以下内容。
org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

保存文档，进入浏览器输入：localhost访问。
我们看到了一个空白的窗口，为什么？因为上面我们只是写了一个HTML基本框架，并没有向这个框架“添加”内容。
简单解释上面代码：
HTML文档开始标签。
文件头开始标签。
定义文本编码，这里为utf-8；
定义HTML标题开始标签
定义HTML标题结束标签
文件头结束标签。
文档主体开始标签
文档主体结束标签
HTML文档结束标签。
如你所见，除了单标签所有HTML开始标签都要有结束标签。形式如;上文中，ta>标签就是一个单标签。

为文档添加标题
在上面代码中之间添加如下代码：

现在的代码如下面：

<?php bloginfo('name'); ?>

保存文档，回到浏览器刷新。
现在页面如下图：

我们做了什么？
是一句php语句。前面提过。
其中bloginfo()函数是wordpress的内置函数。根据其中的函数输出博客的相应信息。
这句中参数为“name”，所以输出的是博客的名字。

第三章:
添加博客标题.在和之间写入以下语句：
这个就是前面被用来当页面标题的，前面已经讲过，这里不再多讲。保存文档，刷新浏览器

哈哈网页有东西了，这说明你没有做错。

继续编辑文档。后面添加内容：
保存文档刷新浏览器。

我们刚才做了什么？和'name'); ?>调用的是同一个函数，只是参数不同罢了。description是描述的意思。所以这句php语句的输出网站的描述。（网站名称和网站描述）在后台设置。我想这个不用说明了吧。。。）
在前添加