Threaded Comment CSS – Untuk Komentar WordPress

4 Januari 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.

6 responses to “Threaded Comment CSS – Untuk Komentar WordPress”

  1. adi mengatakan:

    nice artikel gan…..

  2. Ben Nafi mengatakan:

    bermanfaaat sekali sobat..
    jadi bahan praktik lagi nehh…
    makasih yaa… :)

  3. Texas Holdem Poker mengatakan:

    I like what you guys tend to be up too. This type of clever work and reporting! Keep up the superb works guys I’ve incorporated you guys to my blogroll.

  4. With something for everyone, the Simpsons are a gift to the world, injected with undying humor, love and most of all, family.

    Characters such as Side Show Bob, Fat Tony, and even the Crazy
    Cat Lady will all be part of your town. To me Gianni and perhaps even more so, his son,
    Stefano- a graduated marine biologist, who has decided
    to follow in his fathers footsteps, are the true heroes of history.

    Look at my blog post … simpsons tapped Out hack tool

  5. acetyl mengatakan:

    Hi! Do you know if they make any plugins to protect against
    hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any recommendations?

  6. Seputar Dunia mengatakan:

    This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.

Tinggalkan Balasan