WordPress中控制样式表修改友情链接为一行显示

嗯嗯

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


具体的边界控制可以自己斟酌。

最后两个修改过的文件保存，就成功了。

泡泡的小猪

感谢楼主分享了。

dahuie

感谢楼主的分享,高手就是高手！！

lyyxyyl

感谢分享，收藏学习

gxil

谢谢，楼主的分享。。。。。。。

hlcjjyf

是什么好东西，我也来看看。