小左闲谈

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

当前位置:首页 » 学习 » 本页
In 学习  @2012-08-19

  众所周知,wordpress的友情链接大部分主题设计上是在侧边栏显示的,并且不做调整的话,一般是全站显示,但有些朋友的站点并不是一般的小博客,有人用wordpress来做CMS,或者是其他用途的站,侧边栏来显示友情链接是不大合适的,因此,我们来看看有没有办法让友情链接根据自己的要求在底部横排显示呢?
  其实很多主题设计者已经考虑到这一点,特别是那些CMS主题,很多已经将友情链接设计在了底部显示,比如知更鸟大哥的主题HotNews,这样的模版看起来更大气一点。
  首先必须要了解一下wordpress的友情链接调用函数wp_list_bookmarks。
  具体函数详解请参照小左之前的文章《WordPress友情链接函数wp_list_bookmarks详解》
  既然wp_list_bookmarks有这么多参数可供设置,那么其实用一句调用函数就好了,剩下的就是根据你主题的情况,来调整CSS了,下面附上我给微趣网改的,小左不会代码,有错误遗漏之处在所难免,希望您能告知错误,不胜感激!

  在你的主页模版适当的位置(一般放在文章主体和侧边栏代码之后,footer之前)加上这段代码:




  解析:大家可以看到,我用div盒子来放这些友链,并且加上了条件判断is_home(),这样就可以做到这段代码只在主页生效,也就是底部的友情链接只会显示在主页底部了。至于调用函数wp_list_bookmarks其中的那些参数控制,请看文章头提到的那篇文章。

  针对微趣网的布局控制CSS样式如下:

/* links */
.links {
background-color: #FAFAFA;
margin:0 auto -15px;
width:948px;
line-height: 25px;
list-style: none;
border: 1px solid #CCC;
}
.links_title {
float: left;
width:930px;
margin:0 10px;
}
.links_info {
padding: 5px;
}
.links_info ul {
list-style: none;
}
.links_info ul li {
float: left;
margin: 0 0 0 8px;
}

  具体效果请见微趣网主页底部友情链接,代码粗糙,如果对和我一样的代码盲有点帮助,就很开心了!

若无特殊声明,表示本文由:小左闲谈.原创
链接地址: http://blog.m1910.com/archives/242.html
版权所有 © 转载时请以链接形式注明作者和原始出处!

已经有 13 枚评论. 发表 »