怎样可以把WordPress里的友情链接函数改成一行排列
摘要:这是一个css样式的操作问题,具体怎样调用wordpress主题的链接函数大挖就不讲了,大挖重点讲一下,…
摘要:这是一个css样式的操作问题,具体怎样调用wordpress主题的链接函数大挖就不讲了,大挖重点讲一下,如何在我们当前的…
这是一个css样式的操作问题,具体怎样调用wordpress主题的链接函数大挖就不讲了,大挖重点讲一下,如何在我们当前的wordpress主题中,我们已经有了链接添加功能,并且可以正常的添加链接后如果把一列的友情链接变成按行排列,这需要我们用到ul,li的样式代码;下面大挖先把代码展示出来再慢慢讲解基功能。
1
2
3
4
|
.footnav { line–height: 30px; font–size: 14px; }
.footnav ul { list–style: none; text–align: center; }
.footnav ul li { height: 30px; line–height: 30px; display: inline; padding: 0 10px 0 0; }
.footnav ul ul { display: none; }
|
把以上的代码复制到你的wordpress主题主样式表style.css样式表中,当然.footnav这个属性是可以任意修改的。同时此代码的重点样式为display: inline;,其它的都是行高或是字号、边距类的样式辅助,所以这些数值类的参数是可以任意改动的。
在前端我们需要做如下的操作,把重点的wordpress友情链接函数 wp_list_bookmarks夹在中间,就可以实现我们的wordpress友情链接成一行排列。
1
2
|
<footnav><ul><?php wp_list_bookmarks(‘title_li=&categorize=0’); ?>
<ul></footnav>
|
类别:WordPress教程、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!