注册 登录
  • 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

WordPress友情链接底部横排调用方法及教程

WordPress友情链接底部横排调用方法及教程

第一步

打开我们的FOOTER.PHP底部模板文件,这需要根据不同的主题,一般都是这个名词,在合适的位置添加下面的代码:

<div id="blog-roll"><?php wp_list_bookmarks('title_li=&categorize=0'); ?></div>

第二步,定义blog-roll CSS样式,打开CSS样式文件添加:

#blog-roll {width: 908px;padding:15px;margin:0 auto;}
#blog-roll ul {float:left;margin:0px;}
#blog-roll li {list-style:none;width:75px;margin:0px10px10px10px;float:left;}
#blog-roll a {color: #9FB47E;text-decoration: none;}

第三步

刷新一下看看是不是友情链接横排显示,然后根据不同的主题背景和字体大小颜色,调整CSS即可实现。
最后,如果只想让友情链接首页显示,用IS_HOME函数定义即可实现:

<?php if ( is_home() ) { ?>
<div id="blog-roll"><?php wp_list_bookmarks('title_li=&categorize=0'); ?></div>
<?php }?>

就这样,非常简单的就可以实现友情链接的横排样式。你也去试试看吧。


一秒钟记住我们的网址:www.yizhiboke.com转载请注明:WordPress友情链接底部横排调用方法及教程
喜欢 (9)
[]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 楼主有没有设置邮件的方法呢
    管家婆2017-07-26 10:42 回复
  2. 很常用的一个WP功能。
    夏日博客2017-07-26 10:54 回复
  3. css控制
    WordPress头条2017-07-26 20:56 回复
  4. 厉害,样式达人
    冷知识2017-07-28 09:58 回复
  5. 刚开始玩WP,不知道怎么调用友链。
    新手seo2017-07-28 13:36 回复