想做一個黑色版的模板

  做过的两个模板KD02, KD03都是很阳春白雪的,今天看到livid的黑色版也手痒想做一个。这个黑色配色就难喽,特别是用于中文显示。

Technorati Tags: ,

WordPress Theme: KD03 0.1

  新做了一个WordPress的模板,接着KD02就叫KD03吧,可以访问这里获得详细信息
KD03

Technorati Tags: ,

為留言增加序列號

  讲一下如何在留言部分增加数字序列,以WordPress的Default模版为例:
修改comment.php

  1. 找到<ol class=”commentlist”>,在这句下面添加<?php $relax_comment_count=1; ?>
  2. 一般来说这句下面会有一段<li></li>的语句,在这段语句下面添加<?php $relax_comment_count++; ?>
  3. 上面说到的那句<li></li>中可以找到一句<?php comment_text() ?>,在此句上方添加<div class=”commentcount”><?php echo $relax_comment_count; ?></div>

最终像是这个样子:


接下来就是用css来调整一下commentcount的表现形式,在style.css里增加类似下面的内容:
.commentcount {
font-family: Georgia,sans-serif;
font-size: 24px;
font-weight: bold;
color: #e0e0d0;
float: right;
}

  文章到此完毕,其他模版基本也是一样的,大家自己推敲推敲。

Technorati Tags: ,

海豚的WordPress Theme教程 part5

  这次讲sidebar.phpfooter.php,这两个其实能讲的不多,一般来说各位拿到一个模版最可能改的就是这两个文件了。

sidebar.php
[php]

[/php]
  KD02模版的sidebar被分成了两个部分:位于右边的部分提供导航菜单、“关于我”、搜索和Feed订阅地址,位于footer上方的分成了三栏来显示一些信息。

  • line1-line24: 是右侧的sidebar。
  • line2-line9: 这是导航菜单的部分,用css控制一下<li>的表现就很容易实现,如果菜单比较多或者少可以调整一下宽度。
  • line11-line13: “关于我”的部分,没什么说的。
  • line14-line17: 搜索部分。
  • line18-line23: Feed订阅地址。
  • line26-line48: 这是footer上方的三栏内容,用三个<div>来分隔,内容不是很重要,各位都会有自己的习惯。

  这里提一下sidebar的阴影制作:先决定需要的栏宽;然后做一个1px高度、栏宽宽度+40px的jpg文件;左右作20px适当的灰色;相应css如下。很简单吧,不用作大图片,会根据<div>的高度自适应。
[css]#menu {
float:right;
overflow:hidden;
display:inline-block;
font-size:0.8em;
width:213px;
margin: 220px 0 0 0;
background: url(images/fade.jpg) repeat-y;
padding: 0 20px 10px 20px ;
}[/css]
footer.php
[php]


[/php]
  footer没什么内容,主要就是一些站点的相关信息。计数器之类的非本地站点代码我也建议放在footer里,因为放在header里很可能因为网络原因拖慢整个页面的读入速度。

海豚的WordPress Theme教程 part4

  这回讲index.php,从这篇开始我不帖相关的css内容了,因为详细解释css内容就变成css教程了,而事实上我自己都没怎么搞清楚css,一般都是边改边学。需要相关css的可以直接去下载KD02模版,自己慢慢研究。

index.php
[php]

” rel=”bookmark” title=”Permanent Link to “>

@

| |‘); ?>

Not found.

[/php]

  • line1, line43, line45: 负责把header.php, sidebar.php, footer.php的内容引入,这样这几部分就作为一个整体展现在访问者面前了。
  • line5-line26: 其中内容就是每篇post在首页的显示内容。一般来说分成三个部分:标题,包括文章題目,作者名字,写作时间;正文内容;留言提示,比如有多少留言,文章所属分类。至于具体位置随个人爱好,如果你不懂php也没什么关系,随便找一个模版然后依样画葫芦copy & paste就可以了。
  • line28-line31: 导航栏。就是下一页/上一页这个东西。
  • line35-line37: 这个是当一篇文章都没有的时候显示的报措信息。

  基本上index.php主要内容就是一个循环语句,不断显示每篇文章直到你后台设定的那个显示文章数为止。
  这篇内容比较少,明天会把有关sidebar.php和footer.php的part5跟上。到part5其实整个模版就接近完成了,其他的几个文件基本上都是从这几个文件中演变出去,不会太费事。
  海豚的这个简单教程很快会结束,然后把Kamus要求修改的Blix模版完成,四月底想做一个新的模版。新模版可能会比较中规中矩,不过将会融入WidgetsWordPress Theme Toolkit或许还有AJAX效果的留言以方便后期修改。