ing

wordpress 友情链接随机、分列显示

09-10-25 @ other js/ajax /

其实随机友链的实现也非常的简单,调用一个 wordpress 的 wp_list_bookmarks 函数,然后用几行 CSS 控制样式实现两列显示就可以了!

那么首先介绍一下 wp_list_bookmarks 这个函数:函数基本调用方式如下:

<?php wp_list_bookmarks(); ?>

默认情况下会显示全部的链接,当然函数中还有很多的参数以供我们使用,如 orderby (链接排序方式),limit(最多显示几个链接),具体可以参考官方的 说明文档。也可以去参考下:wp_list_bookmarks 函数详解

那么我们今天介绍的只要用到几个参数就可以了,其余的都默认就OK!我是这样写的:

<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=16'); ?>

这样就用列表的方式调用了没有标题的16个随机的友情链接,你可以根据自己的情况进行修改。当然你还要根据自己的皮肤情况,添加到皮肤的 sidebar.php 文件中。

只需要去找一下 sidebar.php 文件的规律,或者复制一个已经写好的模块,把其中的函数和标题替换了就OK!我是这样添加的:

<div class="widget">
<h3>Links</h3>
<div class="content" id="links">
<ul><?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=16'); ?></ul><div id="morelink"><a href="http://www.xiaorsz.com/friend-link/">more&raquo;</a></div><div class="fixed"></div>
</div>
</div>

当然,其中除了添加相当的函数外,我还添加了 more 的链接,用于显示所有的链接,修改为你自己的链接页面就行了。还为相应的 div 添加了 ID ,便于在 CSS 中进行控制。结合自己的模版添加到对应的位置就可以了!

另外如果你不想在所有的页面都显示,而只想在首页显示的话只需用 wp 的函数判断一下:

<?php if ( is_home() ) { ?>
<div class="widget">
<h3>Links</h3>
<div class="content" id="links">
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=16'); ?></ul><div id="morelink"><a href="http://www.xiaorsz.com/friend-link/">more&raquo;</a></div><div class="fixed"></div>
</div>
 </div>
<?php } ?>

我加了 if ( is_home() ) 的判断条件,即如果是首页的话才会显示如下的代码,其它页刚不会显示。当然扩展一下还有如:is_single() 文章页,is_page() Pages页,is_category() 存档页等,可以进行非常详细的控制。具体可参考官方文档

现在就可以在首页随机显示16个链接了,但并没有分两行显示,这时就要用到强大的CSS来控制了。在你的 style.css 文件中添加如下样式:

#links li {
background:transparent none repeat scroll 0 50%;
float:left;
padding-left:0;
width:50%;
}
#links li a{
background:transparent url(img/icons.gif) no-repeat scroll 0 -320px;
padding-left:22px;
}
#morelink a
{
 
float:right;
}

当然,这是根据我自己的情况添加的,关键的就两个属性,一个是让 li float:left ,即左浮动,另外一个就是 width:50% ,让每个 li 占一半的宽度,很明显就是两列了,当然你也可以设置成25%,然后就是四列了!!然后又让 morelink 也就是那个 more 右浮动,它就靠右对齐了。

上面的都搞定后就是我博客现在的样子,大家可以根据自己的情况进行修改!如有疑问请留言,我会尽量帮忙解决……哈哈!

PS:文章写到一半居然断电了,我又禁用了自动保存,那个忧伤啊,以为要重新来过了,打开后居然文章还在,而且显示 Post saved. 额?厉害,难道是 WP2.7 的新功能?!!

Update:如果觉得上面添加代码比较麻烦的话,建议大家使用 Hot Friends 插件,些插件支持调用随机的友情链接,数目可以在后台设置,而且支持 Widgets ,也非常的方便,不用去修改 sidebar.php 文件,但如果想实现两列显示,还是修改对应的 CSS,这个参考上面的介绍。

或者通过RSS关注本站的更新 ^ O ^ 。” — by edikud @ 09-10-25 - 13:32。

转载请注明:来自eDIKUD'S Blog

Tag(s): wordpress  
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
点击查看》》 暧昧文章 / 相关文章 / 热评文章

1 Comments Contributed by Visitors
  1. 云在天边 / 22:58@2009-10-28 / Reply / Quote 1
    云在天边

    在Micolog下怎么添加呢

Leave Comments Here...

:) lol 8) :-o evil :( wink :-| :-x twisted 8-O :-P oops idea :-D cry :-? ?

(required)

(required)

随您

(Ctrl+Enter)

Please calculate 6+8

  • 本站不会泄露您的邮件地址,敬请放心.
  • 支持常用 HTML 代码调用.
  • 仅当某人针对您的评论做出回应时,您才会收到由本站发出的通知信件.
  • 如您希望以相同方式通知某位网友,请点击 Reply 按钮,或自行输入@对方名字.
  • 允许在评论中贴的代码如下:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .
  • 鼠标移植评论中的 @someone 区域即可自动显示 someone 的评论内容.