PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > CMS教程 > wordpress教程 > 正文

    wordpress发布新文章后标题上显示“NEW”之类的小图标

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:这其实算不上很新奇的功能,但部落觉得这样做的话,能够提高用户体验,在wordpress网站的新发布文章后面添加一个醒目的NEW之类的小图标,能...

    这其实算不上很新奇的功能,但部落觉得这样做的话,能够提高用户体验,在wordpress网站的新发布文章后面添加一个醒目的“NEW”之类的小图标,能够让用户很明显地知道,这些就是新文章了。现在很多的网站都加上了这个功能,部落觉得如果您的网站有很多的受众用户,并且其中相当多的用户为老用户,那么给新发布文章后方显示一个“NEW”之类的小图标就显得很有必要了。

    如此在您的分类页面上,用户就能很容易辨别出哪些是新文章了,当然,之前部落还介绍过wordpress在发布文章时显示时间格式为几小时或几分钟前,相比图标显示,效果肯定要差一些,不过,实话说,部落目前采用的是24小时内的

    先来看看效果,当您的网站发布了新文章时,能体验到的效果如下图所示:


    下载标志小图标

    这里部落建议您到懒人图库去下载一个您自己喜欢的图标,由此直达懒人图库,这里部落从懒人图库里放出一部分图标,如下:



    自己去下载吧。

    修改源文件

    打开主题文件首页index.php文件找到以下文章标题代码:

    有的主题可能不一样,会显示如下:
    <?php the_title(''); ?>



    上句(get_the_title(), 0, 32, '...')中32是标题显示字数,根据自己修改。

    3.    在以上代码后面添加如下函数代码

    <?php
    $t1=$post->post_date;
    $t2=date("Y-m-d H:i:s");
    $diff=(strtotime($t2)-strtotime($t1))/3600;
    if($diff<24){echo '<img src="'.get_bloginfo('template_directory').'/images/new.gif" />';}
    ?>

    这里小图标添加好,注意上面图片路径哦!
     

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-103-1702-1.html
    相关热词搜索: