这是一个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> |