想做一個黑色版的模板
做过的两个模板KD02, KD03都是很阳春白雪的,今天看到livid的黑色版也手痒想做一个。这个黑色配色就难喽,特别是用于中文显示。
Technorati Tags: WordPress, WordPress Themes
WordPress Theme: KD03 0.1
新做了一个WordPress的模板,接着KD02就叫KD03吧,可以访问这里获得详细信息。
Technorati Tags: WordPress, WordPress Theme
為留言增加序列號
讲一下如何在留言部分增加数字序列,以WordPress的Default模版为例:
修改comment.php:
- 找到<ol class=”commentlist”>,在这句下面添加<?php $relax_comment_count=1; ?>。
- 一般来说这句下面会有一段<li></li>的语句,在这段语句下面添加<?php $relax_comment_count++; ?>。
- 上面说到的那句<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, Comment
海豚的WordPress Theme教程 part5
这次讲sidebar.php和footer.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]