wordpress前台首页底部显示友情链接横排,去除标签「亲测可用」

wordpress前台首页底部显示友情链接横排,去除标签「亲测可用」


wordpress 3.5版本之后默认的都隐藏了后台友情链接管理,首先我们要让后台有可以添加友情链接的功能,只需在主题文件 functions.php ,在最后的一行的 ?> 前面加入如下代码:

//开启wordpress友情链接管理
add_filter( 'pre_option_link_manager_enabled', '__return_true' );

这样后台就可以添加友情链接了,但是这时候如何将友情链接显示在主题前台的底部呢?
首位,我们在footer.php文件,在相应的位置添加上以下代码。具体位置每个主题不同,但是很容易的,比如我的站点 https://dxzsj.cn,就在 footer.php 文件第二个 div class=“container” 之后加入下面代码:

<?php if (is_home()) { ?>
	<div id="footer_info"><span style="float:left;">友情链接</span>
		<ul><?php wp_list_bookmarks('title_li=&categorize=0&orderby=name&show_images=0'); ?></ul>
	</div>
	<?php } else {?>
	<?php } 
?>

这样,我们就只在主题的首页显示了友情链接,只在首页显示友情链接,可以减少其他页面的权重输出,对seo比较好。
wordpress前台首页底部显示友情链接横排,去除标签「亲测可用」_第1张图片
但是我们看到友情链接是竖排的,样式错乱,在底部会占用很多空间且不好看,所以我们要在主题的 style.css 文件修改下样式,在最后加入以下代码:

/*友情链接样式*/
#footer{
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
	overflow:hidden;
}
#footer_info{
	margin:0 auto;
	margin-bottom:5px;
	overflow:auto;
}
#footer_info ul{
	float:left;
	margin:2px; 
}
#footer_info li{
	list-style:none;
	float:left; 
	width:auto; 
	margin:0 5px;
} 

最后的样式:
在这里插入图片描述
这样我们就实现了只在WordPress站点的首页显示横排友情链接的功能,亲测可用。

你可能感兴趣的:(WordPress)