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

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

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.支付成功后不要关闭二维码,等待系统确认后自动关闭,支付按钮 变为 下载按钮。
2.游客购买请使用 Chrome 、Edge 或 FireFox浏览器 ,以免支付刷新失败(浏览器缓存7天有效)。
3.如支付成功后刷新无法显示下载按钮、链接失效等问题请联系客服处理或参考下载说明文档
免责声明:
1.本站资源售价仅为赞助网站,收费仅用于网站维护运营更新,感谢您的支持。
2.本站所发布资源仅限用于学习和研究测试使用,不得用于商业或非法用途。
3.如果购买下载测试后满意,请前往购买支持正版,得到更好的正版服务。
4.本站仅保证资源的正常下载和测试使用,售后不包含相关技术咨询服务,请知悉谅解。
5.本站所发布资源为非实物商品,不接受退款,请考虑好再购买。

Soku云宝库 » WordPress友情链接横排调用实现方法

发表回复

本站Tips:超过6个月未登录及一人多号注册的账号,我们将定期删除或停封。

Don`t copy text!