Uma das maiores vantagens do novo WordPress 2.7 é a possibilidade de ter comentários em resposta a comentários, até um máximo de 10 níveis. Se por ventura navegar por um blog em WordPress irá reparar que por vezes aparece-lhe a opção ‘Responder’ dentro da caixa do comentário emitido pelo outro utilizador, o que significa que é possível você responder directamente a esse utilizador mantendo os diálogos organizados e contextualizados.

O blogueiro cdharrison recentemente mexou na estrutura do WordPress para estilizar os comentários de resposta do seu blog, e o resultado final é no mínimo interessante. Harrison tirou partido destas novas funcionalidades copiando o ficheiro para o seu próprio template. O ficheiro original utilizado foi o ol.commentlist e a sua estrutura base é a seguinte:

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, em, strong, blockquote, ul, ol, etc.)  
  • 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.pingback {}  
  • ol.commentlist li.pingback div.comment-author {}  
  • ol.commentlist li.pingback div.vcard {}  
  • ol.commentlist li.pingback div.vcard cite.fn {}  
  • ol.commentlist li.pingback div.vcard cite.fn a.url {}  
  • ol.commentlist li.pingback div.vcard span.says {}  
  • ol.commentlist li.pingback div.commentmetadata {}  
  • ol.commentlist li.pingback div.comment-meta {}  
  • ol.commentlist li.pingback div.comment-meta a {}  
  • ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)  
  • ol.commentlist li.pingback div.reply {}  
  • ol.commentlist li.pingback div.reply a {}  
  • ol.commentlist li.pingback ul.children {}  
  • ol.commentlist li.pingback ul.children li {}  
  • ol.commentlist li.pingback ul.children li.alt {}  
  • ol.commentlist li.pingback ul.children li.bypostauthor {}  
  • ol.commentlist li.pingback ul.children li.byuser {}  
  • ol.commentlist li.pingback ul.children li.comment {}  
  • ol.commentlist li.pingback ul.children li.comment-author-admin {}  
  • ol.commentlist li.pingback ul.children li.depth-2 {}  
  • ol.commentlist li.pingback ul.children li.depth-3 {}  
  • ol.commentlist li.pingback ul.children li.depth-4 {}  
  • ol.commentlist li.pingback ul.children li.depth-5 {}  
  • ol.commentlist li.pingback ul.children li.odd {}  
  • ol.commentlist li.thread-alt {}  
  • ol.commentlist li.thread-even {}  
  • ol.commentlist li.thread-odd {} 
  • De seguida harrison resolveu estilizar um pouco o ficheiro incluindo algumas regras de CSS. O ficheiro original modificado por harrison é o seguinte:

    ol.commentlist { list-style:nonemargin:0 0 1empadding:0text-indent:0; }  
  • 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 { border-bottom:1px dotted #666padding:1em; }  
  • ol.commentlist li div.comment-author {}  
  • ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; }  
  • ol.commentlist li div.vcard cite.fn { font-style:normal; }  
  • ol.commentlist li div.vcard cite.fn a.url {}  
  • ol.commentlist li div.vcard img.avatar { border:5px solid #cccfloat:rightmargin:0 0 1em 1em; }  
  • ol.commentlist li div.vcard img.avatar-32 {}  
  • ol.commentlist li div.vcard img.photo {}  
  • ol.commentlist li div.vcard span.says {}  
  • ol.commentlist li div.commentmetadata {}  
  • ol.commentlist li div.comment-meta { font-size:9px; }  
  • ol.commentlist li div.comment-meta a { color:#ccc; }  
  • ol.commentlist li p { font-size:11pxmargin:0 0 1em; }  
  • ol.commentlist li ul { font-size:11pxlist-style:squaremargin:0 0 1em 2em; }  
  • ol.commentlist li div.reply { font-size:11px; }  
  • ol.commentlist li div.reply a { font-weight:bold; }  
  • ol.commentlist li ul.children { list-style:nonemargin:1em 0 0text-indent:0; }  
  • ol.commentlist li ul.children li {}  
  • ol.commentlist li ul.children li.alt {}  
  • ol.commentlist li ul.children li.bypostauthor {}  
  • ol.commentlist li ul.children li.byuser {}  
  • ol.commentlist li ul.children li.comment {}  
  • ol.commentlist li ul.children li.comment-author-admin {}  
  • ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555margin:0 0 .25em .25em; }  
  • ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999margin:0 0 .25em .25em; }  
  • ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbbmargin:0 0 .25em .25em; }  
  • ol.commentlist li ul.children li.depth-5 {}  
  • ol.commentlist li ul.children li.odd {}  
  • ol.commentlist li.even { background:#fff; }  
  • ol.commentlist li.odd { background:#f6f6f6; }  
  • ol.commentlist li.parent { border-left:5px solid #111; }  
  • ol.commentlist li.pingback { border-bottom:1px dotted #666padding:1em; }  
  • ol.commentlist li.thread-alt { }  
  • ol.commentlist li.thread-even {}  
  • ol.commentlist li.thread-odd {} 
  • O resultado final é o seguinte:

    comentários

    Autor: Paulo Faustino

    Blog do Autor | Artigos do Autor:

    Fundador da Escola Dinheiro. É um empreendedor e blogueiro que dedica a sua vida à produção e partilha de conteúdos de grande qualidade, contando já com alguns dos mais reconhecidos blogs de Portugal e do Brasil.

    Templates Wordpress que Recomendamos:

    • U-Design WordPress Theme
    • Modernize - Flexibility of Wordpress
    • Karma - Clean and Modern Wordpress Theme
    • Doover Premium WordPress Theme
    • Good Space - Responsive Minimal WP Theme
    • SmartStart WP - Responsive HTML5 Theme
    • Responsy WP - Responsive HTML5 Portfolio
    • ELOGIX - Responsive Business WordPress Theme
    • Developr - Fully Responsive Admin Skin
    • Striking Premium Corporate & Portfolio WP Theme
    • Sterling - Responsive Wordpress Theme
    • Core Minimalist Photography Portfolio

    Gostou deste artigo? Então torne-se fã do Blog no Facebook!


    Theme Forest

    Comentários dos Alunos


    1. Mix_93
      13.01.2009

      Boa Dica.

      Responder


    2. hugo mateus
      14.01.2009

      oi yessss muito fx

      Responder


    3. Erle Carrara
      14.01.2009

      o bom é que agora não precisa mais usar plugins para isso, já vem junto com o WordPress, antes teria que usar algo como WordPress Thread Comment.

      Responder


    4. Roberto Silva
      14.01.2009

      Paulo,

      Onde está este ficheiro? ol.commentlist

      Procurei bastante e não achei. Você diz que é um ficheiro, mas o nome parece mais um componente do php.

      Responder


    5. Wagner Quedi
      14.01.2009

      Ola, Gostaria de saber se existe alguma solução para colocar um video ao vivo no blog .. se existe algum plugin .. algum software para strean, tipo .. fica ai uma dica de um possivel tutorial .. como colocar stream de video (ao vivo) no wordpress.

      obrigado pela atenção…

      Responder


    6. Wagner Quedi
      17.01.2009

      Outra duvida, vc conhece algum plugin gerenciador de publicidade (não para adsense), onde o plugin possa informar aos anunciantes, quantidades de exibições, clicks, etc .?

      Responder


    7. Sérgio Ramos
      21.01.2009

      Boas

      Como colocar o formulário de comentários como este que aqui tens? :)

      Descobri agora que és de Leiria :D Saudações conterraneo :)

      Responder


    8. Cláudio Freitas
      06.02.2009

      Esse site está abandonado. Vou cancelar a minha inscrição no feed! Começou muito bem, mas (como a maioria dos projetos web que conhecemos) vai caindo de produção… E olha que o dono do site vive escrevendo sobre produtividade no fique-rico.com…

      Responder


    9. x-Downloads.org
      09.02.2009

      Preciso de uma ajudinha, gostaria de colocar um query_posts nas minhas buscas, para buscar somente determinada categoria.

      mas não estou conseguindo fazer funcionar o $_get['cat']

      queria que a busca ficasse assim: s=TEXTO&Cat=Categoria

      Entendeste?

      Responder


    10. Bruno Pereira
      12.02.2009

      Ual! 1 mês sem atualizar????????

      Responder


    11. soares
      16.02.2009

      Creio que o autor deste blog o que aqui faz não cobra nada e tem mais projectos,tenham calma antes menos posts maravilhosos que muitos maus!!

      Responder


    12. André Monteiro
      21.02.2009

      Paulo, meu amigo! Assim como o próprio nome desse website diz (wordpress “love”), o seu trabalho cativou o coração de muitos utilizadores do wordpress em lingua portuguesa. O seu trabalho é MUITO importante e extremamente precioso para nós. Não hesito até mesmo em dizer que esse é o site mais relevante sobre wordpress em lingua portuguesa! Por isso, espero que você tenha suas forças revigoradas nessas férias e retorne (em breve) aos trabalhos aqui no wordpress love. A comunidade blogueira de lingua portuguesa agradece! :) Um grande abraço do seu amigo brasileiro, carioca e vascaíno! E vida longa ao WordPress Love! :)

      Responder


    13. KATIERO
      25.02.2009

      Pois é amigos, o Paulo não é mais o que era. Abandonou este excelente projeto, e outros novos que ele dizia estar trabalhando para serem lançados em breve.

      O Fique Rico diminuiu muito a qualidade e o ritmo de atualizações, ele publicou um post dizendo que seria uma estratégia.

      Sinceramente penso que deve estar com algum problema pessoal, só posso desejar sorte para ele, e que tudo volte como era antes.

      Eu já conheci bloggers que desanimam com o tempo, ou por falta de resultados, ou por resultados demais, e começam a perder a qualidade.

      Volta Paulo, não deixe sua criatividade e produtividade morrer na praia! Um abraço ai tudo de bom.

      Responder


    14. andre
      09.03.2009

      Alguem conseguiu?

      Responder


    15. Roberto Silva
      09.03.2009

      Não consegui também, mesmo testando em vários temas.

      Responder


    16. pablo
      04.04.2011

      a frase xy

      Responder

    Comente o Artigo!

    RSS
    Twitter
    Facebook
    Comentários
    ASSINANTES
    SEGUIDORES
    FÃS
    COMENTÁRIOS
    11434

    Subscrever Newsletter
    Subscreva a Newsletter:


    Elegant Themes

    Wix

    Theme Forest

    Mojo Themes



    Assine a Escola Wordpress Assine a Newsletter da Escola Wordpress Escola Wordpress no Twitter Escola Wordpress no Facebook Escola Wordpress no Youtube Escola Wordpress no Google Buzz