Mengenal Kode Widget Sidebar WordPress
Tak kenal maka tak sayang, ungkapan itu mungkin sudah begitu melekat di telinga kita. Jika kita tidak mengerti atau memahami sesuatu hal/benda maka kita tidak akan tahu arti sebenarnya dan tidak dapat menghargai hal/benda tersebut. Demikian juga halnya dalam dunia blogging. Untuk pemilik blog khususnya wordpress juga harus mengenal lebih jauh dan lebih detail fitur-fitur yang ada di dalamnya termasuk kode-kode yang digunakan. Memang sudah tersedia plugin yang cukup banyak, tinggal pilih install dan beres semua urusan tanpa capek harus belajar coding. Untuk yang baru mengenal blog mungkin pernyataan itu bisa dimaklumi, tapi untuk yang sudah cukup lama ngeblog, apakah kita akan tergantung terus menerus dengan plugin jika kita bisa mengoptimalkannya tanpa plugin?. Maka sedikit meluangkan waktu untuk belajar mengenal kode-kode wordpress adalah langkah yang tepat.
Belajar coding memang terkadang membuat pusing tujuh keliling, apalagi seperti saya yang latar belakang pendidikannya adalah ilmu agama (Fakultas Syari’ah) dan pesantren, belajar wordpress benar-benar dari nol. Tapi saya punya pandangan tak kenal maka tak sayang, dan tidak boleh menyerah untuk belajar dan harus berani untuk mencobanya (jangan takut salah). Oleh karenanya belajar coding harus jadi hal yang menyenangkan dan tidak harus jadi beban, supaya kita betul-betul bisa enjoy dalam prosesnya, masalah hasil bisa kita evaluasi dan kita perbaiki.
Ok, tidak berpanjang lebar basa basinya berikut ini kode-kode yang biasa ada di sidebar wordpress untuk mengelola dan mengatur widget-widget yang ada di sidebar tersebut, untuk yang sudah pakar coding mohon bisa dikoreksi dan ditambahkan kalau ada yang salah.
1. Kode untuk menampilkan Recent Posts atau postingan terbaru.
<?php query_posts('showposts=5'); ?> <ul> <?php query_posts('showposts=5'); ?> </ul><ul> <?php while (have_posts()) : the_post(); ?> <li><a href="<? php the_permalink() ?>"><? php the_title(); ?></a></li> <?php endwhile;?> </ul>
2. Kode untuk menampilkan Recent Comments atau komentar terbaru/terakhir.
<?php global $wpdb; $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) 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 = '' ORDER BY comment_date_gmt DESC LIMIT 10"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; $output .= "\n<ul>"; foreach ($comments as $comment) { $output .= "\n<li>".strip_tags($comment->comment_author) . " : " ."<a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."</a></li>"; } $output .= "\n</ul>"; $output .= $post_HTML; echo $output;?>
3. Kode untuk menampilkan kategori (categories).
<h2>Categories</h2> <ul> <?php wp_list_cats('sort_column=name'); ?> </ul>
4. Kode untuk menampilkan kategori dengan dropdown menu.
<form action="<?php bloginfo('url'); ?>/" method="get"> <?php $select = wp_dropdown_categories('show_option_none=Select category&show_count=1&orderby=name&echo=0'); $select = preg_replace("#<select([^>]*)>#", "<select$1 onchange='return this.form.submit()'>", $select); echo $select; ?> <noscript><input type="submit" value="View" /></noscript> </form>
5. Kode untuk menampilkan arsip bulanan.
<h2>Archives</h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul>
6. Menampilkan arsip bulanan dengan dropdown menu.
<select name=\"archive-dropdown\" onChange='document.location.href=this.options[this.selectedIndex].value;'> <option value=\"\"><?php echo attribute_escape(__('Select Month')); ?></option> <?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?> </select>
7. Menampilkan menu halaman.
<h2>Pages</h2> <ul> <?php wp_list_pages('title_li='); ?> </ul>
8. Menampilkan Gravatar di Recent Comment.
<?php $query = "SELECT * from $wpdb->comments WHERE comment_approved= '1' ORDER BY comment_date DESC LIMIT 0 ,5"; $comments = $wpdb->get_results($query); if ($comments) { echo '<ul>'; foreach ($comments as $comment) { $url = '<a href="'. get_permalink($comment->comment_post_ID).'#comment-'.$comment->comment_ID .'" title="'.$comment->comment_author .' | '.get_the_title($comment->comment_post_ID).'">'; echo '<li>'; echo '<div>'; echo $url; echo get_avatar( $comment->comment_author_email, 20); echo '</a></div>'; echo '<div>'; echo $url; echo $comment->comment_author; echo '</a></div>'; echo '</li>'; } echo '</ul>'; } ?>
9. Menampilkan Admin section atau admin login.
<ul> <?php wp_register(); ?> <li><?php wp_loginout(); ?></li> <li><a href="http://www.wordpress.org/">WordPress</a></li> <?php wp_meta(); ?> <li><a href="http://validator.w3.org/check?uri=referer">XHTML</a></li> </ul>
10. Menampilkan submenu.
<?php $children = wp_list_pages('title_li=&child_of='.$post->ID.'&echo=0');if ($children) { ?><ul> <?php echo $children; ?> </ul> <?php } ?>
11. Menampilkan Tags Cloud.
<?php wp_tag_cloud('smallest=8&largest=22&'); ?>
11. Menampilkan External RSS Feed.
<?php include_once(ABSPATH.WPINC.'/rss.php'); wp_rss('http://m-alwi.com/feed?type=RSS2', 5); ?>
Ganti http://m-alwi.com/feed dengan url feed yang ingin ditampilkan.
12. Menampilkan status Twitter.
<?php $username = "TwitterUsername"; // Nama twitter anda $limit = "5"; // Jumlah tweets yang ingin ditampilkan. /* These prefixes and suffixes will display before and after the entire block of tweets. */ $prefix = ""; // Prefix - Teks atau logo yang ingin ditampilkan sebelum tweets (di awal tweet) ditempatkan di antara tanda dobel kutip $suffix = ""; // Suffix - Teks yang ingin ditampilkan setelah tweets. $tweetprefix = ""; // Tweet Prefix - Teks atau logo yang ingin ditampilkan sebelum tweets (di masing2 tweet) ditempatkan di antara tanda dobel kutip $tweetsuffix = "<br>"; // Tweet Suffix - Teks yang ingin ditampilkan setelah tweet $feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=" . $limit; function parse_feed($feed, $prefix, $tweetprefix, $tweetsuffix, $suffix) { $feed = str_replace("<", "<", $feed); $feed = str_replace(">", ">", $feed); $clean = explode("<content type=\"html\">", $feed); $amount = count($clean) - 1; echo $prefix; for ($i = 1; $i <= $amount; $i++) { $cleaner = explode("</content>", $clean[$i]); echo $tweetprefix; echo $cleaner[0]; echo $tweetsuffix; } echo $suffix; } $twitterFeed = file_get_contents($feed); parse_feed($twitterFeed, $prefix, $tweetprefix, $tweetsuffix, $suffix); ?>
13. Tidak menampilkan admin di Recent Comment list.
Buka file widgets.php yang ada di folder wp-includes temukan kode berikut ini :
$comments = $wpdb->get_results("SELECT * FROM $wpdb->comments WHERE comment_approved = '1' ORDER BY comment_date_gmt DESC LIMIT $number");
ganti dengan kode berikut ini :
$comments = $wpdb->get_results("SELECT * FROM $wpdb->comments WHERE comment_approved = '1' AND comment_author != 'NAMA ANDA' ORDER BY comment_date_gmt DESC LIMIT $number");
Ganti tulisan ‘NAMA ANDA’ dengan nama admin anda (nama yang ditampilkan).
Referensi : http://codex.wordpress.org/Main_Page, http://wphacks.com, http://wordpress.org/support, http://www.instantshift.com/2009/05/25/10-twitter-hacks-for-your-wordpress-blog
Ijin di copy paste bung alwi. Tak coba memahami kode-kode yang ada… :(
Reply
My Little Princess Reply:23-08-2010 at 11:06
memang baguslah dibuat macam itu
Reply
Bang Iwan Reply:23-08-2010 at 13:32
Aku juga ikutan Copas dulu, siapa tahu bisa dicoba.
Reply
selamat siang semua, selamat berpuasa kang alwi
Reply
My Little Princess Reply:23-08-2010 at 11:11
semoga semuanya sehat saat ini
Reply
My Little Princess Reply:23-08-2010 at 11:12
dan lancar puasanya sampai akhir
Reply
My Little Princess Reply:23-08-2010 at 11:12
aku harus naik lagi sekarang
Reply
Bang Iwan Reply:23-08-2010 at 13:32
Mau naik kemana sih??
aku ikutan yah…
Reply
aming Reply:23-08-2010 at 15:35
selamat berpuasa juga deh om….
Reply
mas alwi, tanya dung, itu harus masuk ke CPanel dulu yak??
Reply
coba bookmark dulu deh…..
Reply
coba bisa di joomla hehehe,jadi pengen nih
Reply
berapa hari gak nengok ke sini, jd ketinggalan info nih…
Reply
Hendri Reply:24-08-2010 at 01:40
plus ketinggalan ngomeng, tuh Om aming dah nyalips aja… heehee
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:53
kalo bikin top komentator yang bisa direset tiap bulan di blogspot bagaimana?
Reply
Bang Iwan Reply:8-09-2010 at 14:30
kayaknya feed untuk blogspot masih ngawur dan nggak bisa direset perbulan
Reply
toko barcode Reply:24-08-2010 at 16:06
iya, benar, musti sering cek nih
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:54
supaya gak kecolongan nilainya :D
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:52
sama,saya sudah 3 bulan lebih tidak kesini lagi
Reply
Bang Iwan Reply:8-09-2010 at 14:30
Emang dari manasih ziz…
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:52
kehilangan banyak info,plus top komenx nya
Reply
Bang Iwan Reply:8-09-2010 at 14:31
Sekarang kesempatan untuk merapel.
Reply
Mo nanya ya Mas :
tu code2 dimasukin dimana mas? di dalam template apa di mana mas??
Maap, kan aku mah nubie mas….
Reply
Alwi Reply:24-08-2010 at 02:12
itu kode dasarnya untuk menggunakannya bisa dimasukkan di file sidebar.php bisa diantara tag div id yg ada
di beberapa theme harus di modifikasi dengan menempatkannya di file functions.php kemudian dipanggil dg kode idnya di file sidebar.php
Reply
Hybrid car Reply:24-08-2010 at 09:03
Masih belum jelas bung alwi. bisa di jelaskan dengan gambar ? bolehlah di postingan sendiri…hehe…
maklum nubie juga…
Reply
Hendri Reply:25-08-2010 at 02:14
berarti tergantung ama theme yg kita pake juga ya mas.. wow musti rada explorasi templete juga dong :D
Reply
Alwi Reply:25-08-2010 at 03:27
Di theme twentyten semuanya bisa saya terapkan langsung di file sidebar.php, insya Allah nanti saya buatkan detail2nya
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:54
tambah tidak mengerti,maklum newbie
Reply
Selamat bersahur kang alwi
Reply
My Little Princess Reply:24-08-2010 at 04:02
buat semua sahabat yang lain juga
Reply
Alwi Reply:25-08-2010 at 03:29
Met sahur juga nih … maaf rada telat …
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:56
belum telat mas…,selamat berpuasa
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:55
selamat bersahur juga yang lainnya
Reply
selalu bingung kaLo harus ngutak utik php lagi, apaLagi kaLo biz upgrade WP…
Reply
aming Reply:24-08-2010 at 14:05
apalagi saya yg masih awam mas….
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:57
sesama newbie,mas…saya juga newbie
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:56
sama saya juga tak mengerti
Reply
mas Alwi, berkenankah dirimu mengikuti SEO positif keyword anak SMP, ada awardnya buat mas alwi….monggo di pick up mas……..
Reply
Alwi Reply:25-08-2010 at 03:29
Mudah2an bisa berpartisipasi ….
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:58
amin,saya juga ingin berpartisipasi disini
Reply
Muhammad Faisal Aziz Reply:25-08-2010 at 08:58
mudah-mudahan saya dapat berpartisipasi,caranya bagaimana?
Reply