窈窕淑女,君子好逑
www.sanjunx.com

WordPress发布文章后显示新标识

给新发布的文章打上专有标记还是不错的嘛,方便了自己也方便了别人视觉上的冲击杠杠的。

闲话不多说~

将下面的代码复制后直接放进主题的EXCERPT.PHP文件里(主题通用代码)

<?php //如果出现问题,文件里已存在,这里就不要了
date_default_timezone_set('PRC'); //调整默认时区为中国
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<em>New</em>";} //数字24表示文章发布24小时内的添加标记
else{echo "";} //如果超过设定的时间则显示为空白
?>//如果出现问题,文件里已存在,这里就不要了

上面是文字版代码,下面是图标版代码。(此处效果图省略)

<?php //如果出现问题,文件里已存在,这里就不要了
date_default_timezone_set('PRC'); //调整默认时区为中国
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<img src='new.gif' />";} // new.gif为你上传的NEW图标地址,图片自己从网上下载就可以了
else{echo "";}
?>//如果出现问题,文件里已存在,这里就不要了

如果你的主题是DUX主题的话,那么就可以利用主题自带的样式。(效果图见当前站)

 date_default_timezone_set('PRC');
           $t1=$post->post_date;
           $t2=date("Y-m-d H:i:s");
           $diff=(strtotime($t2)-strtotime($t1))/3600;
            if($diff<72){
               echo '<span class="new-icon">NEW</span>';
            }

将下面的代码复制后直接放进主题的MAIN.CSS文件里(自行测试别的主题)

/** 修正摘要列表定位方式 */
.excerpt {
    position: relative;
}
/** NEW 图标文字版样式 **/
.excerpt .new-icon{
    position: absolute;
    right: -45px;
    top: -20px;
    display: block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #4caf50;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transform: rotate(36deg);
    transform-origin: 0% 0%;
}

/** 置顶图标文字版样式 **/
.sticky-icon {
    position: absolute;
    padding: 0;
    right: -45px;
    top: -20px;
    display: block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #ff5e52;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transform: rotate(36deg);
    transform-origin: 0% 0%;
}
@media (max-width:640px){
    .excerpt-sticky header{text-indent:0px;position: unset;}
    .sticky-icon {
        position: absolute;
        padding: 0;
        right: -45px;
        left: auto;
        top: -20px;
        display: block;
        width: 120px;
        height: 24px;
        line-height: 24px;
        background: #ff5e52;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        transform: rotate(36deg);
        transform-origin: 0% 0%;
    }
}

代码所放位~

EXCERPT.PHP文件就放在下方所示代码下方

echo '<h2><a'._post_target_blank().' href="'.get_permalink().'" title="'.get_the_title().get_the_subtitle(false)._get_delimiter().get_bloginfo('name').'">'.get_the_title().get_the_subtitle().'</a></h2>';

SINGLE.PHP文件就放在下方所示代码下方

<?php the_title(); ?>

INDEX.PHP文件所放位置就不在做说明了哈

赞(0) 打赏
转载把我捎上:道三笔记 » WordPress发布文章后显示新标识
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏