Zibll主题给刚发布和刚更新的文章分别加上”新””更”小图标及文字提示—(第二版)

支持Zibll子比的最新版本:

本文达到的效果如下:

如果是24小时内发布:显示“新”图标,标题显示1天内发布。

如果是24小时内更新:显示“更”图标,标题显示1天内更新。

如果不是24小时内发布或者更新:不显示任何图标,标题显示最近更新日期。

效果图

image

教程开始:

第一、解决wordpress时区问题,否则可能会显示不正确,需要有PHP.INI编辑权限,以宝塔PHP8.1为例。

php.ini配置文件,大概在968行,或则搜索date.timezone,看=后面的值是什么,如果是PRC则不改动,如果不是,修改为PRC,修改后重启PHP。

image

网站根目录下wp-config.php,第一行添加

date_default_timezone_set(‘PRC’);

image

wordpress后台设置-常规中,时区、日期、时间,按如下设置。

image

第二、Zibll主题设置—文章&列表—列表卡片模式,将“首页列表 卡片模式“关闭。

PS:主要是卡片模式调试了好久,NEW小图标一直错位,无奈关闭。

image

第三、修改主题目录中的/inc/functions/zib-posts-list.php文件,找到以下代码:

//获取文章列表的标题

function zib_get_posts_list_title($class = 'item-heading')

将整段代码修改为:

//获取文章列表的标题
function zib_get_posts_list_title($class = 'item-heading') {
	$get_permalink = get_permalink();
	$_post_target_blank = _post_target_blank();
	$title = get_the_title() . get_the_subtitle(true,'focus-color');
	$t1=get_the_time('Y-m-d h:i:s',isset($post));
	$t2=wp_date('Y-m-d h:i:s');
	$t3=get_the_modified_time('Y-m-d h:i:s');
	$diff1=(strtotime($t2)-strtotime($t1))/3600;
	$diff2=(strtotime($t2)-strtotime($t3))/3600;
	$icon_html = '';
	if ($diff1 < 24) {
		$icon_html = '<span class="new-icon"></span>';
		// 新发表文章 $html = '<h2 class="' . $class . '">' . $icon_html . '<a' . $_post_target_blank . ' href="' . $get_permalink . '">' . $title . '<font color="red">【1天内发布】</font></a></h2>';
		return $html;
	} elseif ($diff2 < 24) {
		$icon_html = '<span class="update-icon"></span>';
		// 更新的文章 $html = '<h2 class="' . $class . '">' . $icon_html . '<a' . $_post_target_blank . ' href="' . $get_permalink . '">' . $title . '<font color="red">【1天内更新】</font></a></h2>';
		return $html;
	} else {
		$html = '<h2 class="' . $class . '">' . $icon_html . '<a' . $_post_target_blank . ' href="' . $get_permalink . '">' . $title . '<font color="red">【更新于'. $t3 . '】</font></a></h2>';
		return $html;
	}
}

代码注释:

diff1<24,diff2<24,24代表1天,如果显示2天则修改为48,以此类推。

第四、添加CSS样式

后台主题设置-全局功能-自定义代码-自定义CSS样式插入

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共14条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复
    • 的头像-知新网fsa521zs0
    • 的头像-知新网111111111L0
    • 的头像-知新网q15832073080
    • 的头像-知新网梦楠分享0
    • 的头像-知新网yeyu0
    • 的头像-知新网youlao730
    • 的头像-知新网nris0
    • 的头像-知新网kxmfz5150
    • 的头像-知新网陈司俊守0
    • 的头像-知新网Alvin0
    • 的头像-知新网bagezi0
    • 的头像-知新网carson0
    • 的头像-知新网星恬0
    • 的头像-知新网x22064890960
社区求救信号帮助是一种美德