子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标
浏览:735 留言:8
手机扫我访问

子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标

美化介绍 来自MAC大佬的又一款非常美观又实用的新发布文章列表角标,每个新发布的文章都会自动添加,用来提醒用户 […]

相关标签:子比美化

子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标

AI
AI文摘 此内容由AI根据文章内容自动生成
AI Summary

美化介绍

来自MAC大佬的又一款非常美观又实用的新发布文章列表角标,每个新发布的文章都会自动添加,用来提醒用户这篇文章是今日新发布的,有利于用户交互。

下面一个是文字显示的,我使用的则是图标样式,也可以替换成其他图标。

图片[1]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库
图片[2]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库

方法一:代码部署

在主题目录 func.php 文件添加如下代码。(func.php = functions.php)

文件路径:/www/wwwroot/vip.lzzcc.cn/wp-content/themes/zibll/functions.php

/*新文章发布角标*/
function add_zbfox_new_post_label($title, $id) {
    if (!is_admin() && !is_single()) {
        $post_time = get_the_time('U', $id);
        if (time() - $post_time <= 24 * 60 * 60) {
            $title .= ' <div class="zbfox_new_post_label">NEW</div>';
        }
    }
    return $title;
}
add_filter('the_title', 'add_zbfox_new_post_label', 10, 2);

CSS代码:添加到子比主题后台设置->自定义代码->自定义CSS样式

方法二:代码部署

图片[3]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库
图片[4]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库
图片[5]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库
图片[6]-子比主题美化 – 新发布文章列表角标(NEW)+新文章发布ICON图标-大海资源库

CSS代码:添加到子比主题后台设置->自定义代码->自定义CSS样式

© 版权声明
THE END
点赞7分享
及时反馈~ 共8条

请登录后发表评论