开启左侧

[应用技巧] 让wordpress的友情链接只在首页底部横排显示方法

[复制链接]
钟振森 发表于 2015-10-14 14:24:51 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 众所周知,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;
}
 具体效果请见微趣网主页底部友情链接,代码粗糙,如果对和我一样的代码盲有点帮助,就很开心了!

来源:源码之家,欢迎分享 (QQ/微信:83122197)

上一篇:亲淘怎么砸金蛋 亲淘怎么获取淘元
下一篇:解决网站程序禁用右键和防止查看源代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注站长素材教程分享
全国免费热线电话

400-001-2588

周一至周日9:00-23:00

反馈建议

在线QQ咨询

扫描二维码关注我们

Copyright©2011-2020 东莞市科森网络科技有限公司版权所有 Ymzj.Cn Inc. 粤ICP备13005626号 粤公网安备:44190002000522号