制作WordPress“带Gravatar头像评论”小工具(集成主题中、含选项)

时间:2022-04-23
本文章向大家介绍制作WordPress“带Gravatar头像评论”小工具(集成主题中、含选项),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

最近在进一步折腾WordPress 主题的开发,在侧边栏小工具那里想做一个可独立于主题的、类似插件的带头像评论小工具。通过WordPress 官方文档与一些资料大概了解了小工具制作的一些知识,但对于我等PHP 菜鸟,完全自己开发是不可能的;于是在网络上找到了一段代码,分享并备忘一下。

关于WordPress 中小工具的开发,除了WordPress官方文档外,有一篇“阿叔工作室”的文章也不错,点击查看。这里不多说了。

下面的代码得到的“带Gravatar头像评论”小工具可以集成到主题中,小工具后台拥有相关选项。代码是从系统自带的评论小工具中改进过来的,兼容性良好。代码作者:陈杰斌,感谢原作者。

<?php   /** * 继承WP_Widget_Recent_Comments * 这样就只需要重写widget方法就可以了 */ class My_Widget_Recent_Comments extends WP_Widget_Recent_Comments {   /** * 构造方法,主要是定义小工具的名称,介绍 */ function My_Widget_Recent_Comments() { $widget_ops = array('classname' => 'my_widget_recent_comments', 'description' => __('显示最新评论内容')); $this->WP_Widget('my-recent-comments', __('我的最新评论', 'my'), $widget_ops); }   /** * 小工具的渲染方法,这里就是输出评论 */ function widget($args, $instance) { global $wpdb, $comments, $comment;   $cache = wp_cache_get('my_widget_recent_comments', 'widget');   if (!is_array($cache)) $cache = array();   if (!isset($args['widget_id'])) $args['widget_id'] = $this->id;   if (isset($cache[$args['widget_id']])) { echo $cache[$args['widget_id']]; return; }   extract($args, EXTR_SKIP); $output = ''; $title = apply_filters('widget_title', empty($instance['title']) ? __('Recent Comments') : $instance['title'], $instance, $this->id_base); if (empty($instance['number']) || !$number = absint($instance['number'])) $number = 5; //获取评论,过滤掉管理员自己 $comments = $wpdb->get_results("SELECT * FROM $wpdb->comments WHERE user_id !=2 and comment_approved = '1' and comment_type not in ('pingback','trackback') ORDER BY comment_date_gmt DESC LIMIT $number"); $output .= $before_widget; if ($title) $output .= $before_title . $title . $after_title;   $output .= '<ul id="myrecentcomments">'; if ($comments) { // Prime cache for associated posts. (Prime post term cache if we need it for permalinks.) $post_ids = array_unique(wp_list_pluck($comments, 'comment_post_ID')); _prime_post_caches($post_ids, strpos(get_option('permalink_structure'), '%category%'), false);   foreach ((array) $comments as $comment) { //头像 $avatar = get_avatar($comment, 40); //作者名称 $author = get_comment_author(); //评论内容 $content = apply_filters('get_comment_text', $comment->comment_content); $content = mb_strimwidth(strip_tags($content), 0, '65', '...', 'UTF-8'); $content = convert_smilies($content); //评论的文章 $post = '<a href="' . esc_url(get_comment_link($comment->comment_ID)) . '">' . get_the_title($comment->comment_post_ID) . '</a>';   //这里就是输出的html,可以根据需要自行修改 $output .= '<li class="comment" style="padding-bottom: 5px; "> <div> <table class="tablayout"><tbody><tr> <td class="tdleft" style="width:55px;vertical-align:top;">' . $avatar . '</td> <td class="tdleft" style="vertical-align:top;"> <p class="comment-author"><strong><span class="fn">' . $author . '</span></strong> <span class="says">发表在 ' . $post . '</span></p> </tr></tbody></table> </div> <div class="comment-content"><p class="last">' . $content . '</p> </div> </li>'; } } $output .= '</ul>'; $output .= $after_widget;   echo $output; $cache[$args['widget_id']] = $output; wp_cache_set('my_widget_recent_comments', $cache, 'widget'); }   }   //注册小工具 register_widget('My_Widget_Recent_Comments');

在后台-外观-小工具 启用即可。

要修改的地方还挺多的,要熟悉CSS、html以及一些WordPress 函数。

一些相关文章:

制作WordPress侧边栏“随机文章”小工具并集成在主题中的方法

制作WordPress侧边栏“博客统计”小工具并集成在主题中的方法

制作WordPress侧边栏“热门文章”小工具并集成在主题中的方法