众所周知, 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://www.shengyi518.com好象加不了啊
代码加上去了,首页只有友情链接这四个字[囧]
@永哥 你主页没有友链啊,看不到什么
http://www.qmooo.cn/
帮我看看咋回事啊,就是横不了
也负责你上面的CSS进去了啊,但是还是竖的
@永哥 要改CSS呢!
不行啊 怎么还是竖向的
@我来请教 已经邮件回复你了,解决了就好!
楼主好人啊。我去微趣网看了,很不错。我想请教下问题,你去我的网站看看,那个SMZDM这几个字母该怎么替换成我自己的
试了下感觉我的主题不适合由于自己不太懂CSS。比较难改, 😀 我底部还是自动增加的。。。
@会仙湿地 : 嗯,很好看哦!
😀 测试一下回复看!
@小左 : 是好的吧! 🙂