WordPress文章列表右上角添加文章置顶+新文章发布ICON图标

图片[1]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享
新文章发布图标
图片[2]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享
文章置顶图标

PHP代码

在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面PHP代码。

/**
* 新文章发布New小图标
*/
function tianyishangke_post_newicon($post){
    //date_default_timezone_set('PRC');
    $wiui_date = date("Y-m-d H:i:s");
    $wiui_post_date = get_the_time('Y-m-d H:i:s', $post);
    $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600;
    if($wiui_diff<24){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="最新文章" /></div>';
    }else if (is_sticky()){
        $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="图标链接" draggable="false" alt="置顶文章" /></div>';
    }else{
        $wiui_new_icon = '';
    }
    //开始输出
    return $wiui_new_icon;
}

上面《img》标签icon图标链接自己修改

图标素材

图片[3]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享
图片[4]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享
图片[5]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享
图片[6]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享

最关键的PHP代码及放置位置:

在子比主题目录下“/zibll/inc/functions/zib-posts-list.php”文件中,放在获取文章列表标题内 大概440行的文章放入下面PHP代码(看图)

图片[7]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享

CSS代码:

效果图:

图片[8]-WordPress文章列表右上角添加文章置顶+新文章发布ICON图标-淇云博客-专注于IT技术分享

不懂可以留言~

------本页内容已结束,喜欢请分享------
Invitation
QiYun
715366739
created:04/09/2022
Welcome to Candyhome

Use this card to join the candyhome and participate in a pleasant discussion together .

Welcome to Knlde's candyhome,wish you a nice day .

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 共2条
头像
请认真评论,发表纯数字纯表情做禁言处理!
提交
头像

昵称

取消
昵称常用语表情代码图片
    • 头像明月登楼的博客河南省南阳市新野县 联通0