首先提个与本文章内容无关的，发现太多朋友喜欢去掉版权信息了，想不明白，版权信息就那么碍眼？？！像 Jinwen 说的朋友加油，加个版权链接磊落点吧，囧rz。
好了，进入正题，关于我自用的 DarkLight 主题中相关文章和文章顶部导航的样式问题，由于每个 WordPress 用户的使用习惯不同，而且这两个效果都需要插件支持，所以没有在 DarkLight 发布版中放入代码和使用方法，不过最近挺多人询问关于这两个样式如何实现，于是在此把这两个样式的实现和相关的插件作下说明。PS，昨天有位朋友问了顶部 Breadcrumb 的实现问题，忘了把 CSS 代码给你了，你再看看这篇文章添加进去吧。
相关文章，需要 Simple Tags 插件支持
在 single.php 文件中找到 ，在其后面加入以下代码：
<div class="related_post">
<div class="related_post_mid">
<?php if (function_exists('st_get_related_posts')){;?>
<?php st_related_posts('number=5&title=<h4>Related Posts</h4>&nopoststext=<strong><em>No Related Posts</em></strong>&include_page=false&order=random&xformat=%title% (%post_comment%)<p>%post_excerpt%</p>&except_wrap=5');?>
<?php } ;?>
</div>
<div class="related_post_bottom"></div>
</div>
<div class="related_post_mid">
<?php if (function_exists('st_get_related_posts')){;?>
<?php st_related_posts('number=5&title=<h4>Related Posts</h4>&nopoststext=<strong><em>No Related Posts</em></strong>&include_page=false&order=random&xformat=%title% (%post_comment%)<p>%post_excerpt%</p>&except_wrap=5');?>
<?php } ;?>
</div>
<div class="related_post_bottom"></div>
</div>
CSS 已经在发布版的主题中了（并没有去掉，哈哈），这样就跟我自用的样式一致了。
Bread Crumb 导航，需要 Breadcrumb NavXT 插件支持
首先在 single.php 中找到 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>，在其前面加入以下代码：
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
<div class="clear"></div>
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
<div class="clear"></div>
其次，在 style.css 文件中加入以下样式：
.breadcrumb {
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 13px;
line-height: 27px;
background: url(images/entrybottom.png) repeat-x 0 bottom;
color: #CCCCCC;
font-style: italic;
overflow: hidden;
}
* html .breadcrumb {
height: 27px;
}/*ie6*/
.breadcrumb span {
float: left;
margin-right: 8px;
}
.breadcrumb a, .breadcrumb a:visited {
color: #CCCCCC;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.bread_home {
text-indent: -99999em;
}
.bread_home {
margin-right: 6px !important;
}
.bread_home a, .bread_home a:visited {
display: block;
background: url(images/bread_home.png) no-repeat;
height: 24px;
width: 24px;
}
.bread_current {
color: #EEEEEE;
}
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 13px;
line-height: 27px;
background: url(images/entrybottom.png) repeat-x 0 bottom;
color: #CCCCCC;
font-style: italic;
overflow: hidden;
}
* html .breadcrumb {
height: 27px;
}/*ie6*/
.breadcrumb span {
float: left;
margin-right: 8px;
}
.breadcrumb a, .breadcrumb a:visited {
color: #CCCCCC;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.bread_home {
text-indent: -99999em;
}
.bread_home {
margin-right: 6px !important;
}
.bread_home a, .bread_home a:visited {
display: block;
background: url(images/bread_home.png) no-repeat;
height: 24px;
width: 24px;
}
.bread_current {
color: #EEEEEE;
}
最后，在 WordPress 后台的 Breadcrumb NavXT 设置 General 下的：
- Breadcrumb Separator: <span class="bread_sep"><em>> </em></span>
- Home Prefix: <span class="bread_home">
- Home Suffix: </span>
当然你可以在其他页面添加类似导航，代码的放置类似，后台设置简单明了，自己摸索了。
楼主的这两个主题都非常不错, 收藏了. 不过看来还是有不少小毛病的地方,希望不断改进!
今天又搞了顶部的 Breadcrumb ！
是你说的步骤添加的，搞好后显示是这样的效果：
> > Personal DiaryWin Live Writer Test
感觉应是这样的呀：
> Personal Diary> Win Live Writer Test
请教怎么搞定！
我用的是WP 2.9.2 ！
谢谢啦！
那个插件更新了的缘故，样式看来要修改修改了，在 style.css 里面的
.bread_home a, .bread_home a:visited {} 大括号里面加入 float: left;
把 .breadcrumb span {} 里面的全删除改成 margin: 0 5px
刚才的那个问题解决了！
非常感谢！
高人！
还有一个问题：
就是我的页面的底部显示又不正常了：
http://nashsp.com/index.php/music/a-simple-song-leehom-wang.html
再次蛮烦腻一下！
谢啦！
真的不好意思再麻烦你啦……
唉！
首页的RECENT COMMENTS 显示的全文是怎么搞的？
谢谢啦！
T_T
你的相关文章放错地方了吧
那怎么找啊？急呀！
评论插件WP-RecentComments
重新查看了一遍！按你的步骤来的！没有啊？！
肯定是哪里不对了，原因要你自己排查了
好吧！
真的非常感谢！
老大！
我的眼睛都花啦！
实在找不出啊！
因为是你自己修改的，所以我也不知道原因的。你把插件逐个禁用看一下会不会冲突？
发现style.css 文件中已经存在了：
/**************breadcrumb*****************/
与你要加的那段代码，一样的！
是不是这个原因呢？
请问你现在时想解决哪个问题？如果是底部显示不正常的问题，那跟这个没关系
你把你的single.php文件发我看看吧
<h2 class=”entrytitle” id=”post-”>
<a title="” href=”" rel=”bookmark”></a>
<?php edit_post_link('’, ”, ”); ?>
</h2>
Leave a comment
<?php st_related_posts('number=5&title=Related Posts&nopoststext=No Related Posts&include_page=false&order=random&xformat=%title% (%post_comment%)%post_excerpt%&except_wrap=5′);?>
整个文件直接发到我邮箱 alanoy11[at]gmail.com
非常感谢啦！
刚刚解决了问题！
个人的问题！
很抱歉！打扰了！
我把第一段
—–你说的“CSS 已经在发布版的主题中了（并没有去掉，哈哈），这样就跟我自用的样式一致了上面的”
—–的代码也加在了single.php代码的最下面了，刚才把它删了好了！
真的非常感谢！
还有一个问题：TWITTER 怎么才能显示呢？
Twitter 参考下面链接：
http://www.alanoy.com/darklight-2/comment-page-1/#comment-54
其实我也很不喜欢那种使用别人主题，把别人版权去掉的人。但是我居然就成了那种人，主要原因是主题设计者在底部加了一个很大的网站LOGO图片，我实在没办法才取消的。所以我的意见是其实那些取消的人，可能还是有一些是有苦衷的，我们应该谅解一下。
请问下LZ 最新发出来这套主题就是你现在用的吗？我在用的时候为什么版面会错位呢，侧边栏都跑到最下面去了，自成一列了，但是看LZ的就没这情况，我用的是IE6，而且文章下面的tags不显示啊，LZ能否解答下
@Bian: 是没问题，应该是你修改的时候改动了结构。建议使用最新版的 DarkLight 3.0。
我也有楼上的问题，首页侧边栏会错位，其他页正常，希望解决下
http://en.lfmy.org.ua
@Rinpu: 你自己改过东西了，所以结构出错了，你可以重新安装主题，然后改的时候注意一下吧
这个css样式又有问题了~麻烦博主把新的更新下吧~
@太阁: DarkLight 3.0 的相关文章已经用了新的样式了，你去看看我那篇文章的说明。Breadcrumb 主题不再支持，谢谢！
恩 很受用