左岸印象

wordpress友情链接分列显示

分类: WP相关 作者: 阅读: 6,015        8条评论

函数基本调用方式如下:

< ?php wp_list_bookmarks();?>

默认显示全部链接,详细函数点击查看,以下只用几个函数就OK

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

这样就用列表的方式调用了没有标题的30个随机的友情链接。根据自身主题情况插入到sidebar.php文件中。下面的是我自己用的:

<div class="widget">
 <h3>友情链接:</h3>
 <div class="content" id="links">
  <ul>< ?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=30'); ?></ul>
  <div id="morelink"><a href="http://lbicc.com/">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=30'); ?></ul>
<div id="morelink"><a href="http://lbicc.com/links/">more&raquo;</a></div><div class="fixed"></div>
</div>
</div>< ?php } ?>

加了 if ( is_home() ) 的判断条件,即如果是首页的话才会显示如下的代码,其它页则不会显示。当然扩展一下还有如:is_single() 文章页,is_page() Pages页,is_category() 存档页等,可以进行非常详细的控制。具体可参考官方文档 现在就可以在首页随机显示30个链接了,但并没有分两行显示,这时就要用到强大的CSS来控制了。在你的 style.css 文件中添加如下样式:

/* links */
#links li{background:transparent none repeat scroll 0 50%;float:left;padding-left:0;width:33%;}
#links li a{padding-left:22px;}
#morelink a{float:right;}

根据个人情况添加,关键的就两个属性,一个是让 li float:left ,即左浮动,另外一个就是 width:33% ,让每个 li 占一半的宽度,3列显示,当然你也可以设置成25%,就是四列了!然后又让 morelink 也就是那个 more 右浮动,它就靠右对齐了。 方法转自软件集散地


标签: , ,

转载注明: 转自左岸印象

本站遵循: 署名-非商业性使用-禁止演绎 3.0 共享协议

文章分享: Digg / Twitter / Facebook / GReader / 鲜果 / 豆瓣 / 人人网 / 开心网 / 新浪微博


8条评论


  1. kevin 说道:

    嗯,不错,不久我可能就要用到这个代码了!收藏!

    [回复]

    晴空落叶 回复:

    我之前用的是hot friend插件。也不知道要怎么弄多列显示,就一直搁浅着。晚上直接换成内置的友链了。配合WP友链的私有链接功能可以弄成一个内页显示

    [回复]

    晴空落叶 回复:

    PS:代码开头那的<括号右边多了一个空格记得去掉,不然直接复制不起效果

    [回复]

  2. exia 说道:

    如果链接分组了,可以做到分列显示吗?

    [回复]

    晴空落叶 回复:

    没试过,有函数设置的

    [回复]

  3. leesum 说道:

    貌似用CSS样式可以直接实现的吧 :shock:

    [回复]

    晴空落叶 回复:

    :roll: 我不懂CSS

    [回复]

  4. 野草 说道:

    真不错 :idea: :idea: :idea:

    [回复]


发表评论




XHTML: 您可以使用如下代码:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">