代码实现WordPress友情链接功能以及常见WordPress友情链接添加方式问题

很多博主喜欢使用WordPress建站，可一些WordPress主题不支持侧栏工具，因此添加友情链接功能只能使用插件或者自己加代码实现了！奇芳阁这两天修改网站，所以就干脆的贴出来算了，希望对同样需求的朋友有所帮助！

WordPress添加友情链接功能方法有两个：

方法1：使用插件，下载一个Link Manager插件，然后启用就OK。也可以直接从后台访问wp-adminhref="http://www.softhome.cc/link-manager.php这个目录，然后就会提示你下载了…

方法2: 使用代码给WordPress添加友情链接功能，这个适用于稍微懂点代码的人了，否则的话请参照第一条吧!

在你的模板目录下找到function.php文件，若没有则新建!

然后在这个文件的< ?php ?>中间添加一行代码即可(一般添加在?>之前..)!

//增加友情连接管理工具

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

在你想添加友情链接的位置添加如下代码：

<?php wp_list_bookmarks(); ?>

 WordPress博客友情链接只在首页显示的方法：

将上面的需要添加友情链接的代码修改成如下形式即可：

<?php wp_reset_query(); if ( is_home()) { ?>

<?php wp_list_bookmarks(); ?>

<?php } ?>

//只在首页显示友情链接

WordPress友情链接多列显示方法：

大部分使用WordPress程序搭建的博客，友情链接都在侧栏上，随着友情链接日益增多，又因每行只显示一列，版面被拉得长长的，影响美观。如何让友情链接呈两列甚至多列显示呢?方法也很简单，在当前主题文件夹的style.css文件里添加以下代码即可：

.blogroll {

width:280px;

display:block;

/*记得清除浮动*/

overflow:auto;

/*兼容IE6*/

zoom:1;

}

.blogroll li {

float:left;

width:49%;

display:block;

}

第一个width:280px意思是友情链接栏的宽度，看各自主题修改合适的宽度。第二个width:49%意思是分两列显示，每列占据49%宽度，如果改成25%，就变成四列显示了。

wordpress前台显示的是“书签”不是友情链接的解决方案：

wordpress无论使用的代码还是插件，当首页调用的时候，显示的是书签，而不是我们所期望的友情链接，其实这个问题很简单：

1.在链接管理里添加分类目录：友情链接

2.你添加的链接都要选择放在这个分类下面

好了，刷新一下，看网站前台是不是显示友情链接了。

另外，WordPress的友情链接不显示链接分类目录名也可以去掉书签字样，代码如下：

<?php wp_list_bookmarks('orderby=id&categorize=0&category=188&title_li='); ?>

上面代码的意思是显示分类为 188 的链接，以链接的ID排序，并且不显示链接分类目录名。

如何让wordpress的友情链接只在首页底部横排显示：

其他类型的CMS的网站友情链接大多都是在首页底部横排显示，那么对于WordPress博客如何实现友情链接只在首页底部横排显示呢？

其实修改WordPress友情链接的展现方式都是使用wp_list_bookmarks函数调用，样式都是通过调整CSS实现的！首先在你的主页模版适当的位置(一般放在文章主体和侧边栏代码之后，footer之前)加上这段代码：

<div class="friendlink G-tit-style2" style="margin:0 auto;width: 980px;">
<div class="G-title">
<h3><span>友情链接</span></h3>
</div>
<div class="G-panelbg">
<div class="G-panel">
<?php if (is_home()) { ?>
<div class="mbox">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=188&title_li='); ?>
</ul>
</div>
<?php } else {?>
<?php } ?>
</div>
</div>
</div>

解析：大家可以看到，我用div盒子来放这些友链，并且加上了条件判断is_home()，这样就可以做到这段代码只在主页生效，也就是底部的友情链接只会显示在主页底部了。至于调用函数wp_list_bookmarks的div样式css如下：

.friendlink {
width:100%;
clear:both
}
.friendlink .mbox {
width:950px;
margin:0 auto;
overflow:hidden
}
.friendlink ul {
width:950px;
margin:0 0 0 -1px;
padding:10px 0;
#padding-bottom:20px;
overflow:hidden
}
.friendlink li {
float:left;
margin:5px 0;
padding:0 10px;
min-width:40px;
line-height:14px;
border-left:1px solid #d7d7d7;
overflow:hidden;
word-wrap:break-word;
white-space:nowrap;
text-align:center
}
.G-title {
height:50px;
border:1px solid #e9e9e9;
background:#f1f2f3;
border-bottom:0;
overflow:hidden
}
.G-title h3 {
float:left;
height:43px;
margin:3px 0 0 10px;
letter-spacing:2px;
font-size:16px;
line-height:43px;
_display:inline;
overflow:hidden
}
.G-title h3 a, .G-title h3 span {
display:block;
float:left;
height:43px;
padding:0 10px;
line-height:43px;
color:#fff
}
.G-title .tab {
background-position:0 -600px
}
.G-title .tab a {
background-position:right -628px;
color:#666
}
.G-title em {
padding-left:5px;
line-height:32px
}
.G-title strong {
padding-right:4px;
color:#e54e00
}
}
.G-panelbg {
padding:3px;
padding-top:0;
margin-bottom:10px;
background:#f3f3f3;
overflow:hidden
}
.G-panel {
background:#fff;
border:1px solid #e3e3e3;
overflow:hidden;
zoom:1
}
.G-tit-style2 .G-title {
background-position:0 -548px
}
.G-tit-style2 .G-title h3 {
border-left:0 solid #7ad03a;
padding-left:0
}
.G-tit-style2 .G-title h3 a, .G-tit-style2 .G-title h3 span {
background:0;
padding-left:10px;
color:#666;
text-shadow:0 1px 0 #fff
}

具体效果请见奇芳阁主页底部友情链接，代码粗糙，希望可以帮到有需要的人！