¿Cómo modificar el formato de los comentarios?

[wordpressero]

Hola!

Estoy creando mi theme desde cero (lo tengo prácticamente terminado) y, al añadir la línea de código <?php comments_template(); ?> en mi archivo single.php, me aparece de la siguiente forma en cada una de las entradas de mi diario:



Me gustaría saber cómo podría modificar, por ejemplo, el texto “Una respuesta a”, el texto “Deja un comentario”, las dimensiones de la caja donde escribir los comentarios,… es decir, cada una de las cosas que aparecen.
No tengo archivo comments.php (como digo, he creado el theme desde cero y no lo he creado) y quisiera saber si se podría modificar desde algún otro archivo (cambiando los textos y las medidas en el código) o con alguna línea de código en mi single.php o mi style.css

Muchas gracias por vuestra ayuda ;)

[Nekko]

Si ves el HTML generado (click derecho, ver código fuente) podrás obtener las clases y ID que WordPress automáticamente genera para que modifiques el CSS a gusto.

[wordpressero]

Muchas gracias Nekko por tu respuesta.
Te comento, como te dije, el theme lo estaba haciendo yo desde cero y no llegué a crear un comments.php. Por ello, he cogido el comments.php del theme Twentyten que viene por defecto al instalar WordPress. He hecho las modificaciones necesarias y mi zona de comentarios se parece mucho más a lo que quería conseguir desde el principio:



Sin embargo, hay un par de cosillas que no he sabido hacer y me gustaría saber si podrías ayudarme.

En primer lugar, me gustaría que, al lado del nombre de usuario y fecha que aparece al principio de cada comentario publicado, apareciese el número de comentario. Por ejemplo, si una noticia tiene dos comentarios, el primero tendría el número 1 y el segundo el número 2.
Si lo hago con el comando get_comment_ID() me muestra el número de comentario que es... pero dentro de toda mi página y no sólo de la entrada a la que corresponde. Por ejemplo, si entre todas mis noticias tengo escritos 5 comentarios y escribo el primer comentario en una noticia que aún no tiene ninguno, el número que aparece es el 6, porque es el sexto comentario de todo mi periódico. Yo quiero que se numeren por cada entrada.
¿Hay alguna forma de modificar ese get_comment_ID() para que cumpla el requisito que pido?

2) He podido ir modificando todo a través del comments.php y la función twentyten_comment (que la he cogido también del theme por defecto) pero no me ha sido posible modificar la zona del cajón de comentarios ya que esta aparece con sólo llamar a <?php comment_form(); ?> y no me permite acceder a ella.

He pulsado con el botón derecho sobre mi página y he ido a 'Ver código fuente de la página' y la línea que me interesaría modificar es la siguiente:

<p class="comment-form-comment"><label for="comment">Comentario</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>

Quisiera eliminar la etiqueta "comment" con su texto Comentario y que todo el espacio esté destinado al textarea. Igualmente, me gustaría modificar el ancho del textarea para que ocupe unas determinadas dimensiones. ¿Cómo podría hacerlo desde el CSS?

Muchas gracias otra vez por tu ayuda, un saludo ;)

[Nekko]

Hola!

Sobre tu primer punto, tené presente que por defecto los comentarios están dentro de un formato como el siguiente. (No tengo presente el HTML que genera el comments de twentyten)

Código HTML:

<ol class="commentlist">
 <li>
 <div class="comment-author">
 <img alt='' src='/link/a/gravatar/' height='32' width='32' />
 <cite class="fn">admin</cite> <span class="says">dice:</span>
 </div>
 <div class="comment-meta"><a href="http://localhost/?p=694#comment-31">
 19 mayo, 2012 a las 23:56</a>&nbsp;&nbsp;<a href="link/a/editar" title="Editar comentario">(Editar)</a>
 </div>
 <p>Hola! Este es un comentario</p>
 <div class="reply">
 <a class='comment-reply-link' href='/link/para/responder'>Responder</a>
 </div>
 </li>
 </ol>
 

Entonces te conviene utilizar el formato de listas ordenadas que ya presenta para estilizarlo vía CSS. Por lo que en tu estilo podrías colocar algo como:

Código CSS:

ol.commentlist {
list-style-type:decimal;
}
 

Y en tu segundo punto hacé desaparecer la línea con display:none;

Código CSS:

p.comment-form-comment label {
display:none;
}
 

Se entiende la idea?

[wordpressero]

Muchísimas gracias Nekko, lo he podido poner a mi gusto gracias a la última línea de código que has adjuntado. Un saludo ;)