WordPress友情链接双列显示

2012年03月18日14:52:44 1 热度2,087 ℃

WordPress友情链接双列显示

怪僧一直没有注重友情链接的添加,所以到现在也只有三个友情链接,在这怪僧非常感谢这些朋友,因为怪僧的主机有两次崩溃更换的经历,他们还一如既往的没有撤下怪僧的友链。

最近怪僧想提高下博客的权重,而且首先想到了是增加自己博客的友情链接,登陆了友链交换平台和友链群,但是因为刚更换了主题,友情链接是在内页,所以愿意交换友链的朋友不多。而且这个主题在后台通过小工具添加链接表后样式是单列的,不太美观。为了解决这个问题怪僧自己动手修改了首页的模板文件,通过两段代码来实现友情链接的双列显示。
需要使用友情链接的调用函数:详细函数介绍

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

首先打开侧边栏sidebar.php,在合适的位置插入如下代码:

  1. <div class="widget">
  2. <h3>友情链接:</h3>
  3. <div id="links" class="content">
  4. <ul>< ?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=10'); ?></ul>
  5. </div>
  6. </div>

如果你只想让友情链接只在首页显示,只需添加一个判定函数即可。代码如下

  1. < ?php if ( is_home() ) { ?>
  2. <div class="widget">
  3. <h3>Links</h3>
  4. <div id="links" class="content">
  5. <ul>< ?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=30'); ?></ul>
  6. </div>
  7. </div>
  8. < ?php } ?>

同理is_single() 文章页,is_page() Pages页,is_category() 存档页,根据自己喜爱修改。

然后修改主题的style.css样式文件

  1. #links li{background:transparent none repeat scroll 0 50%;float:left;padding-left:0;width:50%;}

其中需要注意的有两个属性,一个是让 li float:left ,即左浮动,另外一个就是 width:50% ,让每个 li 占一半的宽度。当然你也可以设置成33%三列显示或者25%四列显示,请根据自己的情况修改。

最后打下广告,诚招同类网站友情链接!请联系怪僧!

WordPress友情链接双列显示

本文最后更新于:2020-01-02 16:59
瓜皮猪

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  0   博主  0

    • 浩大博 浩大博 0

      终于找到个可以留言的地方了,呵呵,博主和我的情况差不多。我也是90后,17岁就出来拼搏了