WordPress文章增加原创/转载/最新等图标

  • 2,546 views
  • 阅读模式

很久没记录技术相关的文字了,也很久没有更新wp站点了,今天打开,发现站点申请google ads没有通过,说是站点涉嫌抄袭;虽然有一些转载的,而且文章首发都是在简书用MarkDown编写发布的,但是,确确实实大部分都是原创。

于是,想着给文章加个原创或者转载的标志。
之前就已经有原创的分类标签了,而且所有原创的文章都有该分类标签。于是就想着通过该标签来区分原创或者转载

    $cats=get_the_category();
    foreach($cats as $cat)
    {
        if($cat->cat_name=="原创") // 这里判断分类标签是“原创”,则显示原创标志
        {
            $y_flag=1;
            break;
        }
    }
    if($y_flag==1)
    {
        echo "<img src='原创标志地址' width = '36' height = '36' /> ";
    }
    else  
    {
        echo "<img src='转载标志地址' width = '36' height = '36' /> "; // 这里我站点的非原创就是转载了,如果有需要还可以增加其他分类判断
    }

效果如下:

WordPress文章增加原创/转载/最新等图标

有了原创和转载标志,又想着做下最新文章的图标,于是,根据时间来加最新文章标志,因为我站点文章更新较少,所以用了一周(七天)来做最新文章。下面if中的24*7就是7天, 如果文章多,选择一小时就可以改成1

    $t1=$post->post_date;
    $t2=date("Y-m-d H:i:s");
    $diff=(strtotime($t2)-strtotime($t1))/3600;
    if($diff<24*7)
    {
        echo "<img src='最新文章图标地址' width = '36' height = '36' /> ";
    } else
    {
        echo "";
    }

看到这里,可能很多朋友有疑问,这些代码加在哪里?
加在使用the_title()函数的前面或后面即可,例如:需要加在文章页的标题前,则在template-parts/content-single.php下找到

<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>

将这一句用下面的代码替换

<!-- add by thinkinliu -->
<h1 class="entry-title">
<?php
    $t1=$post->post_date;
    $t2=date("Y-m-d H:i:s");
    $diff=(strtotime($t2)-strtotime($t1))/3600; // 获取时间差,单位小时
    if($diff<24*7)// 小于7天
    {
        echo "<img src='new.png' width = '36' height = '36' /> ";       
    } else
    {
        echo "";
    }

    $cats=get_the_category();
    foreach($cats as $cat)
    {
        if($cat->cat_name=="原创")
        {
            $y_flag=1;
            break;
        }
    }
    if($y_flag==1)
    {
        echo "<img src='original.png' width = '36' height = '36' /> ";
    }
    else  
    {
        echo "<img src='Reprint.png' width = '36' height = '36' /> ";
    }
    the_title();
?>
</h1>
<!--  end add by thinkinliu -->

原文:简书ThinkinLiu 博客: IT老五

ps: 都是一些简单的实现,相信百度也有很多相似的代码,这里记录下,以后可能还会用到~
另外,一些朋友可能找图标比较麻烦,这里推荐一个阿里的图标库 iconfont+

weinxin
扫码关注微信公众号--IT老五
微信扫一扫关注公众号,获取更多实用app,订阅地址不定时更新
Liu, Thinkin
  • 本文由 发表于 2019-02-14 11:12:47
  • 转载请务必保留本文链接:https://itlao5.com/748.html
评论  0  访客  0
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定