Tampilan/desain komentar penulis blog (blog author) yang berbeda dengan komentar pengunjung (memberikan highlight) akan membuat pengunjung l...
Tampilan/desain komentar penulis blog (blog author) yang berbeda dengan komentar pengunjung (memberikan highlight) akan membuat pengunjung lebih mudah membedakan dan dengan cepat menentukan komentar penulis yang ingin segera dibacanya. Jika anda pengguna WordPress dan Blogger, anda mungkin sudah lazim menemui tampilan desain semacam ini, sama seperti yang saya tampilkan. Jika di Blogger kita harus menggunakan setidaknya berbagai hack CSS dan bahkan javascript, maka di WordPress kita dimanjakan dengan plugin-plugin yang bisa melakukan pekerjaan sejenis dan membuat tangan kita bersih dari utak-atik kode.
Namun demikian, penggunaan plugin berlebihan sebenarnya tidak baik, terutama terhadap server. Setiap anda menambahkan plugin, maka beban server semakin bertambah. Oleh karena itu, penggunaan plugin wajib diminimalisir. Apalagi sekedar untuk mengatur desain komentar penulis blog yang sebenarnya hanya membutuhkan beberapa baris kode saja, kita tidak perlu menambahkan plugin yang prosesnya jauh lebih berat dari sebaris kode PHP dan CSS. Jika anda masih tidak yakin, coba cek pengaruh plugin-plugin anda terhadap performa blog/web WordPress anda dengan mengecek beban plugin secara mudah, lihat bagaimana plugin-plugin yang anda gunakan dapat memberikan pengaruh signifikan apabila tidak dipilih dengan hati-hati.
Jadi, cara untuk menampilkan komentar penulis blog berbeda dengan komentator lain (pengunjung) tidak memerlukan plugin yang menyedot banyak resource server. Cukup ikuti cara mudah berikut:
Pertama, lakukan hack pada comment dan mengubah perintah untuk menarik id penulis secara otomatis menjadi manual, dengan cara menggunakan if (conditional). Buka comments.php (Appearance > Editor > comments.php), cari baris ini:
Note: Arahkan mouse ke atas kode. Klik view source untuk mengcopy code di halaman blank baru atau langsung klik copy to clipboard disebelah kanannya.
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>"></li>
Kemudian hapus dan ganti dengan kode berikut:
<li class="<?php if ($comment->user_id == 1) $oddcomment = "commentpenulis"; echo $oddcomment; ?>"></li>
Perhatikan pada user_id == 1. Angka satu adalah id pengguna, biasanya pemilik dan penulis blog tunggal memiliki id 1. Jika blog/web anda memiliki multi authors, cara cek id cukup mudah. Buka dasboard > users. Kemudian arahkan mouse di atas link edit di bawah profil user. Lihat informasi url di bagian bawah browser. Contoh: http://syaircinta.com/wp-admin/user-edit.php?user_id=42 Jika anda ingin memberi hightlight pada semua penulis, tuliskan masing-masing id dipisahkan dengan tanda koma. Contoh:
user_id == 1,2,3,4,
Save template comments.php, kemudian buka file style.css (Appearance > Editor > style.css).
Saatnya memberikan tampilan pada komentar penulis blog. Di sini saya tidak akan memberikan contoh desainnya, sebab setiap theme tentu akan berbeda-beda jika menggunakan hasil tampilan yang sama. Jadi desainnya saya serahkan pada anda. Saya hanya akan memberikan contoh tampilan background. Copy CSS berikut, kemudian ubah warna background dan jika perlu tambahkan berbagai macam properti CSS untuk membuat desain sesuai keinginan anda.
.commentpenulis {background-color: #CBE6F6 !important;}
TroubleShooting
Perhatikan 3 poin berikut untuk memastikan apabila hack di atas tidak bekerja:
- Jika tampilan tidak berubah karena CSS diabaikan, tambahkan !important di setiap akhir properti seperti contoh di atas.
- Jika anda menggunakan plugin caching, bersihkan (clear cache) terlebih dahulu, kemudian reload/refresh halaman.
- Cek dan pastikan ID yang anda masukkan sudah benar.
COMMENTS