Membuat Recent Comment Avatar Tanpa Plugin

Kali ini saya ingin berbagi cara untuk memasang Recent Coments dengan avatar. Atau menampilkan komentar terakhir di sidebar. Pada beberapa tema mungkin sudah ada fungsi tersebut. Jika Anda ingin menampilkan komentar terkini yang dilengkapi avatar namun kebetulan menggunakan tema yang tidak dilengkapi pengaturan untuk menampilkan komentar terbaru dengan avatar, saya berikan cara menambahkannya tanpa menggunakan plugin. Khususnya cara ini untuk WordPress.

Baiklah Sobat, untuk menambahkannya silakan Anda buka Appearance Editor melalui Dashboard WordPress Anda. Kemudian tambahkan baris kode berikut pada functions.php yang berada dalam direktori tema Anda saat ini. Setelah itu lanjutkan dengan langkah berikutnya, silakan lanjutkan dulu membaca.

////////////////////////////////////////////////////////////////////////////////
// Get Recent Comments With Avatar
////////////////////////////////////////////////////////////////////////////////
function get_avatar_recent_comment() {

global $wpdb;

$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
comment_post_ID, comment_author, comment_author_email, comment_date_gmt, comment_approved,
comment_type,comment_author_url,
SUBSTRING(comment_content,1,50) AS com_excerpt
FROM $wpdb->comments
LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
$wpdb->posts.ID)
WHERE comment_approved = '1' AND comment_type = '' AND
post_password = '' AND user_ID = ''
ORDER BY comment_date_gmt DESC LIMIT 5";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$gravatar_status = 'on'; /* off if not using */

foreach ($comments as $comment) {
$email = $comment->comment_author_email;
$grav_name = $comment->comment_author;
$grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=".md5($email). "&size=30"; ?>
<?php if($gravatar_status == 'on') { ?>
<li>
<img src="<?php echo $grav_url; ?>" alt="<?php echo $grav_name; ?>" class="alignleft" /><?php } ?>
<span class="author"><?php echo strip_tags($comment->comment_author); ?></span>&nbsp;Says:<br />
<span class="comment"><a href="<?php echo get_permalink($comment->ID); ?>#comment-<?php echo $comment->comment_ID; ?>" title="on <?php echo $comment->post_title; ?>">
<?php echo strip_tags($comment->com_excerpt); ?>...</a></span>
<div class="clearfix"></div>
</li>
<?php
}
}

 

Kode tersebut untuk membuat fungsi baru dalam membuat daftar recent comments. Untuk jumlah yang ingin ditampilkan, silakan ganti angka 5 pada DESC LIMIT.  Dan untuk Admin tidak akan ditampilkan, namun jika Anda menghendaki komentar Admin ikut ditampilkan, maka hapus  kode AND user_ID ''. Kode itu untuk memfilter agar Admin tidak diikutsertakan dalam recent comments.  Atau mungkin mengikutkan user yang bukan Super Admin, maksudnya user terdaftar namun bukan Administrator, misalnya ada beberapa user di Blog Anda, maka pada AND user_ID '' dapat Anda tambahkan menjadi AND user_ID '>1'. Maksudnya user dengan ID=1 yang bisanya Administrator utama akan difilter, sedangkan user lainnya ikut ditampilkan. Lalu untuk menentukan ukuran avatar, Anda dapat merubah pada kode size=30.

Setelah functions.php disave, tidak begitu saja muncul. Tambahkan lagi widget yang nantinya bisa dimasukkan pada menu widget. Jadi untuk menampilkan atau tidak, nantinya hanya melalui pengaturan widget. Untuk membuat widgetnya, tetap di functions.php tambahkan kode berikut.

////////////////////////////////////////////////////////////////////////////////
// Custom Recent Comments With Gravatar Widget
////////////////////////////////////////////////////////////////////////////////

function widget_mytheme_myrecentcoms() { ?>
<div id="recent_comments_gravatar" class="widget widget_recentcomments_gravatar">
<h4><?php _e('Recent Comments'); ?></h4>
<?php get_avatar_recent_comment(); ?>
</div>
<?php }

if ( function_exists('register_sidebar_widget') ) register_sidebar_widget(__('Recent Comments(Gravatar)'), 'widget_mytheme_myrecentcoms');

 

Setelah selesai menyimpan perubahan atau penambahan kode-kode di atas pada functions.php, Anda dapat membuka Appearance, Widgets. Disana akan Anda temukan Widget baru dengan nama Recent Comments(Gravatar) yang bisa Anda tambahkan ke sidebar. Untuk mengaktifkan atau menonaktifkan cukup dari widget tersebut. Kemudian untuk menyelaraskan dengan tampilan tema Anda, silakan lihat selector css untuk sidebar Anda, karena kemungkinan setiap tema berbeda. Untuk menyamakan Anda bisa merubah atribut-atribut dari kode di atas misalnya kode untuk h4, div, span, li, dan sebagainya, sesuaikan strukturnya dengan Widget yang lain. Selanjutnya Anda juga dapat mempercantik melalui style.css sesuai selector widget tadi. Baiklah Sobat, selamat berkreasi dengan widget baru Anda, Salam...

02.22 | 11 komentar | Selengkapnya