海豚的WordPress Theme教程

Popularity: 28%,  Web Develop, Wordpress, 技术探讨Tech

作为学习之用,原文海豚微笑的背后http://www.kdolphin.com/238

这篇和接下来几篇可以看作是制作KD02这个模版的一些心得和总结,其中大有可能存在谬误或错漏之处,权作参考。不过话说回来,看完后自己弄个可以看看的模版还是没问题的。
这篇内容很简单,只是介绍一下需要的工具和WordPress模版的基本结构文件。
工具:

  • 一个有代码高亮功能的编辑器,Windows推荐EditplusCrimson Editor,这两个比较小巧,而且后者是免费的。Linux我就不具体推荐了,估计大家都有自己顺手的。
  • FireFox + WebDeveloper,这个组合我提过很多次了,具体可以看一下链接里的介绍。
  • Internet Explorer,这个谁都有吧,做完了模版还是需要放到这里来看看的,我们不能回避占有量第一的事实,即使它并不标准。

文件:

  • 404.php
    404出错信息,当访问者输入了一个不存在的地址就会看到这个页面,可以在这里写一些有用的提示,或者直接给个404 error。
  • archive.php
    控制存档、分类、日期的输出页面。其实这些内容是可以单独控制的,不过大部分模版都不把它们分开对待。
  • comments-popup.php
    弹出留言窗口的输出格式。
  • comments.php
    留言部分的输出格式。
  • footer.php
    一般是用来输出页脚信息的,比如放些模版作者,版权信息之类。
  • header.php
    用来输出标题和菜单项,同时html文件的头信息也放在这里。
  • index.php
    整个首页的主体结构,正文内容输出部分就是放在这里的。
  • page.php
    “页”的模版文件,控制Page的输出内容。
  • screenshot.png
    从WP2.0开始,模版选择会提供缩略图,这个文件就是缩略图文件。
  • search.php
    搜索的结果输出页面。
  • searchform.php
    搜索框的格式定义。
  • sidebar.php
    用于输出侧栏内容。
  • single.php
    当点击一篇文章后,所展示的页面内容由这个文件来控制。
  • style.css
    所有所有页面的具体表现样式都由这个文件来控制。

一旦做起来就会明白,WordPress把一个页面的内容分成了Header + Content + Sidebar + Search Form + Footer这样的结构,对于模版制作者和用户来说这都是一个方便的处理方式。所以,各位和我一样的初学者都不用担心,我们后面所作的和搭积木一样简单。

No Comment
  • :em00:我顶
  • :em02:
  • :em03:嘿嘿
  • :em04:拍砖
  • :em01:不行
  • :em05:兴奋
  • :em06:撞墙
  • :em07:好困
  • :em08:耶!
  • :em09:不嘛
  • :em10:
  • :em11:
  • :em12:最爱
  • :em13:变!
  • :em15:我晃
  • :em14:得意
  • :em16:不知道
  • :em17:杀你
  • :em18:陶醉
  • :em19:给我醒醒
  • :em20:谁?
  • :em21:再见了
  • :em22:走咯
  • Leon , what's going on ?

    {我喜欢我四岁的时候怀疑一切的眼光}
  • 最新评论

    • lzh: :em00: 好厉害...
    • ray: :em00...
    • ustor: 强啊,包子.....
    • ssboy: 恩,我们图书馆的老师确实不错 :em00:...
    • 阳光: 阳光互联是垃圾噢 现在我被搞的很...
    • leonskywalker: 我看成了 viv无敌 :em15...
    • shanmay: 你怎么又换域名了啊......
    • simon: hsinet@163.com 请发给我一个吧,谢谢...
    • bluetimeh: 我也喜欢ubuntu,只是我的电脑配置太...
    • R: 我,从寝室到家的直线距离3.04Km :...