Wordpress主题技巧

WordPress 高亮显示用户上次访问后新增的评论内容

WordPress 高亮显示用户上次访问后新增的评论内容

如果一个用户对你的文章很感兴趣,他很可能会关注你文章的评论内容,那么我们如何让用户知道哪些评论内容是他上次访问后新增的呢,今天推荐的 Comments Since Last Visit 就可以做到这一点。

Comments Since Last Visit 是通过 Cookie 记录用户最后访问每篇文章的时间,然后对这个时间后的新增评论添加一个 CSS 类 及 对应的高亮样式。这样,用户下次过来(当然是同一个浏览器,没有清空 Cookie 的情况下),就可以很明显看到新增的评论内容了。

comments-since-last-visit_wpdaxue_com

你可以到作者博客下载该插件,或者下载本站备份

如果你不想弄插件,也可以试试根据插件源码整理出来的代码(未测试,欢迎反馈),添加到主题的 functions.php 即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/**
 * WordPress 高亮显示用户上次访问后新增的评论内容
 * https://www.wpdaxue.com/comments-since-last-visit.html
 */
add_action( 'get_header', 'wpdx_last_visit_cookie' );
function wpdx_last_visit_cookie()
{
	// 只对文章和页面这类页面生效
	if ( is_singular() )
	{
		// 获取当前文章的ID
		$id = get_the_ID();
		// 获取当前时间
		$current_time = strtotime( current_time( 'mysql' ) );
		// 查看是否 cookie 已经存在,如果是,获取 last_visit
		if ( isset( $_COOKIE['last_visit'] ) )
		{
			$latest_visit = json_decode( stripslashes( $_COOKIE['last_visit'] ), true );
			// 只保留最后 50 篇文章,防止cookie过大
			if ( count( $latest_visit ) >= 50 )
			{
				$latest_visit = array_diff( $latest_visit, array( min( $latest_visit ) ) );
			}
		}
		// 只保留这篇文章的 cookie 90天
		$latest_visit[$id] = $current_time;
		setcookie( 'last_visit', json_encode( $latest_visit ), time()+3600*2160 );
	}
}
add_filter( 'comment_class', 'wpdx_last_visit_comment_class' );
function wpdx_last_visit_comment_class( $classes )
{
	// 获取评论的时间
	$comment_time = strtotime( get_comment_date( 'Y-m-d G:i:s' ) );
	if ( isset( $_COOKIE['last_visit'] ) ) {
		$latest_visit = json_decode( stripslashes( $_COOKIE['last_visit']), true );
	}
	// 如果评论是用户上次访问之后新增的,就添加 new-comment 这个类
	if ( $comment_time > $latest_visit[get_the_ID()] )
	{
		$classes[] = 'new-comment';
	}
	return $classes;
}
// 添加高亮样式
add_action( 'wp_enqueue_scripts', 'wpdx_last_visit_styles' );
function wpdx_last_visit_styles()
{
	echo '<style>.new-comment { background-color: #f0f8ff; }</style>';
}

/**
* WordPress 高亮显示用户上次访问后新增的评论内容
* https://www.wpdaxue.com/comments-since-last-visit.html
*/
add_action( ‘get_header’, ‘wpdx_last_visit_cookie’ );
function wpdx_last_visit_cookie()
{
// 只对文章和页面这类页面生效
if ( is_singular() )
{
// 获取当前文章的ID
$id = get_the_ID();
// 获取当前时间
$current_time = strtotime( current_time( ‘mysql’ ) );
// 查看是否 cookie 已经存在,如果是,获取 last_visit
if ( isset( $_COOKIE[‘last_visit’] ) )
{
$latest_visit = json_decode( stripslashes( $_COOKIE[‘last_visit’] ), true );
// 只保留最后 50 篇文章,防止cookie过大
if ( count( $latest_visit ) >= 50 )
{
$latest_visit = array_diff( $latest_visit, array( min( $latest_visit ) ) );
}
}
// 只保留这篇文章的 cookie 90天
$latest_visit[$id] = $current_time;
setcookie( ‘last_visit’, json_encode( $latest_visit ), time()+3600*2160 );
}
}
add_filter( ‘comment_class’, ‘wpdx_last_visit_comment_class’ );
function wpdx_last_visit_comment_class( $classes )
{
// 获取评论的时间
$comment_time = strtotime( get_comment_date( ‘Y-m-d G:i:s’ ) );
if ( isset( $_COOKIE[‘last_visit’] ) ) {
$latest_visit = json_decode( stripslashes( $_COOKIE[‘last_visit’]), true );
}
// 如果评论是用户上次访问之后新增的,就添加 new-comment 这个类
if ( $comment_time > $latest_visit[get_the_ID()] )
{
$classes[] = ‘new-comment’;
}
return $classes;
}
// 添加高亮样式
add_action( ‘wp_enqueue_scripts’, ‘wpdx_last_visit_styles’ );
function wpdx_last_visit_styles()
{
echo ‘<style>.new-comment { background-color: #f0f8ff; }</style>’;
}

Wordpress主题技巧

更多有关于 Wordpress主题技巧

域名解析教程

Metaslider幻灯片使用详解!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.