分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » 代码 » WordPress右下角添加个人最近评论
+

WordPress右下角添加个人最近评论

【文章目录】

WordPress右下角添加个人最近评论-BanYuner

前段时间直接在页面右下角添加了一个显示个人用户最近评论了哪些文章的功能,有群友看到之后问我怎么实现的,其实我也是照搬别人的代码来的,所以这里我还是说一下怎么使用吧:

添加jQuery 库

如果你的主题已经自动加载了,那么就可以忽略这一步了。

////////Get jQuery
if (!is_admin()) {
function my_scripts_method() {
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
}

添加HTML代码

<div class="guest_comments">
<div class="guest_info">
<?php
$user = wp_get_current_user();
if ($user->exists()) { //这是博主登陆情况
echo '您好, <strong>'. $user->user_login .'</strong>, <a id="guest_comments" href="#" class="'. $user->user_email .'" rel="nofollow">点击这里</a>可以查看您最近的评论。';
} else { //访客有评论过
if($_COOKIE["comment_author_" . COOKIEHASH]!=""){
echo '您好, <strong>' , $_COOKIE["comment_author_" . COOKIEHASH] , '</strong>, <a id="guest_comments" href="#" class="'. $_COOKIE["comment_author_email_" . COOKIEHASH] .'" rel="nofollow">点击这里</a>可以查看您最近的评论。';
} else {
echo 'Welcome! o(∩_∩)o';
}
} ?>
</div>
<div id="guest_comments_list"></div>
<a href="#" id="gc_close" rel="nofollow">X</a>
</div>

这个代码的功能就是跟你的Cookie来判断你之前的评论。代码添加到footer.php中之前即可。

添加获取评论的函数

//////// Ajax: ajax_guest_comments by zwwooooo | zww.me
function ajax_guest_comments(){
if( isset($_GET['action'])&& $_GET['action'] == 'ajax_guest_comments'  ){
nocache_headers();
$gc_userEmail = isset($_GET['gc_userEmail']) ? $_GET['gc_userEmail'] : null;
?>
<ul>
<?php
$announcement = '';
$arg = array(
'status' => 'approve',
'number' => 12, //获取的评论数
'post_tyle' => 'post',
'author_email' => $gc_userEmail
);
$comments = get_comments($arg);
$home_url=home_url();
if ( !empty($comments) ) {
foreach ($comments as $comment) {
$comment_link=get_comment_link( $comment->comment_ID, array('type' => 'all'));
$announcement .= '<li><span>' . get_comment_date('Y/m/d H:i',$comment->comment_ID) . '</span> <a rel="nofollow" href="'. $comment_link .'" title="on《'. get_the_title($comment->comment_post_ID) .'》">'. convert_smilies(strip_tags($comment->comment_content)) . '</a></li>';
}
}
if ( empty($announcement) ) $announcement = '<li class="reply">我发现您还没评论过 ^_^</li>';
echo $announcement;
?>
</ul>
<?php
die();
}
}
add_action('init', 'ajax_guest_comments');

此段代码添加到functions.php中即可。

添加JS代码

<script type="text/javascript">
jQuery(document).ready(function($){
var $guest_comments_list=$('#guest_comments_list'),
$gc_close=$('#gc_close');
$('#guest_comments').click(function(){
zloading=0;
var $this=$(this),
userEmail=$this.attr('class');
if (userEmail=='click') {
$guest_comments_list.show();
$gc_close.show();
return false;
}
$gc_close.show();
$guest_comments_list.show();
$.get('./?action=ajax_guest_comments&gc_userEmail='+userEmail,
function (data) {
$this.attr('class','click');
$guest_comments_list.html(data);
}
);
return false;
});
$gc_close.click(function(){
$guest_comments_list.hide();
$(this).hide();
return false;
});
});
</script>

上面一段代码我个人是添加到了footer.php之中的。

添加相关CSS代码

/* ajax guest comments */
.guest_comments{position:relative;z-index:9999;position:fixed;bottom:0;right:30px;min-width:300px;max-width:450px;line-height:20px;background:#fff;border-radius:4px 4px 0 0;box-shadow:1px -2px 7px #777;}
.guest_info{padding:5px;}
.guest_info a{color:#f20;}
.guest_info a:hover{color:#3f6c18;}
#guest_comments_list{overflow-y:auto;display:none;max-height:450px;border-top:3px solid #999;}
#guest_comments_list li{overflow:hidden;list-style:none;line-height:20px;padding:0 5px;color:#777;background:#f2f2f2;border-top:1px solid #999;}
#guest_comments_list li span{margin-right:10px;font-weight:bold;color:#555;}
#guest_comments_list li:hover > span{color:#000;}
#guest_comments_list li a{color:#333;font-size:12px;}
#gc_close{display:none;position:absolute;top:3px;right:3px;width:24px;height:24px;line-height:24px;text-align:center;color:#a80000;font-weight:bold;background:#fff;}

上面的CSS代码添加之后可能不会很适合你的站点,大家可以自行修改,显示结果就是文章开头的那样了。

总结

这个功能其实还可以做出很多延伸功能,如果你愿意去折腾的话,还是有开发的余地的。比如你可以设置如果你发现用户没有登录,那么可以添加一个登录页面,或者添加一个随机文章什么的,都是可以的,就看个人的想法了。

测试一下
关注我们 打赏 分享此文
微信扫码,关注我们
扫码,支持我
WordPress右下角添加个人最近评论
支付宝(点击图片切换)
扫码,支持我
WordPress右下角添加个人最近评论
微信(点击图片切换)
扫码,手机看
WordPress右下角添加个人最近评论

个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃ 分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

 相关推荐

换一批 换一批
  • WordPress搜索只显示标题中含有关键字的文章

    WordPress搜索只显示标题中含有关键字的文章

    今天在知更鸟博客上面看到了这篇文章,整体来说,这个功能在某些方面还是比较有用的,如果说通过标题中的关键字来寻找文章的 ...

    点击查看
  • 如何给WordPress站点添加wow.js效果

    如何给WordPress站点添加wow.js效果

    今天折腾了以下这个东西,为什么会折腾这个东西呢,因为之前经常逛知更鸟博客,后来一次更新之后,发现知更鸟博客多了一种加 ...

    点击查看
  • 如何在WordPress评论中显示更多HTML标签

    如何在WordPress评论中显示更多HTML标签

    我见过很多站点,都可以在评论里面添加各种标签,什么自己加粗,然后添加图片,添加链接等等,当时我个人觉得可能并不适合我 ...

    点击查看
  • WordPress显示一年前当天的文章

    WordPress显示一年前当天的文章

    最开始看到这个功能是在112博客,那个时候看到这个功能的第一感觉可能就是觉得,这个功能不是很实用,可能会增加SQL语句的查 ...

    点击查看
  • 给你的WordPress站点添加一个打印按钮

    给你的WordPress站点添加一个打印按钮

    这个功能很久之前就已经在知更鸟博客上面看到了,但是一直没有想过是什么原理,但是今天无意间发现了一个方法,目前觉得还是 ...

    点击查看
  • WordPress显示一周热评

    WordPress显示一周热评

    WordPress站点如何显示一周热评,我相信还是有很多人都想要知道的,那么这里就简单的说说实现方法了。

    点击查看
  • WordPress 限定显示评论者链接的输出

    WordPress 限定显示评论者链接的输出

    最近从bigfa的相关站点看到了这个更新内容,我个人觉得还是很有用的,对于一些广告用户还是有一定的作用的,毕竟有些时候, ...

    点击查看
  • WordPress文章段落间插入广告

    WordPress文章段落间插入广告

    很久之前就已经在留意这个功能了,但是一直没有找到相关的解决办法,今天我算是找到了这个相关代码。使用这个功能对于我们宣 ...

    点击查看
  • 最轻便的复制页面内容到剪切板的JS:clipboard.js

    最轻便的复制页面内容到剪切板的JS:clipboard.js

    今天早些时候在水煮鱼博客看到了这篇文章,我一开始是想要用到代码方面的,毕竟代码很多时候都是直接复制编辑的,但是后来想 ...

    点击查看
  • WordPress前台显示站点有多少注册用户

    WordPress前台显示站点有多少注册用户

    虽然我的站点目前已经关闭了注册,所有已经注册过的用户已经清理完毕了,这里说声抱歉。那么今天这个文章就是给大家一个方法 ...

    点击查看
  • WordPress添加一个底部漂浮栏

    WordPress添加一个底部漂浮栏

    站点底部添加一个通知栏的作用是起到一个通知或者说增加PV的作用,但是很多时候我们都知道,这种通知可能被人觉得很反感,但 ...

    点击查看
  • WordPress避免手残导致文章意外发布

    WordPress避免手残导致文章意外发布

    有些时候,我们编辑好了文章,但是我们可能并不想发布,但是很多时候,我们就是手残,也就是误发布了,这种事情可能对于博客 ...

    点击查看

  目前有 16 条评论 其中:访客: 8 条, 博主: 8 条

WordPress右下角添加个人最近评论
评分: 2 + 4 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)
  1. 4楼
    很棒的功能!赞一个! :twisted:
    陌小雨博客 来自天朝的朋友 火狐浏览器 Windows 10 湖北省仙桃市 电信 7个月前 (04-27)Reply
    • @陌小雨博客 你这个表情和评论不服 差评
      帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 7个月前 (04-27)Reply
      • @帅气小琦琦 晕,没仔细看,你应该给每个表情图片添加一个alt和title属性呀,我以为是一个大拇指的赞呢!
        陌小雨博客 来自天朝的朋友 火狐浏览器 Windows 10 湖北省仙桃市 电信 7个月前 (04-27)Reply
        • @陌小雨博客 一个表情而已 加什么title和alt啦 本来就是很逗比的表情 就是应该逗逼的使用啊
          帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 7个月前 (04-27)Reply
  2. 3楼
    mark一下 有空折腾下
    熊哥club 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省绍兴市 电信 8个月前 (04-11)Reply
  3. 2楼
    你这文章内文字禁止复制设置得不理想。毕竟代码教程,肯定是希望别人来取经,而不是来围观!
    楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-04)Reply
    • @楚书业 不是啊 代码是可以复制的啊
      帅气小琦琦   来自天朝的朋友 Safari浏览器 iPhone iPhone OS 9_3_1 like Mac OS X) AppleWebKit 湖北省武汉市 电信 8个月前 (04-04)Reply
      • @帅气小琦琦 其他的帖子的代码可以复制,就这个帖子我复制不了。
        楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-04)Reply
        • @楚书业 你不说 我还没有发现 我看看什么情况 貌似是插件的问题吧
          帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 8个月前 (04-05)Reply
          • @帅气小琦琦 :???: 我是刚好看了两篇想用的文章,一篇是归档页美化(本来想集合到island主题,发现还要再改改css样式,便没去整了),另外是这一篇!
            楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-05)Reply
            • @楚书业 额 不管是什么插件或者代码 CSS方面总是要做修改的
              帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 8个月前 (04-05)Reply
    • @楚书业 重新保存了一次就好了- -
      帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 联通 8个月前 (04-05)Reply
      • @帅气小琦琦 :???: :grin: 貌似还是不行!
        楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-05)Reply
        • @楚书业 我已经修改文章了 实际上是短代码的函数功能没有添加造成的
          帅气小琦琦   来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信 8个月前 (04-05)Reply
  4. 1楼
    原来教程在这里!类似张戈的访客互动。
    楚书业 来自天朝的朋友 QQ浏览器 Windows 10 福建省 移动 8个月前 (04-04)Reply