首页>文档>源码技巧>Wordpress>B2美化>7B2主题美化文章页顶部添加最后更新时间提示

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

7B2主题美化文章页顶部添加最后更新时间提示

WordPress主题B2主题美化文章页顶部添加最后更新时间提示。让用户可以快速联系到你,并且快速的给你留言,为客户做出最快的解决方案。

7B2主题美化文章页顶部添加最后更新时间提示插图
WordPress主题B2主题美化文章页顶部添加最后更新时间提示

首先打开子主题目录 b2child/TempParts/Single里面有5个文件,对应的是B2主题的5种文章风格(如果没有就将父主题的复制过来)

7B2主题美化文章页顶部添加最后更新时间提示插图1
B2主题美化文章页顶部添加最后更新时间提示

这里以默认风格为例,也就是编辑content.php文件。

打开文件之后,在合适的地方添加代码,我这里是添加在   post-meta  结束之后

/*B2主题美化文章页顶部添加最后更新时间提示 dzcrv.com*/
<?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主题美化文章页顶部添加最后更新时间提示 dzcrv.com*/
<?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>
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索