专栏首页wordpress建站吧「实用小技巧」如何在WordPress网站添加动态友链的代码分享

「实用小技巧」如何在WordPress网站添加动态友链的代码分享

WordPress网站添加动态友链的代码分享?

先解释一下,这个【动态友链】主要是我为了方便取的名字,估计没有人知道这个功能叫什么,也没有专门的称呼,所以我们给他命名为动态友情链接;最近看到很多wp程序的博客首页都有这么一个模块,显示的是最近评论了网站访客的友情链接,这个版块展示效果如下所示;

或者是这样的,

如果你发表了评论,你的网站链接就会展示在第一个位置,动态变化的,又是在首页显示,所以我给他取个名字叫动态友链,类似于抢排名的道理,这样可以明显增加自己网站的人气和访问深度,访客的行为和粘性都会提高很多的,感觉不错我就自己写代码做了一个放在我的wordpress建站吧上。

不清楚这个功能是不是有插件可以实现,或者其他的方法实现,反正我自己尝试着用不入流的代码水平勉强给写出来了,这里分享给大家吧!

首先在主题发function.php 文件中增加这段代码,是获取wp_comments评论表里面的评论者信息,判断的是按照url分组查询的结果显示前面最新的12条记录,代码如下;

//2018年11月14日00:05:24添加【动态友链】,WordPress建站吧
function getvisitors() {
 global $wpdb;
 $query="select * from `wp_comments` where `comment_approved`=1 group by `comment_author_url`
order by comment_ID desc limit 12";
 $sql = $wpdb -> get_results($query, ARRAY_A);
 //print_r($sql);
 //新添加2018年11月13日23:55:41
 foreach($sql as $vales){
 echo "<li><img src='https://www.zouaw.com/wp-content/uploads/2018/11/timg-1.gif'>
<a target='_blank' rel='nofollow' href=".$vales["comment_author_url"].">".$vales["comment_author"]."</a>
</li>";
 }
}

然后再首页index.php需要展示版块内容的地方添加上如下代码,样式表估计需要修改成适应自己模板的;css代码也写在了里面;

<div class="vistor">
<style>
.vistor{width:100%;margin-bottom:30px;height:auto!important;background:#fff;
border:1px solid #f5f9ff;text-align:center;color:#096cb2;
border:1px solid #eaeaea;border-radius:4px;}
.vistor p{padding-top:4px;font-size:16px;}
.vistor ul{margin-top:10px;margin-bottom:10px;font-size:13px;padding-bottom:40px;}
.vistor ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:125px;
overflow:hidden;height:20px;text-align:left;}
.vistor ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;}
/*移动端想显示的话可以注销或者删除下面的这一行*/
@media (max-width:900px) {.vistor{display:none}}
</style>
<p>【动态友链】每评论一次你就会自动排第一位哦</p>
<ul>
<?php
//2018年11月13日23:17:58增加的,近期发布评论的访客信息友情链接版块;WordPress建站吧
 getvisitors();
?>
</ul>
<div style="clear: both;display:block"> </div>
</div>

反正在我站点还是可以用的移动pc都兼容的。

本文分享自微信公众号 - wordpress建站吧(wordpress8),作者:smartcim

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • wordpress活跃访客按最近14天评论数排序的代码分享

    近期本站新增了一个小功能,就是读取展示了最14天评论数最多的前6个访客展示,这个功能的初衷也是想调用大家互动和评论的积极性,同时也方便互访。其实代码不难,自己下...

    wordpress建站吧
  • 如何解决WordPress搬家更改新域名后网站无法正常运行的问题?

    修改functions.php functions.php指的是位于当前博客主题目录内,可以自定义一些主题函数。

    wordpress建站吧
  • 如何解决WordPress更改新域名后无法访问的调试

    如何解决WordPress更改新域名后的安装调试,很多人在做了网站的搬家和网站的从新更换空间域名搬家之后,往往出现网站打不开的情况,这个问题其实并不难,但是很多...

    wordpress建站吧
  • Thinkphp5.0上传图片与运行python脚本

    说明批处理文件路径与python脚本大致路径:C:\xampp\htdocs\server\public

    嘘、小点声
  • 在 Vue.js 中制作自定义选择组件

    定制 select 标签的设计非常困难。有时候,如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本,那是不可能的。在本文中,你将...

    疯狂的技术宅
  • WordPress 添加个性化的博客宠物(妹纸篇)

    某日闲逛看到的某个博客上的一个博客宠物,准确来说不是宠物,人家可是萌妹纸啊!看看右侧这个图,就是这个萌妹纸了(后来用谷歌相似图片搜索才发现是死亡笔记的)。让我感...

    Jeff
  • VUE开发一个组件——Vue PC城市选择控件

    前面用vue开发了三四个组件了,都是H5的,现在来看看PC是如何玩转组件的?其实和H5相同,样式不同而已。

    Javanx
  • FF下修改美化文件域(input type=file)的样式

    有兄弟问我修改美化文件域(input type=file)在FF下的样式,暂时没看兼容.也没美化.等到了上海安定好了再好好修改下 <!DOCTYPE html ...

    练小习
  • WordPress免插件仅代码实现“返回顶部、返回底部、评论”效果(样式一)

    本文所说的”返回顶部、返回底部、评论 “相信你知道是什么东东了吧?  一般你在各大网站的右下角都能看到类似的东东,但许多网站都普遍只有“返回顶部”的效果。不过就...

    Jeff
  • 3D盒子动画

    ---------------------------------------------------------

    py3study

扫码关注云+社区

领取腾讯云代金券