Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

WP Total Inicio Templates 2 Colunas 3 Colunas Magazine Galeria Minimalistas Temas Premium Outros Cdigo / Hacks Plugins Artigos Dicas e Sugestes WordPress Ganhar Dinheiro Motores de Busca Redes Sociais Alojamento Web Design Outros Notcias Passatempos Reviews Sobre Ns Contacto Wordpress Total > Artigos > Wordpress > Como Criar um WordPress Theme Parte 5

Como Criar um WordPress Theme Parte 5

Publicado a 29 de Fevereiro de 2012 - Cdigo / Hacks, Wordpress - 21 Comentrios
12
Gosto Enviar

7
Tweet

Na quinta parte da srie de artigos sobre como criar um wordpress template , vamos aprender a criar comments.php, o ficheiro que responsvel por mostrar todos os comentrios dos artigos e pginas e tambm por deixar os usurios comentarem. Recomendamos que siga este tutorial desde o inicio para acompanhar o nosso raciocnio: Como criar um Template WordPress - Parte 1- Introduo Como criar um Template WordPress - Parte 2 - Style.css e Header.php Como criar um Template WordPress - Parte 3 - Index.php e Archive.php Como criar um Template WordPress - Parte 4 - Single.php, Page.php e 404.php

1 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

comments.php
Os comentrios so parte fundamental de um blog porque o espao onde os utilizadores podem exprimir as suas opinies sobre os artigos e sobre o seu trabalho. O wordpress suporta comentrios e o ficheiro responsvel por mostrar os comentrios e o formulrio para comentar o comments.php. Este ficheiro chamado pela tag <?php comments_template(); ?> que adicionamos no nosso single.php (ver parte 4 do tutorial). O cdigo que vamos usar contem um loop que faz vrias verificaes e mostra os comentrios. Ele funciona desta maneira: ver se h comentrios e mostra-los; verificar se os comentrios ainda esto abertos e mostrar/no mostrar o formulrio dos comentrios; depois de submeter o comentrio ele guarda o comentrio na base de dados. Para comear abra o seu comments.php ou crie um ficheiro com esse nome e depois use o seguinte cdigo: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <?php // Do not delete these lines if (!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER die ('Please do not load this page directly. Thanks!' );

?>

if ( post_password_required() ) { ?> <p class ="nocomments">Este artigo est protegido por password. Insira-a para v <?php return ; }

<div id="comments"> <h3><?php comments_number('0 Comentrios', '1 Comentrio', '% Comentrios' <?php if ( have_comments() ) : ?> <ol class ="commentlist"> <?php wp_list_comments('avatar_size=64&type=comment'); ?> </ol> <?php if ($wp_query->max_num_pages > 1) : ?> <div class ="pagination"> <ul> <li class ="older"><?php previous_comments_link('Anteriores'); ?></li> <li class ="newer"><?php next_comments_link('Novos'); ?></li> </ul> </div> <?php endif ; ?> <?php endif ; ?> <?php if ( comments_open() ) : ?> <div id="respond">

2 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71

<h3>Deixe o seu comentrio!</h3> <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" <fieldset> <?php if ( $user_ID ) : ?>

<p>Autentificado como <a href="<?php echo get_option('siteurl'); ?>/wp <?php else : ?>

<label for="author">Nome:</label> <input type="text" name="author" id="author" value="<?php echo $commen

<label for="email">Email:</label> <input type="text" name="email" id="email" value="<?php echo $comment_

<label for="url">Website:</label> <input type="text" name="url" id="url" value="<?php echo $comment_auth <?php endif ; ?> <label for="comment">Mensagem:</label> <textarea name="comment" id="comment" rows="" cols=""></textarea> <input type="submit" class ="commentsubmit" value="Enviar Comentrio"

<?php comment_id_fields(); ?> <?php do_action('comment_form', $post->ID); ?> </fieldset> </form> <p class ="cancel"><?php cancel_comment_reply_link('Cancelar Resposta'); ?></p> </div> <?php else : ?> <h3>Os comentrios esto fechados.</h3> <?php endif ; ?> </div>

Estilo dos Comentrios:

Com este template os nossos comentrios esto prontos e a funcionar, mas a aparencia e organizao no so as melhores por isso vamos adicionar estas linhas de css ao style.css do tema: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 #comments{ width :630px; float :left; border-top :1px solid #bebebe; } #comments h3{ font-size :14px; margin :20px 0; } ol.commentlist{ list-style :none; } ol.commentlist li{ margin-bottom :30px; } ol.commentlist ul{ margin :0px; }

3 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57

ol.commentlist ul li{ margin :20px 20px 20px 40px; } #respond{ margin :0 0 30px 0; clear :both; } #respond form label{ float :left; clear :left; width :60px; text-align :right; margin-right :10px; } #respond form input{ float :left; width :250px; margin-bottom :10px; } #respond form textarea{ float :left; width :400px; height :100px; margin-bottom :10px; } #respond form input.commentsubmit{ float :left; margin-left :70px; }

Este estilo no o "perfeito", se estiver a criar um tema mesmo para usar recomendamos que personalize ainda mais todos os atributos existentes para tirar o mximo dos comentrios. Como este cdigo e estilo os comentrios ficam assim:

4 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

Download dos ficheiros

Download dos ficheiros comments.php e style.css Download de todos os ficheiros criados at agora

5 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

Concluso
Com a criao do comments.php temos toda a parte do contedo (artigos) pronta. No prximo artigo vamos criar os ficheiros para a lateral (sidebar.php) e rodap (footer.php) e por fim, no stimo artigo vamos criar o functions.php, um ficheiro muito importante no tema. No perca o resto deste tutorial, subscreva agora a nossa newsletter: Escreva o seu email e clique em "subscrever":

Qualquer dvida deixe um comentrio! Este post faz parte de uma srie de artigos sobre a criao de wordpress themes: Como criar um Template WordPress - Introduo Como criar um Template WordPress - Style.css e Header.php Como criar um Template WordPress - Index.php e Archive.php Como criar um Template WordPress - Single.php, Page.php e 404.php Como criar um Template WordPress - Comments.php Como criar um Template WordPress - Sidebar.php, Functions.php e Footer.php

Receba os Artigos via Email Ao subscrever a nossa newsletter, passa a receber os novos artigos por email e informaes sobre os nossos passatempos. gratuito e sem Spam.

Escrito por Celso Azevedo Celso Azevedo, 21 anos, portugus, criador do wptotal.com, adepto das novas tecnologias e webmaster / blogger a tempo inteiro. Artigos Relacionados:

Como Criar um WordPress Theme Parte 2

6 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

Como Criar um WordPress Theme Parte 3

Como Criar um WordPress Theme Parte 6

Como Criar um WordPress Theme Parte 1

7 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

21 comentrios

Recente

Comunidade

Partilhar

celossantos

Bacana, me ajudou muito, parabns pelo artigo.

Moacir

Salvou a minha vida esse artigo. Obrigado!

Aurino Jr. 2 Randys

Parabns e obrigado pelo tutorial. O entendimento est bem facilitado. Grato.

Como faz para tirar o nome "diz" de Celso Azevedo diz: ? Grato

Bruno

Ol amigo tudo certo? No consigo personalizar a fonte dos comentrios do meu blog. No consigo aumentar a fonte!! Meu blog ta em construo, caso voc queira me dar uma mo, me mande um e-mail antes que libero pra vc ver!! Obrigado
1 Douglas

Parabns a todos pelo excelente trabalho!

Joo Jotta

Muito bom tutorial mas preciso de uma dica: possvel configurar a maneira como aparece a data e hora que aparece junto do autor do comentrio? Por exemplo: "Celso Azevedo 1 de Maro de 2012 s 18:27" Passar a ser: "Comentado por Celso Azevedo pelas 18:27 de 2012/03/01" Abrao

Celso Azevedo 8 de 10

Mod

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

RSS Feed Twitter Facebook Google Plus Subscreva a Newsletter:

Temas Premium em Destaque:

Sries de Artigos:

Apoio:

9 de 10

16/09/2013 12:45

Como Criar um Template de Comentrios para o Wordpress - Comment...

http://www.wptotal.com/como-criar-um-template-wordpress-comments/

Sobre Ns: O WP Total um blog criado em janeiro de 2009 e que se dedica a partilha de contedo e informao til para todos os que usam o WordPress... continue a ler. Links: Temas Premium Como Criar um Tema Como Criar um Blog CDN:

2009 - 2013 WP Total Arquivo Contacto Termos e Condies

10 de 10

16/09/2013 12:45