Contador de comentarios Publicada el Jueves 28 de Diciembre de 2006 a las 12:54 pm por Infected-FX
Este es un tutorial muy pequeño y muy sencillo también, pero a veces hace que luzcan mejor nuestros comentarios. Haremos un contador para ellos, esto es para que por cada entrada nuestros comentarios tengan una numeración, ya que si usamos el comment_ID le asigna solamente el ID a nuestro comentario, por ejemplo, si en un post alguien es el primero en comentar pero en nuestro sitio ya hay 2000, entonces a este se le pondría el ID 2001 cuando en realidad lo que queremos es que tenga el número 1.
Para poder poner esto, es muy sencillo simplemente haremos uso de un contador que se vaya sumando cada que comenten, abrimos nuestro archivo comments.php y buscamos la línea 22 estoy usando el theme 'default' que trae wordpress. Pero para los que usen otro theme busquen la línea donde empieza la siguiente condicional.
-
<?php if ($comments) : ?>
Justo debajo de esta línea podremos nuestro contador
-
<?php $contador = 0; ?>
Ahora hay que hacer que se sume cada que alguien pone un comentario, para eso vamos a la línea 28 ó bien buscamos la línea que contiene lo siguiente
-
<?php foreach ($comments as $comment) : ?>
Igual que lo anterior, debajo de esta línea pondremos lo que hará que nuestro contador se vaya sumando
-
<?php $contador++; ?>
Hasta aquí ya hemos hecho que nuestro sitio identifique independientemente los comentarios por entrada, ahora solo nos falta colocarlo para que todos podamos verlo. Nos vamos a la línea 30 ó bien buscamos lo siguiente:
-
<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
Y abajo de esto podremos lo que corresponde al número que nos devolverá el contador
-
<span class="commentNumer">#<?php echo $contador; ?></span>
Con eso ya estamos listos, nos debe de quedar algo como esto:
Ahora vamos a darle un poquito de estilo, abrimos nuestro archivo style.css y ponemos lo siguiente:
-
span.commentNumer {
-
color: #CCC;
-
font: italic bold 32px Geneva, Arial, Helvetica, sans-serif;
-
float: right;
-
margin:0px 10px 0px 0px;
-
}
Ahora si ya debe de quedarnos de esta forma:
chicoblog
Diciembre 28, 2006 a las 1:21 pm
Simplemente genial =)
Mario de la vega
Diciembre 28, 2006 a las 1:31 pm
haaa me agrada eso …
muy buena :clap:
Blogissimo
Diciembre 28, 2006 a las 5:26 pm
¡Qué buenos sois!
Feliz Navidad y un cordial saludo.
Chicoblog
Diciembre 28, 2006 a las 7:01 pm
Jejeje, ahora he vuelto, me funciona todo a la perfeccion, menos la cosa del Css, alguien me hecha una manita ? =S
Ojala me pueda ayudar =)
Saludos y este sitio es mortal, la lleva =)
Saludos desde Chile !
Infected-FX
Diciembre 28, 2006 a las 7:21 pm
Mario: Muchas gracias ^^ ojalá te sea útil brother.
Bloggisimo: un abrazo mi hermano, felicidades igualmente, lo mejor el año que viene para todos :)
Chicoblog: Seguro brother, dinos en que te podemos ayudar ó pon el sitio donde lo estás implementando :) para ver donde está el problema.
Muchas gracias a todos por sus comentarios ^^
Chicoblog
Diciembre 28, 2006 a las 7:40 pm
Pues en mi sitio, pero lo tengo por ahora en localhost, es en donde hago todas las pruebas y mis locuras antes de subirlas, el Css, simplemente no me pesca como si no existiera, alguna manita ?
Pues lo hice al pie de la letra, tal cual como dices, pero no hay caso =S
me funciono todo menos el Css =(
Si necesitas que lo suba me avisas y yo lo subo contento, gracias por el soporte y esto esta perfecto =)
Infected-FX
Diciembre 31, 2006 a las 12:33 am
Que raro Chicoblog, pero si quieres déjanos un enlace para verlo ó descargarlo como mejor te acomode y con gusto nos ponemos a buscar donde está el error. ^^
Chicoblog
Diciembre 31, 2006 a las 11:18 am
Jejejeje, bueno ya subi el Css y el Comments a mi pagina, el link se encuentra en mi nick de este post :D, francamente no se cual es el problema UU
Gracias por el soporte, muchas gracias =)!
Infected-FX
Diciembre 31, 2006 a las 10:06 pm
Chicoblog El único problema que le encontré brother, es que en tu html el span tiene dos caracteres extraños, igual copiaste las comillas que te dá el código de aquí, asegúrate que en tu archivo esté span class=”commentNumber” solamente.
Chicoblog
Enero 2, 2007 a las 7:53 pm
hahahaha, uta que soy pavo, ya tenia numerdaor mi blgo, no lo habia visto estaba tan consentrado en esto que ni me di ni cuenta, ya tenia contador, ahora lo voy arreglar para que quede com oeste, muchas gracias Infected, te lo agradesco mucho, saludos ;)
Fede777
Agosto 5, 2007 a las 7:04 pm
Muy buena guia, la primer parte salio perfecto pero lo del CSS la verdad es que no se donde hay que pegarlo, uso tu theme innofire, el cual tiene 3 archivos CSS, el style, colors y structure, cual tengo que usar???
Infected-FX
Agosto 5, 2007 a las 9:47 pm
@fede777 En cualquiera de las CSS puedes meter el código , yo lo dividí así para que fuera más fácil en dado caso hacerle modificaciónes.