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

[ wordpress教程   // 2015-01-26 00:00:00  ]
 

很多博主喜欢使用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=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
}

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

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

www.000webhost.com