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

更改之前的效果

更改之后的效果

具体的更改方法如下:


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

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

这些代码之后,添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#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文件,找到

1
<!-- sidebar south START -->

紧跟其后添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!--边栏友链开始-->
<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>
<!--边栏友链结束-->

说明:

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

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

21 评论

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