Onde eu encontro os campos de comentários?
-
Em qual arquivo eu encontro o código do formulário com os campos de comentários do meu blog?
Quero saber pois quero adicionar uma ‘class’ no input/textarea deles, para pegar a personalização de um ‘style’.
Qual arquivo que acho esse código?
-
No comments.php.
Eu encontrei 2 arquivos comments.php, um que tem nesse caminho:
\blog\wp-includes\comments.php
Esse é o código dele:
http://pastebin.com/HSeWbpBENo comments.php do seu template que esta no diretório: wp-content/themes/pasta_do_seu_tema
Lá deve ter este arquivo, ai vc altera la, nao mexa nesse da pasta wp-includes.
No outro comment.php o caminho é esse:
blog\wp-content\themes\FinanceStock
E ele tem esse código:
<?php if ( post_password_required() ) { ?> <p><?php _e( 'This post is password protected. Enter the password to view any comments.', 'themater' ); ?></p> <?php return; } ?> <?php if ( have_comments() ) { ?> <div id="comments"> <h3 id="comments-title"><?php printf( _n( 'One Response to %2$s', '%1$s Responses to %2$s', get_comments_number(), 'themater' ), number_format_i18n( get_comments_number() ), '<em>' . get_the_title() . '</em>' ); ?></h3> <ol class="commentlist"> <?php wp_list_comments(); ?> </ol> <?php if ( get_comment_pages_count() > 1 ) { ?> <div class="navigation clearfix"> <div class="alignleft"><?php previous_comments_link( __( '<span class="meta-nav">←</span> Older Comments', 'themater' ) ); ?></div> <div class="alignright"><?php next_comments_link( __( 'Newer Comments <span class="meta-nav">→</span>', 'themater' ) ); ?></div> </div><!-- .navigation .clearfix --> <?php } ?> </div><!-- #comments --> <?php } ?> <?php comment_form(); ?>Onde eu insiro a “class” aí? Ou o formulário de comentário deve estar em outro arquivo?!! Porque está confuso aí esses códigos pra ser um formulário… Pensei que ia encontrar algo como input, textarea, submit e os nomes dos campos…
Na ultima linha onde tem:
<?php comment_form(); ?>Voce coloca uma div, span, p, ou qualquer outra tag, coloca a classe que deseja e ataca a textarea desta classe.
Ex.:
<div class="textareacustom"> <?php comment_form(); ?> </div>Ai depois vai no teu css e manda:
div.textareacustom textarea{ seus atributos aqui... }Deve funcionar.
Olha meu formulário de comentário atual do blog como é:
https://dl.dropboxusercontent.com/u/11826717/off/form_atual.jpg
Coloquei o style aplicando a personalização na div assim:
<div class="personalizando"> <?php comment_form(); ?> </div>Aí ficou assim…
https://dl.dropboxusercontent.com/u/11826717/off/form_depois.jpg
Acho que é porque esse código <?php comment_form(); ?> pega os campos de comentários como um todo, né?!!
O css coloca background nos campos input e deixa arredondado as laterais:
div.campo { margin-bottom: 3px; padding-left: 10px; padding-right: 10px; background-image: url('image.png'); -webkit-border-radius: 40px; -moz-border-radius: 40px; border: #608e9f solid 1px; font-family: Calibri; color: #3E389E; font-style: normal; font-weight: Bold; font-size: 14px;}Vc vai alterar cada tipo de campo, note:
div.personalizando input[type=text]{}
div.personalizando input[type=submit]{}
div.personalizando textarea{}
Dessa forma vc vai alterar cada um de forma individual e sem erro.
Funcionou assim! Agora, eu só não estou conseguindo mexer na largura dos campos… Eles estão muito largos, e quando modifico o width: 60px; no css para colocar uns 60px de largura no div.personalizando input[type=text]{} não é alterado… Só consigo modificar o height, altura, ai modifica nos campos, mas a largura não… :/
Olha:
https://dl.dropboxusercontent.com/u/11826717/off/form_largura.jpg
O tópico ‘Onde eu encontro os campos de comentários?’ está fechado para novas respostas.