Z-BlogPHP侧栏带头像“最新留言”模块(纯代码版)

投稿   捷闪站长网  2017-08-23 07:33:00  139 人阅读  14 条评论

投放广告联系   诚邀合作伙伴   赞助我们   垃圾评论惩罚

大家有木有注意到,本站的侧栏“最新留言”模块是带有头像的,而 Z-BlogPHP 默认的最新留言模块是没有头像只有文字的,所以应用中心推出了很多带头像留言模块的插件,这些插件是直接挂在 Index_Begin,可能会增加查询次数而使网页打开速度变慢。本站今天就给大家带来如何纯代码实现侧栏带头像“最新留言”模块。(PS:如果主题自带此功能,就不需要再次折腾了!)

Z-BlogPHP侧栏带头像“最新留言”模块(纯代码版) ZBlog 第1张

解决方案

  • 在主题 include.php 内加入获取最新留言并屏蔽管理员的函数;
  • 在主题 CSS 样式内添加最新留言头像样式;
  • 在主题 template 模板目录下新建 module-comments.php 挂载最新留言模块;
  • 刷新缓存,编辑保存留言模块。

具体实现步骤

1、在主题 include.php 的 <?php 内添加如下函数:

  1. if (!function_exists('Sidebar_Module_Get_Comments')){
  2. function Sidebar_Module_Get_Comments(){
  3.    global $zbp;
  4.    $i = 6; //数字6请自行替换为需要显示的评论个数
  5.    $w=array();
  6.    $w[]=array('=', 'comm_IsChecking', 0);
  7.    $arr=explode(',','1'); //数字'1'请替换为管理员ID
  8.    $w[]=array('NOT IN','comm_AuthorID',$arr);
  9.    $comments = $zbp->GetCommentList(
  10.    '*',
  11.    $w,
  12.    array('comm_PostTime' => 'DESC'),
  13.    $i,
  14.    null);
  15.    return $comments;
  16. }
  17. }

2、在主题 CSS 样式内添加最新留言样式:

  1. #divComments dd,#divComments ul{padding: 0;margin: 0;}
  2. #divComments li{position:relative;width:100%;height:60px;overflow:hidden;padding:10px 10px 10px 60px;border:0;border-top:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:none;}
  3. #divComments li:nth-child(1){border-top:0;}
  4. #divComments li span.zb_avatar{position:absolute;left:10px;top:10px;width:40px;height:40px;}
  5. .zb_avatar img{width:40px;height:40px;border-radius:50%;border:0;margin:0;padding:0;-webkit-transition:.4s;-webkit-transition:-webkit-transform.4s ease-out;transition:transform.4s ease-out;-moz-transition:-moz-transform.4s ease-out;}
  6. #divComments li:hover .zb_avatar img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg);}
  7. #divComments li small{line-height:20px;height:20px;overflow:hidden;font-size:11px;color:#999;display:block;border:0;margin:0;padding:0;}
  8. #divComments li p{line-height:20px;height:20px;overflow:hidden;font-size:14px;display:block;margin:0 0 3px 0;padding:0;}

3、在主题 template 目录下添加最新留言模板文件,新建 module-comments.php 文件,内容如下:

  1. {php}
  2. $comments=Sidebar_Module_Get_Comments();
  3. {/php}
  4. {foreach $comments as $comment}
  5. <li><span class="zb_avatar"><a href="{$comment->Post->Url}#cmt{$comment->ID}"><img src="{$comment->Author->Avatar}" alt="avatar"></a></span><p><a href="{$comment->Post->Url}#cmt{$comment->ID}">{TransferHTML($comment->Content, '[noenter]')}</a></p><small>{htmlspecialchars($comment->Author->StaticName)} 评论于:{$comment->Time('m-d')}</small></li>
  6. {/foreach}

4、在后台首页刷新缓存,编辑并保存最新留言模块。

第一步:清空缓存并重新编译模板

Z-BlogPHP侧栏带头像“最新留言”模块(纯代码版) ZBlog 第2张

第二步:后台左侧的模块管理中点击『最新留言』编辑按钮

Z-BlogPHP侧栏带头像“最新留言”模块(纯代码版) ZBlog 第3张

第三步:点击『提交』按钮即可

Z-BlogPHP侧栏带头像“最新留言”模块(纯代码版) ZBlog 第4张

5、刷新首页,查看侧栏,大功告成。

历史上的今天:

文章标签: ,   ,  
原文地址:http://www.z18zs.com/read/243.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 捷闪站长网 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
NEXT已经是最新一篇了
淘宝天猫无门槛专享优惠券

 发表评论


  1. 常州钣金加工
    常州钣金加工 【小白】 @回复

    没用过,占个坑

  2. 侯总博客大全
    侯总博客大全 【秀才】 @回复

    mark,收藏,好东西。。。。。。。

  3. 阁楼藏
    阁楼藏 【秀才】 @回复

    好东西,可以我用不了

  4. 在线看小说
    在线看小说 【进士】 @回复

    没用过,占个坑

  5. devoted
    devoted 【举人】 @回复

    建议转wordpress

  6. 闲鱼
    闲鱼 【状元】 @回复

    坚决拥护大WP [偷笑]

  7. 孕妇帮
    孕妇帮 【进士】 @回复

    用自带的比较好,哈哈我用的就是博主的主题

  8. 小苍老师
    小苍老师 【状元】 @回复

    还是喜欢WP,原生的留言就蛮好的噻!

  9. 心动
    心动 【进士】 @回复

    还是喜欢我大WordPress

  10. 九哥
    九哥 【进士】 @回复

    还是知更鸟好啊,很多东西都比较完善,不用折腾。

  11. 橘子书
    橘子书 【丞相】 @回复

    仔细看来,php的代码好像都大同小异。

  12. 康乐民博客
    康乐民博客 【书童】 @回复

    感觉zblog的主题和插件的开发者来来回回就那么几个,而且很多关键性的插件都收费,看着界面挺简单,真要折腾起来比worpress都难。

  13. 里维斯社
    里维斯社 【进士】 @回复

    有能用的留言模块就行了,我觉得我还是不折腾好了 [懒得理你]