当前位置:图集之家知识

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

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

内容

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

}

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

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关