我是靠谱客的博主 真实煎蛋,这篇文章主要介绍wordpress前台首页底部显示友情链接横排,去除标签「亲测可用」,现在分享给大家,希望可以做个参考。

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


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

复制代码
1
2
3
//开启wordpress友情链接管理 add_filter( 'pre_option_link_manager_enabled', '__return_true' );

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

复制代码
1
2
3
4
5
6
7
8
<?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 文件修改下样式,在最后加入以下代码:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*友情链接样式*/ #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前台首页底部显示友情链接横排,去除标签「亲测可用」的全部内容,更多相关wordpress前台首页底部显示友情链接横排内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部