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

麦子接手美国主机评论博客之后一直不是太满意现在的wordpress主题,但一直也没有找到合适的替换对象。只能在原有的基础上进行小修小补。中午利用休息时间把左侧的友情链接模块放到首页底部的位置,感觉好看很多。因为wordpress程序的标签调用都是模块化的,如果简单的调用友情链接标签不能横排显示,需要进行CSS定义才行。正好麦子登陆在网站后台,于是就把这个方法分享出来,有其他朋友需要也可以参考一下。

第一步,打开我们的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 }?>

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

未经允许不得转载,或者注明出处:https://www.yd631.com/wordpress-links-footer/

麦子猜您可能还喜欢以下内容: