B2主题美化-文章页顶部添加最后更新时间提示
老白博客B2主题美化系列教程之-文章页顶部添加最后更新时间提示。在B2主题的默认风格中编辑content.php文件,以在文章中添加更新提示。具体方法是在适当位置插入一段代码,包括获取文章日期并显示在指定样式的div中,同时提供了相应的CSS样式代码。
(本文转载自:https://akau.cn/7957.html,非常有技术的一位原创博主,感谢分享)
B2主题美化-显示发布时间
首先打开子主题目录 xcbtmw.com/wp-content/themes/b2child/TempParts/Single
里面有5个文件,对应的是B2主题的5种文章风格(如果没有就将父主题的复制过来)
这里以默认风格为例,也就是编辑content.php
文件。
打开文件之后,在合适的地方添加代码,我这里是添加在 post-meta
结束之后
<?php
$post_date = get_the_date();
echo "<div class='update-notice'>提示:本文最后更新于<span class='update-time'>$post_date</span>,如有错误或者已经失效,请留言告知。</div>"
?>
<style>
.update-notice{
border: 1px dashed #f0f0f0;
padding: 10px;
border-radius: 4px;
}
.update-time {
background-color: #fef0f0;
color: #F56C6C;
font-size: 12px;
border-radius: 4px;
display: inline-block;
padding: 2px 5px;
}
</style>
B2主题美化-显示修改时间
添加位置同上:
<?php
$post_modified_date = get_the_modified_date();
echo "<div class='update-notice'>提示:本文最后更新于<span class='update-time'>$post_modified_date</span>,如有错误或者已经失效,请留言告知。</div>"
?>
<style>
.update-notice{
border: 1px dashed #f0f0f0;
padding: 10px;
border-radius: 4px;
}
.update-time {
background-color: #fef0f0;
color: #F56C6C;
font-size: 12px;
border-radius: 4px;
display: inline-block;
padding: 2px 5px;
}
</style>
B2主题通用美化教程:https://www.xcbtmw.com/tag/b2-theme-beautify
B2主题圈子美化教程:https://www.xcbtmw.com/tag/b2_theme_circle
WordPress顶级优化教程:https://www.xcbtmw.com/tag/wordpress_optimization
这个好像只能显示 发布时间,不是修改时间,能不能改成显示文章最后编辑的时间
你可以把前面的代码改一下,我已经写好了,你测试测试
弄好了,你看看
谢谢大佬