1、erdaoo 的 WP Theme 教程学习笔记文章目录 WP 主题简介 index.php class Not Found 页面导航 侧边栏 其他文件本文由 erdaoo 学习本站的 WP Theme 教程之后的学习笔记整理，经本站整理，erdaoo 本人同意之后在本站发表，以便给更多学习 WP Theme 教程的人帮助。学习本教程，需要：1. 对 PHP，WP，CSS，PS 有一定的基础，懂得初步的应用。2. 你是一个想要表现自己的家伙，并且不想再使用别人制作的主题。3. 你要有耐心，细心，细心，耐心。WP 主题简介在 详细分解代码之前，我们还是要先了解一下 WP主题的大致情况。一个 WP
2、 的主题是由几个 templates 文件组成的，每一个主题必有的二个文件是：index.php 和 style.css（样式表），除此之外还有一些其它的文件（不是必须），它们和 index.php 文件间存在优先级关系，如果它们存在，WP 模板系统就会调用它们显示相应的页面，否则模板系统会调用 index.php 来显示。它们有可能是以下文件： single.php 单一日志文件，用于显示单一日志 page.php 页面模板文件，用于显示静态页面 archive.php 存档文件，用于显示存档页面 category.php 类别文件，用于显示类别页面 search.php 搜索文件，用于显示
3、搜索结果 404.php 错误文件，用于显示 404页面 comments.php 评论文件，用于显示评论和评论框index.php首先制作 index.php，我们知道在一个网页中，代码主要分为二部分，一个是页头信息，一个是页面内容。.页头信息.页面内容每个主题的页头信息都是几乎一样，具体可以查看默认模板的 header.php 文件（为保证所有页面的页头信息的一致性，所有页头信息都放在 header.php 文件。）接下来我们谈下一话题，关于母猪的产后护理（我学的太杂了，都弄混了）我们来谈一下 body中的内容。它包含四个部分，每一部分都可以叫做一个集成模块，其实一个主题就是由不同的模块构
4、成，模块又是由不同的模块构成。 header WP 的顶部，显示博客的名字与描述，放置导航栏，搜索栏等等。 content WP 的正文部分，显示贴子的内容，作者，时间，分类，评论，编辑等等。 sidebar WP 的侧边栏部分。 footer WP 的尾部，这部分只有很少的内容，通常是版权信息。对于每一个集成模块中的内容，理论上是可以随意放置的，比如我们可以把header模块中的搜索栏放在 sidebar模块中去。那如何区分这四个集成模块呢？看以下代码。这是我的博客这是我的日志搜索栏，分类，存档，友情链接版权信息，我是二道通过 div 标签，我们可以把这些模块分隔开来。header现在开始我
5、们第一部分的代码块，不过在写代码之前我还得要啰嗦一句，写代码要有层次感，要记得缩进，不要用空格缩进而用 TAB键。“id 是 div 的一个属性，给 id 赋于不同的值，这样就可以区分每一个 div代码段。bloginfo() 是 WP 中定义好的函数，参数 url 返回网址，参数 name 返回网站的名字，参数 description 返回网站描述。在上面的代码中，就是为博客的标题并加上一个超链接，并且显示描述。如果我们把上面的三行代码加上页头部分另存为一个新的文件 header.php。这样我们就可以通过以下 WP 函数导入它们。这样的好处是，你只要修改一下 header.php文件，所有
6、调用这个文件的页面都会跟随改变，而不用一个一个地去修改了。content现在开始我们第二部分的代码块：这里使用 if(have_posts() 来检测是否有日志存在，如果有的话，就用 while 循环显示。the_post() 就是调用日志的函数。而每一篇日志又是有标题，有发布时间，有分属类别，有读者的评论，这些又全部需要用 div 标签来分隔开。看下面的代码：“class现在我们得要说说 class 了，它是与 id 都是标签的属性，但是不同之处在于，id 的参数值是唯一的，它在一个页面只能使用一次，而 class 的参数值是可以多次使用，比如 id=”header” 只能出现一次，因为我们
7、只有一个地方可以出现博客的名字。而 class=”entry” 会经常出现，那是因为我们的博客里不只是有一篇日志。为什么我们要用到 id 与 class，难道只用一个不行吗，反正功能都是相同的。不要忘了我们前面说过的一个重要文件，style.css 样式表文件。我们为某一段代码添加了属性，如同起个名字而已，这样在样式表中我们就可以为这些名字来定制它们的样式了。这 样说你还不明白？那就打个最简单的比方吧，你可以有很多的兄弟，但是你们只能有一个爹，你不能用你爹的名字叫你的兄弟，但是你爹可以用你兄弟的名 字叫你。样式表文件就和你奶奶一样，你爹再牛逼也得听你奶奶的话，叫他怎么样他就得要怎么样。（老大你
8、这个比喻寒啊，瀑布寒！）Not Found前面的代码中有说到，如果检测到有日志的话，就用循环调出来，可是如果没有日志的话那要怎么样呢？“把这一段代码加在 之后就可以了。页面导航当你的博客内容越来越多的时候，在 WP 的后台又设定了首页只显示 10个日志，那么从第 11个开始都无法在首页显示出来。这样在博客的最后一篇日志下面就会出现后一页或前一页的链接。如果你还不到 10个日志，这个链接就不会出现。把下面的代码加入到 前面分 析一下 posts_nav_link() 这个 WP 函数，它可以有三个参数：“ *写教程不是一个简单的事，它不光让我心烦，还让我难以找到适当的词来表达，所以要体会一下当老
9、师的难处。*侧边栏第 三部分，关于侧边栏。侧边栏有一个特点，就是又臭又长，当然了这不是什么缠脚布。先不要乱扯。因为地形有限，所以侧边栏里的内容，多以列表的形式 排开。下面欢迎一对父子出场，他们的感情是相当的好，从来都是父子不分家，有父必有子，有子必有父，父中有子，子中有父。他们就是 和!UL 表示无序列表，OL 表示列表元素。在侧边栏里，你要有几个不同的栏目，栏目的存在，就是为侧边栏进行了分类整理。每一个栏目又要有不同的分类列表，继续为上面的代码添加内容。wp_list_cats() 函数为调用日志分类列表，它的参数也有三个。每个参数之间用 ?参数 depht=3为可选参数，表示可以设定显示三
10、级列表。注意一点，本教程的代码是制作模版的代码（PHP 代码），在 WP中使用一个主题也就是等于在套用一个模版。在网站中查看源代码是看不到模版的代码的（已经被解释成 HTML 代码）。上面这一段模版代码，在网页中查看源代码，实际上显示的是这样的：文章存档与爱情有关的分类贴子与生活有关的分类贴子. 增加一个存档栏目：wp_get_archives() 函数是用来获取文章存档的，参数type=monthly定义为以每个月的时间来进行分类存档增加一个友情链接栏目：不用担心没有实际内容，它会自动调用在 WP 后台中添加的友情链接。增加一个搜索栏目：这里使用 include() 函数调用一个文件，参数
11、TEMPLATEPATH 为主题文件夹路径，为了调用成功，你还需要有一个文件：searchform.php。增加一个日历栏目：这里就不用多废话了。增加一个管理栏目：wp_loginout() 来确定你是否登陆，如果登陆就显示登出链接，如果没有登陆，就显示登陆的链接。wp_register() 来确定你的身份，如果没有登陆，就显示注册的链接，如果有的话，就显示管理的链接。而 wp_meta() 却是什么也没有做。也不用去理它，还没有人来说明它是起什么作用的。实际上它是 WordPress 的 hook。窗体化侧边栏在侧边栏开始的地方第一个的后面，加上以上代码。也要在侧边栏结束的地方前面加上一句从
12、 WP2.0 开始，已经在后台集成了一个侧边栏的插件Widget，它的功能就是可以很方便的在 WP后台调整侧边栏中的内容，直接使用鼠标就可以移动每一个栏目的位置，而不需要去修改相应的代码。让每一个栏目都以窗体化存在。function_exists(dynamic_sidebar) | !dynamic_sidebar() 这两个参数来自于一个新的文件 functions.php 我们需要创建这个文件才可以完成侧边栏的窗体化.。通过观察不同的 WP主题，会发现在侧边栏中的内容远不止以上所列举的，要在学习中举一反三，才会制作出更加出众的主题。至此，侧边栏中的内容结束，我们也可以把第三部分的代码另存
13、为一个新的文件 sidebar.php，在 index.php中填加一句代码就可以使用侧边栏顺便再增加一行代码：这是调用尾部文件 footer.php 的代码。我想你应该知道如何处理一个简单的 PHP 文件了，要么你就再重头学一次本教程。再一次查看一下 index.php有了哪些代码“ index.php 文件的代码已经全在这里了，但是只有第二部分内容需要详细的代码，而其它的部分我们都可以调用外部文件，至此一个 WP 的主题构造已经搭建好，再一次提醒各位，检查代码，确认书写正确。只有不厌其烦地写代码才会对代码有更深刻的印像。其他文件下面开始创建其它文件将 index.php的全部代码另存为 a
14、rchive.php，并且把 the_content 改成 the_excerpt，创建存档文件，它会显示在分类栏目下的每篇日志的摘要。将 archive.php另存为 search.php，创建搜索文件，这样就可以在搜索中得到每篇文章的摘要。将 index.php 的全部代码另存为 page.php，创建页面模板文件，在 下面输入以下代码：Pages: , , number); ?说明：如果一个页面，篇幅超长的话，我们可以把它截断分成几页来显示，, ); ?说明：显示一个可以编辑的链接删除掉 至 这一块的代码删除掉以下代码：说明：对于静态页面，它没有属于哪个分类，我们也不希望被某人评论，当然
15、它也不能显示与另一个页面间的连接，所在要去掉一部分代码。将 index.php的全部代码另存为 single.php，创建单篇文章文件，点击文章的标题，可以查看全文内容。在 下输入：Pages: , , number); ?这段代码和上一例相同，都是可以用来截断文章。删除以下代码：把 替换成 说明：在单篇文章的下面显示的应是上一篇与下一篇的链接，而不是上一页与下一页的链接。如何处理留言评论？想一想，每一个留言评论都是对于一个文章而产生的，所以只要在单篇文章页面里添加一个调用评论的函数就可以。在 single.php 文件中 代码块结束的 下面，输入以下代码：comments_template() 这个 WP 函数是用来从 comments.php 文件调用评论模板。所以我们还要创建一个 comments.php 文件。
