小左闲谈

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

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

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

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

<!--links-->
<DIV CLASS="links">
<div class="links_title">
<h2><FONT color="#990000">友情</FONT>链接:</h2>
</div>
<?php if (is_home()) { ?>
<p><div class="links_info">
        <ul><?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&show_images=0'); ?></ul>
    </div></p>
    <?php } else {?>
       <?php } ?>
</DIV>
<!--end links-->

  解析:大家可以看到,我用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枚  被围观 9,355 次

发表一下你的看法

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

avatar
排序:   最新 | 最旧
愚公购物

看看我的网站http://www.shengyi518.com好象加不了啊

分钱榜www.fenqianbang.com

代码加上去了,首页只有友情链接这四个字[囧]

永哥

http://www.qmooo.cn/
帮我看看咋回事啊,就是横不了

永哥

也负责你上面的CSS进去了啊,但是还是竖的

永哥

不行啊 怎么还是竖向的

我来请教

楼主好人啊。我去微趣网看了,很不错。我想请教下问题,你去我的网站看看,那个SMZDM这几个字母该怎么替换成我自己的

会仙湿地

试了下感觉我的主题不适合由于自己不太懂CSS。比较难改, 😀 我底部还是自动增加的。。。

wpDiscuz