在追求信息新鲜度与读者粘性的今天,子比主题在文章页设计上再次迈出重要一步,通过精心优化更新时间的显示方式,为文章内容赋予了更强的时效性标签。这一改进不仅提升了用户的阅读体验,还进一步增强了文章的可信度和吸引力。
效果图
![图片[1]-子比文章页添加更新时间时效性-派克资源](https://www.pknn.net/wp-content/uploads/2024/08/QQ20240818-141655.webp)
明确时间戳,即时感知新鲜:
在子比文章页的显著位置,我们特别增设了清晰可见的更新时间戳。这一时间戳以用户易于识别的格式呈现,确保读者在第一时间就能了解到文章的发布或最近更新时间。这种即时性的反馈机制,让读者能够迅速判断文章内容的时效性,从而更加积极地参与阅读与讨论。
强化时效性,提升阅读价值:
通过强调更新时间的时效性,子比文章页进一步提升了文章内容的阅读价值。读者可以根据更新时间判断文章信息的最新程度,从而更加精准地获取所需资讯。同时,这也促使作者更加注重文章的时效性和更新频率,以吸引并保持读者的关注。
优化布局设计,融合视觉美感:
在强化更新时间时效性的同时,我们也注重了布局设计的优化。更新时间戳被巧妙地融入文章页的整体设计中,既保持了页面的整洁与美观,又确保了信息的清晰传达。通过精心挑选的字体、颜色与排版方式,我们让更新时间成为了文章页上的一道亮丽风景线,为读者的阅读之旅增添了更多愉悦与便捷。
设置步骤
zibll/func.php插入代码
//文章过期提示开始
function article_time_update() {
date_default_timezone_set('PRC');
$newdate=time();
$updated_date = get_the_modified_time('Y-m-d H:i:s');
$updatetime=strtotime($updated_date);
if ( $newdate > $updatetime+86400) {
echo '<style>.article-update-tips {
background: rgba(255, 188, 68, 0.38);
color: #333;
margin: 0 0px 20px;
border-radius: 8px;
padding: 8px 8px;
position: relative;
text-align: center;
background-image: url('.home_url().'/pic/tips_bg.png);
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-blend-mode: normal;
}span.red {
color: #f60;
margin: 0 3px;
}</style><div class="article-update-tips">文章最后更新时间:<span class="red">'. $updated_date . '</span></div>';
}
}
add_action('zib_posts_content_before','article_time_update');
//文章过期提示结束
附件里的图片上传至网站根目录下pic文件夹下
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END