WordPress友情链接横排调用实现方法

 2019-12-9 02:40   评论   338
摘要

WordPress的友情链接标签调用都是模块化的,如果简单的调用友情链接标签是不能横排显示的,默认是竖排的,这样放在底部就很难看了,需要进行CSS定义才行。


前言:

这里所说的情况是调用WordPress默认的链接功能,现在版本的WP默认情况下后台是隐藏不显示“链接”这个功能的,所以如果你的WP后台还没有“链接”这个项功能,需要自己手动添加,在functions.php文件中(底部)添加如下代码:

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

wordpress友情链接横排

友情链接横排显示:

然而因为WordPress的标签调用都是模块化的,如果简单的调用友情链接标签是不能横排显示的,默认是竖排的,这样放在底部就很难看了,需要进行CSS定义才能实现友情链接横排。

1、找到正在使用的WP主题的footer底部模板文件,这需要根据不同的主题,一般都是这个名词,在合适的位置添加下面的代码:

<!-- 友情链接调用 -->
<?php if ( is_home() ) { ?>
<span>友情链接:</span>
<div class="flink">
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=24'); ?> 
</ul>
</div>
<?php }?>
<!-- 友情链接调用 -->

如果不想让友情链接只在首页显示,而是全站显示,那就删除上面代码中蓝色部分。

2、定义flink的 CSS样式,打开CSS样式文件添加:

.flink ul {
float:left;margin:0px;font-size:12px;
}
.flink li {
list-style:none;width:75px;margin:0px10px10px10px;float:left;
}
.flink a {
color: #34495e;text-decoration: none;
}

最后根据不同的主题的需要,自行调整上面CSS代码中的字体大小颜色,就可以了。

免责声明:
1.本站所发布主题、插件、源码等仅限用于学习和研究测试使用,不得用于商业或非法用途,请下载后24小时内删除。
2.如果下载测试后满意喜欢,请前往购买支持正版,得到更好的正版服务。
3.本站资源售价仅为赞助网站运营,收取费用仅维持本站的日常运营所需。
4.部分资源仅进行了基本测试,无法保证所有资源的准确性、安全性和完整性。
5.本站自网络收集发布的非原创资源,不包含相关技术服务,请谅解。
6.本站所发布资源为非实物商品,不接受退款,请考虑好再购买,售后问题请联系客服QQ。

狩酷资源站 » WordPress友情链接横排调用实现方法

发表评论

Don`t copy text!