很多博主喜欢使用WordPress建站,可一些WordPress主题不支持侧栏工具,因此添加友情链接功能只能使用插件或者自己加代码实现了!奇芳阁这两天修改网站,所以就干脆的贴出来算了,希望对同样需求的朋友有所帮助!
WordPress添加友情链接功能方法有两个:
方法1:使用插件,下载一个Link Manager插件,然后启用就OK。也可以直接从后台访问wp-admin/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=idcategorize=0category=188title_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
h3span友情链接/span/h3
/div
div class=G-panelbg
div class=G-panel
?php if (is_home()) { ?
div class=mbox
ul
?php wp_list_bookmarks('orderby=idcategorize=0category=188title_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
}
具体效果请见奇芳阁主页底部友情链接,代码粗糙,希望可以帮到有需要的人!