如何让wordpress友情链接双列显示

  • A+
所属分类:WORDPRESS

默认的wordpress的模板,首页侧边栏的友情链接是单列显示的,数量一多,就把页面拉了很长,很不美观。

如果能把友情链接修改成双列显示,友情链接数量多时,就会美观很多。如何去做呢?

很简单,给WordPress添加几句CSS代码即可实现。

在主题文件夹里找到style.css这个文件,在文件最末端中添加如下代码:

.blogroll{
width:250px;//width,可以根据侧边栏的尺寸进行相应的调整。
display:block;
/*记得清除浮动*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}

.blogroll li{
float:left;
width:120px;//width,可以根据侧边栏的尺寸进行相应的调整。
display:block;
}

发表评论

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