请叫我一米 » 更改iNove主题侧栏连接为双栏(再修改)

更改iNove主题侧栏连接为双栏(再修改)

上次说过更改iNove主题侧栏连接为双栏（建议先看一下），但是修改之后的结果刚开始看来是比较满意的，但是和别人的一比较才知道自己的有很多问题，比如，连接这两个字应该和其他边栏的标题文字一样，只是普通的标题样式，但是这时候却变成了具有列表<li>属性的文字了，也就是在连接这两个字之前也有列表的标志，所以越看越不爽，就下决心将它再改改，经过努力终于达到自己的效果了。也是首页随机显示20个，链接页面全部显示，都随机排序。前后比较看图。

更改之前的效果

更改之后的效果

具体的更改方法如下：

打开你主题的style.css文件，找到sidebar样式表的相关定义项目，(如果你按上篇日志中的方法修改过，那么请按上篇日志中的方法，改回去)比如：

#tag_cloud a {
	line-height:130%;
   }

这些代码之后，添加

#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;
}

做好之后保存，下一步，打开你的sidebar.php文件，找到

<!-- sidebar south START -->

紧跟其后添加

<!--边栏友链开始-->
<div id="southsidebar" class="sidebar">   
<div class="widget">     
<h3>链接</h3>      
<div class="content" id="links">  
<ul>
   <?php get_links(-1, '<li>', '</li>',0,0, 'Rand', 0, 0, 20, 0); ?>
</ul>
<div id="morelink"><a href="你的博客链接页面连接，例如：https://yimity.com/links">全部&raquo;</a></div>
<div class="fixed"></div>
</div>
</div>
</div>
<!--边栏友链结束-->

说明：

get_links(-1, '<li>', '</li>',0,0, 'Rand', 0, 0, 20, 0);

为获得友链的函数，rand为随机排序，20为最多显示20个友链。之后去你的后台新建页面，模板选择links，将上文中”你的博客链接页面连接，例如：https://yimity.com/links”修改为你新建这个页面的网址，OK，上传吧，看看效果。如果你看到有两个边栏连接了，那么请去掉你之前添加的链接，或者去主题–小工具–取消你的连接小工具。

21 条评论

丘丘 2009/05/21 23:36 回复

不错，又很强的借鉴价值。
一米 2009/05/22 07:36 回复

丘丘 :不错，又很强的借鉴价值。

呵呵，谢谢各位支持啊。
平地一声雷 2009/05/22 18:41 回复

不错，哈哈，初看我还以为是inove更新了，再看才是博主改了，
不错
平地一声雷 2009/05/22 19:32 回复

你的邮箱究竟是啥哦？看不懂，有+？
email都发布过来
说加你qq交流
adomit 2009/05/22 21:32 回复

呵呵.过来支持一下喜欢完善每个细节的朋友~~
毕竟都是自己的努力~
呵呵~~
歪歪屋啊 2009/05/22 22:01 回复

我是根据MG12教程改的，好像跟我的一样啊~~
月夜 2009/05/22 22:11 回复

嗯，很好，呵呵。只可惜我的主题链接这部分搞的有点乱，一时半会儿还是没有修改过来，郁闷。
一米 2009/05/22 22:48 回复

平地一声雷 :

不错，哈哈，初看我还以为是inove更新了，再看才是博主改了，
不错

呵呵，自己瞎改的。

平地一声雷 :

你的邮箱究竟是啥哦？看不懂，有+？
email都发布过来
说加你qq交流

Gmail是可以这样的，你发到这个地址的话，我邮箱一过滤，就知道是博友的了。呵呵

adomit :

呵呵.过来支持一下喜欢完善每个细节的朋友~~
毕竟都是自己的努力~
呵呵~~

谢谢支持，欢迎再来啊。

歪歪屋啊 :

我是根据MG12教程改的，好像跟我的一样啊~~

那个在MG12那里没找到，是根据另外一个博友的文章改的。当然自己也有改变。

月夜 :

嗯，很好，呵呵。只可惜我的主题链接这部分搞的有点乱，一时半会儿还是没有修改过来，郁闷。

慢慢来嘛，呵呵，我是整天没事了无聊改一点，呵呵。
schuen 2009/05/23 03:49 回复

原来的也不错
一米 2009/05/23 10:26 回复

schuen :

原来的也不错

恩，只是链接多了，原来的占地方。
ABitNo 2009/05/24 08:35 回复

现在随便打开个博客都是这个主题。。。幸好我没用。。。我还是要个性化一下
一米 2009/05/24 10:07 回复

@ABitNo
呵呵，等等啊，等其他人都换了，我不就独特了啊，再说了，在这个主题上改了好多东西，也懒得换了。
Joe 2009/05/30 10:58 回复

没错, 用这个主题的是很多，,
俺都换了,,
楼上的 ABITNO 黑嘿.
一米 2009/05/30 15:07 回复

@Joe
嘿嘿，还是等等，你们都换了，我就一个人在用了。
思维空间 2009/06/01 00:37 回复

链接两栏显示!iNove的作者好像开发成了一个插件..不久前看到.方便不想动手修改的博友了.
一米 2009/06/01 09:45 回复

@思维空间
啊，不会吧，那我去找找，郁闷。
愤怒的石头 2009/06/04 03:33 回复

向博主学习哦。对于我们这些生手来说，学习一下还是不错的，虽然有插件可以使用。
正如楼上朋友所说，mg12已经有实现此功能的插件，叫做MulticolLinks，我已经用了。
不过，仔细探索一下博主的方法，还是大有裨益的。
WordPress的一大益处，就是折腾的快乐。嘿嘿。
一米 2009/06/04 12:32 回复

@愤怒的石头
呵呵，向我学习不敢说啊，大家互相学习啊，我是之后才看到这个的，郁闷啊，不搞了啊。
bolo 2009/06/14 09:22 回复

用wp_bookmarks函数做更好一点，设置tittle_li=0就不会显示标题了
漂浪 2009/09/07 16:39 回复

这种方法首页能显示出来图片链接吗？