Menampilkan Recent Comments di WordPress

Saat ini saya menambahkan fitur untuk menampilkan Recent Comments di website ini tanpa plugin dan tentu saja menurut saya lebih oke ketimbang bawaan dari WordPress sendiri yang lewat Widget itu. Pada kode ini juga akan ditampilkan gambar avatar Anda.

Letakkan kode berikut pada functions.php :

function dp_get_author($comment) {
	$author = "";
	if ( empty($comment->comment_author) )
		$author = __('Anonymous');
	else
		$author = $comment->comment_author;
	return $author;
}

function dp_recent_comments($no_comments = 10, $comment_len = 110) {
    global $wpdb;
	$request = "SELECT * FROM $wpdb->comments";
	$request .= " JOIN $wpdb->posts ON ID = comment_post_ID";
	$request .= " WHERE comment_approved = '1' AND post_status = 'publish' AND post_password =''";
	$request .= " ORDER BY comment_date DESC LIMIT $no_comments";
	$comments = $wpdb->get_results($request);
	if ($comments) {
		foreach ($comments as $comment) {
			ob_start();
			?>
				<div class='komentar-terbaru'>
                                  <div class="avatar"><?php echo get_avatar( $comment->comment_author_email, 32 ); ?></div>
					<span><strong><?php echo dp_get_author($comment); ?> : </strong></span>
                                        <a href="<?php echo get_permalink( $comment->comment_post_ID ) . '#comment-' . $comment->comment_ID; ?>"><?php echo strip_tags(substr(apply_filters('get_comment_text', $comment->comment_content), 0, $comment_len)); ?>
					</a>
				</div><div class="clear"></div>
			<?php
			ob_end_flush();
		}
	} else {
		echo "<div class='komentar-terbaru'>Tidak ada komentar</div>";
	}
}

Tinggal kita panggil functions diatas tadi seperti ini :

<?php dp_recent_comments(6); ?>

Angka 6 diatas adalah berapa banyak komentar yang ingin ditampilkan.

Baca Juga:  Menampilkan Post Berdasarkan Categories WordPress

sekarang kita percantik tampilan dengan menambahkan kode CSS berikut :

/* komentar terbaru */
.komentar-terbaru {
    margin-bottom: 10px;
    float: left;
}
.komentar-terbaru .avatar {
    float: left;
    margin: 0 5px 0 0;
}

Tentu saja Anda bisa membuatnya lebih menarik lagi, lebih cantik dan lebih sexy tergantung dari kreativitas Anda. Hasilnya bisa Anda lihat difooter pada website ini

Komentar

comments

zulsdesign

Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan :)

grain storage instagram türk takipçi satın al