温馨提示:这篇文章已超过740天没有更新,请注意相关的内容是否还可用!
为了网站能更好的吸引人看,想要人回复帖子,很多人通过美化来改善网站的人性化,更符合人的审美及习惯,今天分享下如何对评论区域进行美化,此贴内容摘自李洋博客,一位有10多年经验的博主,经常看他的博客来提升自己的知识储备,好了现在讲以下具体操作方法。
1.首先在修改前需要对修改模板进行备份!切记一定要备份!然后使用FTP等远程连接工具,打开网站目录,找到主题模板文件comment.php,搜索“{$comment.Content}”在它前面加一下代码:
{if $comment.ParentID!=0} {php} $newc=$zbp->GetCommentByID($comment->ParentID); $atid=$newc->ID; $atname=$newc->Name; {/php} <a class="comment_at" href="#comment-{$atid}">@{$atname}</a> {/if}
2.然后根据自己要求,加入CSS即可,附送本站css样式:
a.comment_at { padding: 2px 5px 3px 5px; border: 1px solid #ddd; border-radius: 4px; color: #F35532;}
3.都修改完事之后,记得回后台首页“清空缓存并重新编译模板”大功告成
演示效果如图:
4.评论代码有些是默认的,有些已经被大家简单的优化了,比如N+1楼,在这个基础上加上了判断,教程如下;还是找到模板文件模板文件comment.php,找到“{$key+1}”然后替换以下代码:
a.comment_at { padding: 2px 5px 3px 5px; border: 1px solid #ddd; border-radius: 4px; color: #F35532;}
5.然后保存,清空网站缓存,自己添加队形的CSS样式即可
还没有评论,来说两句吧...