KafeGue.com

Membuat Quick Link Menuju Kotak Komentar di blog WordPress

Pada 27 March 2010 → 1846 kali dilihat

Quick link adalah istilah teknis untuk sebuah tautan/link yang jika diklik akan membawa kita ke suatu area tertentu di sebuah page (halaman situs). Fungsi ini biasanya menggunakan tanda # sebelum id yang dipanggil. Bagi yang tidak mengerti dasar pemrograman HTML, silakan abaikan definisi ini.

Langsung saja kita ke pokok bahasan.

Coba anda perhatikan kotak berlatar putih yang terletak di bagian bawah area posting blog ini, tepatnya sebelum area komentar atau sebelum kotak komentar (jika belum ada komentar atas postingan).

Di situ tertulis begini : Quick Link >>> Beri Komentar | Baca Ulang Posting

Jika anda klik tulisan “Beri Komentar”, maka anda akan langsung menuju kotak komentar yang terletak di bawah area posting. Jika anda klik tulisan “Baca Ulang Posting”, maka anda akan dibawa ke atas (tepatnya pada sebelum judul posting).

Manfaat quick link menuju kotak komentar :

• Menghemat tenaga pengunjung (tinggal klik tanpa harus men-scroll halaman lebih panjang), terutama jika jumlah komentar sudah relatif banyak dan ia ingin langsung berkomentar.
• Menghemat waktu browsing, terutama jika pengunjung menggunakan koneksi time-base.

Bagaimana cara membuat quick link menuju kotak komentar?

Tips ini saya tujukan dulu buat pengguna blog wordpress self hosting. Caranya yaitu :

• Login dulu ke dashboard WP anda.
• Buka/klik menu editor pada Appearance.
• Pada bagian kanan, klik “single post” atau “single.php”
• Backup dulu isi kode pada bagian single post tersebut!
  Caranya, copy dan pastekan semua kodenya ke dalam notepad
• Masukkan/sisipkan kode berikut ini di antara kode </div><!-- .post-bottom-meta .post-meta --> dan kode <?php comments_template(); ?>Ini dia kode yang harus disisipkan :

  <div id='quick-link'>
  <div class='quick-links'>
  <strong>Quick Link &gt;&gt;&gt; <a href='#respond' onclick='' rel='nofollow' title='klik di sini untuk langsung menuju kotak komentar'>Beri Komentar</a>  | <a href='#single-body' onclick='MGJS.goTop();return false;' rel='nofollow' title='klik untuk membaca ulang posting'>Baca Ulang Posting</a></strong>
  </div>
  </div>
  

  Jika belum jelas, berikut ini ilustrasinya :

  </div><!-- .post-bottom-meta .post-meta -->
  <div id='quick-link'>
  <div class='quick-links'>
  <strong>Quick Link &gt;&gt;&gt; <a href='#respond' onclick='' rel='nofollow' title='klik di sini untuk langsung menuju kotak komentar'>Beri Komentar</a>  | <a href='#single-body' onclick='MGJS.goTop();return false;' rel='nofollow' title='klik untuk membaca ulang posting'>Baca Ulang Posting</a></strong>
  </div>
  </div>
  <?php comments_template(); ?>
  

  Kode yang harus anda sisipkan yaitu kode berwarna hijau.

  Sedangkan kode yang ditandai warna biru merupakan id yang dipanggil untuk bisa menuju ke area yang dimaksud (tetap harus disisipkan!).

  Dalam hal ini, kodenya yaitu “respond” dan “single-body”. Kode pengenal ini harus disesuaikan dengan kode id pada theme anda. Anda bisa ganti kode respond dengan “commentform” atau “comment-form” jika dengan kode respond tidak membuahkan efek yang diharapkan. Di sisi lain, anda bisa hapus kode single-body, sehingga cukup dengan tanda #.

• Jangan lupa klik UPDATE FILE setelah menyisipkan kode di atas. Lalu silakan lihat hasil modifikasi pada bagian bawah area posting blog anda

Anda ingin mengubah tampilan quick link sesuai selera? Tenang saja, anda tinggal ubah beberapa setelan berikut ini :

• Anchor teks “Beri Komentar” bisa anda ubah sesuai selera, misalnya menuju kotak komentar, langsung komentar, dan sebagainya.
• Keterangan atribut title berupa ‘klik di sini untuk langsung menuju kotak komentar‘ bisa anda ubah juga. Yang penting deskriptif atau membantu pengunjung memahami fungsi quick link tersebut saat disorot mouse atau jika diklik.
• Tanda > > > setelah tulisan quick link bisa anda ubah menjadi titik dua ( : ) Caranya? Cukup hapus 3 kode yang melambangkan 3 tanda siku tersebut sesudah tulisan Quick Link, lalu ganti dengan :

Perhatian :

• Kode pada single-post (single.php) mungkin tidak sama pada semua theme wordpress. Namun pada intinya, kode Quick Link tersebut harus anda sisipkan di antara area posting dan area komentar. Tepatnya, di bawah kotak posting dan sebelum kotak komentar.
• Kode atau id berupa respond dan single-body juga bisa berbeda antar theme. Ada yang menggunakan “reply” atau “response” (nama lain respond). Jadi anda harus menyesuaikan kode tersebut dengan atribut id yang terdapat pada theme anda (terutama pada comment.php dan single.php).

Jika ada problem, silakan ditanyakan via komentar.

Selamat mencoba.

Maaf, karena alasan tertentu, kotak komentar ditutup!