网站LOGO
公爵书房 | 技术分享
页面加载中
2月24日
网站LOGO 公爵书房 | 技术分享
以指键之轻,承载知识之重
菜单
  • 公爵书房 | 技术分享
    以指键之轻,承载知识之重
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    文章列表右上角添加文章置顶和新文章发布图标
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。

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

    公爵 · 原创 ·
    笔记 · 分享笔记子比主题子比美化
    共 1231 字 · 约 1 分钟 · 139
    本文最后更新于2023年09月02日,已经过了175天没有更新,若内容或图片失效,请留言反馈

    先看效果图

    在子比主题目录下“func.php”(子比主题推荐放这里)或者“functions.php”,在合适位置放下面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;
    }

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

    php 代码:
    $html .= tianyishangke_post_newicon($post);//置顶文章icon图标函数

    最后在自定义css代码里面添加

    php 代码:
    /*新文章发布图标样式*/
    .posts-item{position: relative !important;}
    .tianyishangke-new-icon{position: absolute;height: 35px;right: 0;top: 0;}
    .tianyishangke-new-icon img{-webkit-user-drag: none;}

    这样就可以了

    声明:本文由 公爵(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。

    还没有人喜爱这篇文章呢

    发一条! 发一条!
    博客logo 公爵书房 | 技术分享 以指键之轻,承载知识之重 51统计 百度统计
    MOEICP 萌ICP备20226257号 ICP 赣ICP备2022001242号-1 ICP 闽公网安备35020502000606号 又拍云 本站由又拍云提供CDN加速/云存储服务

    🕛

    本站已运行 2 年 35 天 21 小时 4 分

    🌳

    自豪地使用 Typecho 建站,并搭配 MyLife 主题
    公爵书房 | 技术分享. © 2022 ~ 2024.
    网站logo

    公爵书房 | 技术分享 以指键之轻,承载知识之重
     
     
     
     
    壁纸