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

支持Zibll子比的最新版本:

本文达到的效果如下:

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

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

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

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

教程开始:

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

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

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

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

date_default_timezone_set(‘PRC’);

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

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

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

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

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

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

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

//获取文章列表的标题

function zib_get_posts_list_title($class = ‘item-heading’)

将整段代码修改为:

代码注释:

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

第四、添加CSS样式

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

.tab-content{
position: relative;
}
/** NEW 图标文字版样式 **/
.tab-content .new-icon{
position: absolute;
right: 1px;
display: block;
width: 40px;
height: 40px;
line-height: 20px;
background-image: url(你的New图标地址);
transform-origin: 0% 0%;
}
/** UPDATE 图标文字版样式 **/
.tab-content .update-icon{
position: absolute;
right: 1px;
display: block;
width: 40px;
height: 40px;
line-height: 20px;
background-image: url(你的Update图标地址);
transform-origin: 0% 0%;
}

给TA打赏
共{{data.count}}人
人已打赏
折腾

本站免费国外VPS推荐:Evolution host 让网站速度疾如闪电

2023-5-19 21:24:53

折腾

新华社记忆链新闻数字藏品

2023-5-29 19:18:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索