欢迎光临
我们一直在努力

怎样可以把wordpress里的友情链接函数改成一行排列

这是一个css样式的操作问题,具体怎样调用wordpress主题的链接函数大挖就不讲了,大挖重点讲一下,如何在我们当前的wordpress主题中,我们已经有了链接添加功能,并且可以正常的添加链接后如果把一列的友情链接变成按行排列,这需要我们用到ul,li的样式代码;下面大挖先把代码展示出来再慢慢讲解基功能。

.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友情链接成一行排列。

<footnav><ul><?php wp_list_bookmarks('title_li=&categorize=0'); ?>
<ul></footnav>

 

赞(0) 打赏
未经允许不得转载:WORDPRESS大侠 » 怎样可以把wordpress里的友情链接函数改成一行排列

评论 抢沙发

评论前必须登录!

 

更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册