William Hua的Blog

随着友情链接数量的增多，我开始使用Hot Friends插件来管理。它有一系列好用的功能，包括可以输出一个类似Tag Cloud的链接云，并且支持自定义样式；支持widget；支持用文字链接或者用户自定义头像（Gravatar）显示；可以设置widget中显示的链接数量；设置widget中固定显式的链接；设定链接排序方式等等。不过有一个问题，它自带的widget不支持以2列的方式输出友情链接，当然我们可以通过修改CSS来达到目的。

下面的步骤都以我使用的iNove皮肤为例，不同的皮肤可能稍有差别。

首先，修改iNove目录下的CSS 样式表 (style.css)，在“sidebar”部分添加下面的CSS定义。

#links li {
        background:transparent none repeat scroll 0 50%;
        float:left;
        padding-left:0;
        width:50%;
}
#links li a{
        background:transparent url(img/icons.gif) no-repeat scroll 0 -320px;
        padding-left:22px;
}
#morelink a
{
  float:right;
}

接下来我们就可以调用Hot Friends提供的hot_friends()来输出友情链接了。
打开iNove目录下的侧边栏 (sidebar.php)文件，在你想要输出友情链接的地方（比如想在侧边栏最下方添加，那么就夹在文件末尾最后一个div结束标记之前即可），添加以下代码。

<div id="southsidebar" class="sidebar">
    <?php if ( is_home() ) { ?>
        <div class="widget">
		<h3>链接</h3>
		<div class="content" id="links">
			<ul><?php hot_friends(); ?></ul>
			<div id="morelink"><a href="http://www.williamhua.com/links">查看全部&raquo;</a></div>
			<div class="fixed"></div>
		</div>
	</div>
    <?php } ?>
</div>

这里，我使用了一个is_home()的判断，即只有在首页才显式友情链接。通过点击“查看全部”则可以跳转到我的友情链接页面。

希望对大家有用，另外非常感谢坏人把他的style.css给我参考。