WordPress中控制样式表修改友情链接为一行显示
本帖最后由 嗯嗯 于 2009-11-10 01:21 编辑WordPress 中友情链接的调用是采用多行一列显示的，最近在构建英文站中由于要大量拓展外链，所以过多的链接会影响页面的美观，就打算把友情链接放在网站的底部来显示。
在修改过程中，发现友情链接的排版是采用<li>友情链接</li>控制的，扒了很多资料也无法去除掉li标签，最后不得不想办法在CSS下去控制。
然后，参照CSS手册，就成功了。
该代码在IE与FF中测试均无错。
友情链接的调用函数我采用的是如下所示的代码
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
意思就是去掉友情链接的TITLE显示，只显示列表，不显示列表标题。
然后创建一个DIV和UL控制这段代码，代码如下
<div>
<ul id=link>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
这段代码放到你认为合适的地方就行了，可以是首页，也可以是footer.php文件中，区别就是第一个是首页显示，第二个是全站显示。
然后在模板的样式表文件中创建如下代码
#link {
overflow: hidden;
margin-right: 5px;
margin-left: 5px;
line-height:20px;
}
#link li {
float: left;
padding-right: 15px;
font-size: 12px;
}
具体的边界控制可以自己斟酌。
最后两个修改过的文件保存，就成功了。 感谢楼主分享了。 感谢楼主的分享,高手就是高手！！ 感谢分享，收藏学习 谢谢，楼主的分享。。。。。。。 是什么好东西，我也来看看。
页:
[1]