嗯嗯 发表于 2009-11-10 01:16:46

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


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

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

泡泡的小猪 发表于 2009-11-10 08:21:14

感谢楼主分享了。

dahuie 发表于 2009-11-10 08:39:47

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

lyyxyyl 发表于 2009-11-10 15:25:22

感谢分享,收藏学习

gxil 发表于 2009-12-22 01:57:59

谢谢,楼主的分享。。。。。。。

hlcjjyf 发表于 2010-2-9 13:38:15

是什么好东西,我也来看看。
页: [1]
查看完整版本: WordPress中控制样式表修改友情链接为一行显示