Home » Optimasi Wordpress » Widget » Wordpress » Mengenal Kode Widget Sidebar WordPress

Mengenal Kode Widget Sidebar WordPress

22 Agu. 2010115 comments
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("&lt;", "<", $feed);
$feed = str_replace("&gt;", ">", $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

Mudah-mudahan artikel tentang Mengenal Kode Widget Sidebar WordPress ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Redirect WordPress RSS feeds Ke Feedburner Dengan .htaccess
  2. Daftar Ping Service WordPress
  3. Tips Menjaga Dan Melindungi Keamanan WordPress
  4. Mempercepat Loading WordPress Dengan WP Widget Cache
  5. Cara Install Plugin WordPress
  6. Cara Setting Plugin WP Super Cache
  7. Cara Membuat Dan Menampilkan Favicon Di WordPress
  8. Say Goodbye To Akismet
  9. Membuat Tombol Facebook Like Tanpa Plugin
  10. Cara Pasang Adsense Di Bawah Judul Postingan
  1. 24-8-2010 at 16:07 | #1

    telat datang, nih tapi dah dapat pencerahan rahasia wordpress

    Reply

    Muhammad Faisal Aziz Reply:

    saya baru dateng juga

    Reply

  2. 25-8-2010 at 02:15 | #2

    hadir lagi menjelang sahuur… :D

    Reply

    Muhammad Faisal Aziz Reply:

    sama,saya juga baru hadir

    Reply

    Muhammad Faisal Aziz Reply:

    yang penting masih bisa bersilaturrahmi lagi disini

    Reply

    Hybrid car Reply:

    Hadir lagi juga…. nih siang-siang

    Reply

  3. 25-8-2010 at 11:45 | #3

    wah mantap banget mas…makasih banyak

    salam sukses

    Reply

  4. 26-8-2010 at 13:58 | #4

    Salam Takzim
    Subhannallah bentangan ilmu dipaparkan lewat media sarat informasi, walau saya ga pernah mudeng jadi ada keinginan menyimpannya nih kang, saya save ya kang, makasih informasinya
    Salam Takzim Batavusqu

    Reply

  5. 29-8-2010 at 19:39 | #5

    wah manteb nie kang, makasih atas sharingnya.
    ikut mempelajari nie kang

    Reply

    toko barcode Reply:

    manteb tenan pokok e infonya

    Reply

  6. 30-8-2010 at 02:47 | #6

    itu kode bisa langsung ditempel mas tanpa instal plugin terlebih dahulu atau bagaimana ya??

    salam dari pamekasan madura

    Reply

  7. 30-8-2010 at 16:25 | #7

    wee lngsung di copi paste aja nih??

    Reply

  8. 1-9-2010 at 10:04 | #8

    blm pernh gunain wp jdi sdkit bingung..

    Reply

    Muhammad Faisal Aziz Reply:

    saya malah baru kali ini

    Reply

  9. 16-9-2010 at 10:05 | #9

    Mampir lagi….refresing lagi…

    Reply

    toko barcode Reply:

    malam minggu cocok untuk refreshing

    Reply

  10. 19-9-2010 at 00:05 | #10

    Terimakasih untuk ilmu wordpressnya.

    Reply

Comment pages
2+7=? (Wajib diisi)