版权所有© 網生@誌 | zEUS.’Blog 保留部分所有权 | 本页载入信息: 4108 次查询. 耗时1.743 秒. | |
D&Z Theme Pro 主题由 DZTHEME.COM 出品 | Wordpress 提供驱动动力 | 鄂ICP备07011793号 | 返回页顶
在制作其它页面模板之前我们先了解一下这些页面和首页 index.php 的不同之处。
首页的 content 内容栏循环输出指定数量的日志,而独立日志页 single.php 只输出一篇日志和与其对应的评论部分,页面页 page.php 和独立日志页基本相同,存档页面 archive.php 和首页 index.php 基本相同,搜索结果页 search.php 和首页 index.php 也基本相同。所以制作这些页面模板是非常容易的。
首页 index.php 已经完成了,在介绍如何建立其它的页面(页面页 page.php 、独立日志页 single.php 、存档页 archive.php 和搜索结果页 search.php )之前还有一项工作。
一般来说这些页面都拥有一些相同的部分——页眉 header 、页脚 footer 和 侧边栏 sidebar ,为了避免重复我们可以把这些部分从 index.php 里分离出来,以方便其它页面调用,而 Wordpress 也正好为它们提供了单独特定的文件名:header.php 、 footer.php 和 sidebar.php
样式是一个主题模板最核心的内容,虽然不难,但想成就一款大成的主题模板则并非易事。以下我只介绍如何建立一个最最基本的模板样式,如果你想打造一款炫目的主题模板,需要满足两点——炫目的设计和扎实的 CSS/DIV 技能,如果你不能同时满足以上两点,请跟着我一步步的从最简单的模板开始。
在写样式之前,我们脑子里肯定得有个谱,明确主题的色系、结构等,细节方面可以稍侯再考虑。如果你有能力的话可以先 PS 一套方案出来。
琢磨了半晌,还是决定在写样式之前先把 Wordpress 的 PHP 调用语句插入到 index.php 文件中,这样在编写样式的时候可以方便的在本地进行测试。
在上一篇日志里介绍了 index.php 的结构,这里我就介绍如何将 PHP 调用语句插入对应的层(DIV 标签)中。
对照下图进行讲解
先从 Wordpress 主题模板的构成谈起。
Wordpress 主题必须包含2个文件:index.php 和 style.css ,index.php 即我们的“首页”,style.css 是主题的样式文件。你可能会想,一个 普通 Wordpress 主题包里可不止这2个文件,是的,关于这个问题稍后解释。这里我们先来了解下 index.php 的构造。
一直都想把自己制作 Wordpress 主题模板的一些经验记录下来,除了分享知识外,还能给自己减轻一点负担——毕竟每天的 QQ 答疑是件很费时间的事情…
我的初衷是写一篇很“傻瓜”的教程,希望新手也能轻易看懂,即使你一点都不懂 PHP 也没关系,这对制作主题模板没有任何影响,但是若连 HTML 和 CSS 都完全不知晓的话,可能就很难下手了。所以 HTML 和 CSS 是制作主题模板的必须知识储备,我曾收集过相关教程,对上述知识不胜了解的朋友可以先学习一下: