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:none; margin:0 0 1em; padding:0; text-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 #666; padding: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 #ccc; float:right; margin: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:11px; margin:0 0 1em; } ol.commentlist li ul { font-size:11px; list-style:square; margin: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:none; margin:1em 0 0; text-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 #555; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin: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 #666; padding:1em; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {}
O resultado final é o seguinte:

|
|
|
Boa Dica.
oi yessss muito fx
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.
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.
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…
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 .?
Boas
Como colocar o formulário de comentários como este que aqui tens?
Descobri agora que és de Leiria
Saudações conterraneo
Como estilizar os comentários de resposta no seu blog Wordpress 2.7 | Wordpress Love – Themes, Plugins e tudo para Wordpress, em Português…
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 ‘Respon…
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…
[...] Como estilizar os comentários de resposta no seu blog Wordpress 2.7 [...]
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?
Ual! 1 mês sem atualizar????????
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!!
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!
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.
Alguem conseguiu?
Não consegui também, mesmo testando em vários temas.