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” 以后加入下面代码:javascript

<?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比较好。
在这里插入图片描述
可是咱们看到友情连接是竖排的,样式错乱,在底部会占用不少空间且很差看,因此咱们要在主题的 style.css 文件修改下样式,在最后加入如下代码:php

/*友情连接样式*/
#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站点的首页显示横排友情连接的功能,亲测可用。css