Advertisement
  1. Code
  2. Creative Coding

Kustomisasi Komentar di WordPress - Fungsionalitas dan Penampilan

Scroll to top
Read Time: 7 mins

Indonesian (Bahasa Indonesia) translation by Ari Ana (you can also view the original English article)

Di WordPress ada berbagai jenis konten seperti posting, halaman dan komentar dll. Ini membentuk dasar-dasar WordPress. WordPress menjadi platform yang sangat dapat disesuaikan memungkinkan Anda menyesuaikan jenis yang sangat dasar sampai sebagian besar yang sesuai dengan situs Anda. Satu dapat mengubah tampilan serta fungsionalitas dari jenis dasar untuk membuat mereka berperilaku dan terlihat sesuai tampilan dan fungsi situs Anda. Dalam artikel ini kita akan melihat bagaimana kita dapat mengubah perilaku dan tampilan komentar di situs WordPress kita.


Langkah 1 Memahami Fungsi comment_form dan Argumennya

Mari kita lihat fungsi WordPress comment_form. Ini bertanggung jawab untuk menampilkan formulir komentar yang sebagian besar ditampilkan pada halaman tunggal atau posting di WordPress. Panggilan ke fungsi ini sebagian besar akan terlihat di file comments.php dari folder tema Anda. Maka file ini akan dimasukkan di berbagai tempat seperti single.php, page.php, dll secara langsung atau dengan memanggil fungsi comments_template.

Anda dapat menemukan rincian lebih lanjut tentang comments_template di Codex WordPress.

Jika kita menggunakan fungsi comment_form untuk menampilkan formulir, formulirnya akan ditampilkan menggunakan parameter default yang akan berupa bidang seperti nama, email (keduanya wajib), situs web dan konten komentar. Pada tema standar Twenty Eleven, formulir akan terlihat sebagai berikut.

Beberapa argumen penting untuk fungsi comment_form adalah:

  • fields - Dengan mana Anda benar-benar dapat mengontrol bidang mana yang ditampilkan di formulir komentar.
  • comment_notes_before dan comment_notes_after - Ini digunakan untuk menampilkan beberapa catatan sebelum atau sesudah formulir komentar.
  • title_reply - Menggunakan ini Anda dapat mengubah judul balasan yang secara default adalah 'Leave a Reply'.
  • label_submit - Ini dapat digunakan untuk mengubah teks di atas tombol kirim komentar.

Langkah 2 Mengkustomisasi Formulir Komentar Anda Menggunakan Fungsi comment_form

Sekarang mari kita ubah formulir komentar kita dengan mengirimkan argumen yang berbeda ke comment_form.

Dalam hal kita ingin menyesuaikan bidang formulir komentar, kita dapat meneruskan bidang-bidangnya ke fungsi comment_form. Bidang-bidang default dalam fungsi comment_form adalah sebagai berikut:

Jadi jika kita ingin menghapus bidang situs web maka kita perlu membuat bidang tanpa bidang situs web sebagai berikut dan mengirimkannya ke comment_form.

Sekarang jika kita pergi dan melihat bentuk komentarnya akan muncul sebagai berikut:

Selain ini, mari sekarang mengubah judul balasan menjadi 'Please give us your valuable comment' dan juga ubah judul tombol posting komentar menjadi 'Send My Comment'.

Berikut ini adalah argumen yang akan kita berikan kepada comment_form untuk mencapai ini:

Sekarang jika kita melihat formulir komentar itu akan terlihat sebagai berikut:


Langkah 3 Menghapus Bidang dari Komentar untuk Menggunakan Hooks

Formulir komentar WordPress dapat dikustomisasi juga menggunakan kaitan dan filter. Menyesuaikan menggunakan kaitan/filter sangat berguna terutama ketika Anda menyesuaikan melalui plugin dan tidak dapat memodifikasi file tema. Filter untuk menambah atau menghapus bidang dari formulir komentar adalah 'comment_form_default_fields'

Sekarang mari kita hapus bidang URL menggunakan filter ini. Kode untuk melakukan ini Anda dapat memasukkannya ke dalam file plugin Anda jika Anda menyesuaikan melalui plugin atau di file functions.php dari tema Anda.

Kodenya adalah sebagai berikut:

Dalam hal ini kita menambahkan fungsi remove_comment_fields pada filter 'comment_form_default_fields' dan kemudian unset bidang url untuk menghapus bidang situs web.


Langkah 4 Menambahkan Lebih Banyak Data ke Komentar Anda Menggunakan Hooks

Kita bahkan dapat menambahkan kolom ke komentar untuk menggunakan filter 'comment_form_default_fields'. Sekarang mari tambahkan bidang usia penulis komentar menggunakan filter ini dan kemudian simpan bidang ini sebagai meta komentar dan menampilkannya di komentar.

Kita dapat menambahkan bidang sebagai berikut:

Setelah kita menambahkan bidang tergantung pada tema, kita mungkin ingin memberinya gaya. Karena saya menggunakan tema Twenty Eleven, saya menata dengan menambahkan label #respond .comment-form-age dengan gaya label lain seperti label #respond .comment-form-url, dll. sebagai berikut:

Sekarang jika kita melihat formulir komentar, bidang usia akan terlihat sebagai berikut:

Sekarang usia disimpan sebagai meta komentar yang perlu kita kaitkan ke 'comment_post' dan menyimpan usia sebagai meta komentar sebagai berikut:

Setelah meta disimpan, itu dapat ditampilkan pada komentar sebagai berikut:


Langkah 5 Kustomisasi Komentar untuk Beberapa Jenis Posting Tertentu

Terkadang berguna untuk memiliki beberapa kolom komentar hanya untuk jenis posting tertentu. Sekarang mari kita membuat perubahan kode untuk menampilkan bidang komentar usia hanya jika itu adalah jenis posting kustom, seperti misalnya, book.

Kode untuk memiliki usia hanya untuk jenis posting buku kustom adalah:

Jadi di sini Anda menambahkan bidang hanya jika bertipe 'Books'.


Langkah 6 Membuat Callback untuk Menampilkan Komentar

Fungsi wp_list_comments digunakan untuk menampilkan komentar pada sebuah posting. Anda dapat membaca tentang wp_list_comments di Codex WordPress.

wp_list_comments memiliki argumen 'callback' di mana Anda dapat menentukan fungsi yang dipanggil kembali untuk menampilkan komentar.

Dalam tema Twenty Eleven di comments.php Anda akan melihat sebuah baris:

Ini akan kita ubah menjadi:

Jadi fungsi my_comments_callback akan dipanggil untuk setiap posting.


Langkah 7 Menata Komentar Anda

Sekarang kita akan mengubah gaya posting kita sedikit berbeda. Kita hanya ingin menampilkan konten posting dan bidang usia yang telah kita tambahkan secara khusus. Kita mengubah warna latar belakang dari komentar juga.

Kode untuk fungsi 'my_comments_callback' adalah sebagai berikut:

Kita juga mengubah warna latar belakang sebagai berikut:

Sekarang jika kita melihat komentar mereka akan terlihat sebagai berikut:


Kesimpulan

Komentar memainkan peran penting saat membangun situs komunitas. Bergantung pada situs, fungsi komentar juga dapat disesuaikan dengan tepat. WordPress menyediakan sistem komentar yang fleksibel dan memberikan dukungan yang baik melalui fungsi-fungsi untuk mengubah perilaku dan tampilan komentar situs Anda. Jadi bersenang-senanglah menyesuaikan situs WordPress Anda!

Beri tahu kami di komentar di bawah jika Anda memiliki saran lain tentang cara menyesuaikan komentar di situs WordPress Anda.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.