Threaded Comment CSS – Untuk Komentar WordPress

4 January 12

Sejak mengenal wordpress saya berulang kali gagal mengkostumisasi trit komentar. Saya hanya menginginkan untuk membuat komentar yang semakin menjorok untuk setiap reply atas komentar yg diberikan.
Permasalahan yang sempat saya alami adalah karena saya memnbuat form komentar sendiri. Tapi setelah saya menggunakan form komentar default dari wordpress malah semakin mudah dikostumisasi.
Untuk memanggil form komentar sekaligus daftar komentarnya adalah cukup dengan:

<?php comments_template(); ?>

Denga skrip diatas Anda tak perlu membuat file comments lagi dalam theme Anda. Nah untuk mengkosmtumisasinya cssnya anda cukup menggunakan selektor di bawah ini:

ol.commentlist {}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

Okeh selamat mencoba.

Leave a Reply