Formulario para comentar
Ahora vamos con el formulario para que puedan agregrar comentarios a las entradas, lo primero que haremos será checar si los comentarios están abiertos, sino están abiertos no tendría caso que mostraramos el formulario y de una vez aprovechamos para poner el título arriba del formulario.
-
<?php if ('open' == $post->comment_status) : ?>
-
<h3 id="respond">Agrega un comentario</h3>
Requerimientos para comentar
Si han deciddo que los usuarios deben estar loggeados para poder acceder al formulario y poner su comentario ó que cualquiera pueda postear con las siguientes líneas podremos tener en cuenta eso.
-
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
-
<p>Ups! debes de estar <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">loggeado</a> para postear un comentario.</p>
-
<?php else : ?>
Abrimos el formulario
Ahora si abrimos nuestro formulario y le asignaremos un ID que será commentform
-
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
Campos del formulario
Si el usuario está loggeado lo único que haremos será mostrarle que está ya ha ingresado al sistema y la caja de texto para que escriba su comentario
-
<?php if ( $user_ID ) : ?>
-
<p>Estas loggeado como <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a> | <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout »</a></p>
De otra forma, si el usuario no está loggeado, cualquiera puede comentar y los comentarios están abiertos le mostraremos los campos que requiere llenar para comentar, que serían:
- nombre - campo requerido
- email - campo requerido
- website - campo opcional
-
<?php else : ?>
-
-
<p>
-
<label for="author">Nombre</label>
-
<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
-
</p>
-
-
<p>
-
<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
-
</p>
-
-
<p>
-
<label for="url">Website</label>
-
<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
-
</p>
-
<?php endif; ?>
Tags Permitidos
No está por demás darle un poco de información al usuario de que tags están permitidos poner en el área de texto para su comentario, así es que para eso ponemos la siguiente línea:
-
<p class="allowed_tags"><strong>XHTML:</strong> You can use these tags: <?php echo allowed_tags(); ?></p>
Area de texto y botón de enviar
Bien, nos falta poner el área de texto para que puedan escribir el comentario y el botón para enviarlo, así es que aquí solo pondremos esto:
-
<p>
-
<label for="comment">Comentario</label>
-
<textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea>
-
</p>
-
-
<p>
-
<input name="submit" type="submit" id="submit" tabindex="5" value="Enviar mi comentario" />
-
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
-
</p>
Cerrando formulario y condicionales
Para terminar con comments.php solo nos hace falta cerrar el formulario y 2 condicionales.
-
<?php do_action('comment_form', $post->ID); ?>
-
</form>
-
<?php endif; // Si es necesario estar registrado y no esta loggeado ?>
-
<?php endif; // Si borras esto el cielo caera en tu cabeza ?>
11 comentarios para Crear un theme para WordPress III
Muy buen tutorial! Esta todo muy bien explicado. Queria hacer mi propio theme para WP desde hace tiempo pero todos los tutoriales que encontraba no terminaban de quedarme claros, pero este me esta ayudando muchisimo. Muchas gracias.
Saludos
Hola.
Como siempre muy buena la explicacion. Ya lo tengo impreso para leerlo con calma. Por cierto, visitando el sitio stylecrunch vi un sistema de votos (ese con estrellas). Cuando nos ayudaras creando un tuto para esa tecnica?.
Saludos.
el maestro de WP!!!
:):)
si señor bro me sigues sorprendiendo ^^!
mil gracias
v4s1l1: muchas gracias, hace tiempo había puesto unos enlaces a tutoriales de como crear un theme para WP, pero me pareció bien crear un recurso más y al parecer está funcionando, comentarios como el tuyo que me hacen saber que se entiende son muy buenas referencias.
Ed: También gracias por tu comentario y hacerme saber que está bien explicado, sobre el sistema de estrellas es un plugin llamado WP-PostRatings muy útil.
Edén: Brother, un abrazo como siempre que gusto leerte… espero no dejar de hacerlo.
Como va? uso el theme innofire y queria saber como hacer para cambiar la forma de los comentarios que trae por defecto a una en la que pueda comentar cualquiera sin registracion/loggeo y que le pida el nombre, mail, sitio y el comentario por supuesto.
Y tal vez es mucho pedir pero se puede hacer que el espacio del comentario use el jquery de bbcode???
Por ultimo queria preguntar si me puedo comunicar con vos, es que recien empiezo y tengo muchas dudas :p
@fede777 Eso lo cambias en tu administrador, en la pestaña de Options » General en la pantalla verás la opción de “Users must be registered and logged in to comment” desactiva la casilla y listo.
No entiendo el porqué usar jQuery en el bbCode si estamos usando el mismo que utiliza WordPress creo que la comptaibilidad es mucho mayor que si hacemos un relajo con jQuery, a menos que ya exista uno. xP Pero me quedo con el normal para no hacer mezclas de librerías.
Muchas gracias por responder. Ya la pude sacar el loggeo, y puse un plugin wysiwyg para el campo de comentarios.
Tambien agregue el plugin de share-it/compartelo pero al activarlo me queda la barra de search siempre abierta y no se como hacer para que funcione como antes.
view
Excellente tuto en verdad me esta ayudando mucho, estoy realizando mi primer theme para wordpress, por que no me quize quedar con las ganas de tener uno diseñado por mi.
oye amigo me gusto mucho tu theme
y muy bueno el post
Gracias amigo, de echo el tema que creare para mi sitio web sera basado en tu tutorial.
Gracias
Si quieren ver como quedo pasense
http://www.zonaxtreme.net
Muchisimas gracias master!