1Comentários de estilo Jetpack sem Jetpack

Uma das melhores coisas sobre wordpress é o aspecto social built-in fornecido por comentários. Obtendo secção seu comentário direito pode ser muito importante para qualquer site, incluindo o nosso. Ao longo dos anos temos experimentado com vários plugins comentário incluindo Disqus e mais recentemente Jetpack. contudo, nós sempre acabamos trazer as coisas de volta em casa para a gestão, desempenho e privacidade razões. Quando me mudei de volta de comentários Jetpack eu realmente perdeu algumas das características lisos fornecidos pelo Jetpack, ambos os logins de redes sociais e o estilo liso geral. de qualquer maneira, para cortar uma longa história eu finalmente tive tempo hoje para dar uma boa olhada em como wordpress “faz” comentários e descobrir uma maneira de construir um sistema in-house que parece bom e liso como a interface comentário fornecido pelo jetpack. O melhor de toda a sua surpreendentemente simples e faz as coisas da maneira “correta” ...

Em primeiro lugar - para lidar com o aspecto "social", Eu já recorreram a um plugin chamado WordPress social Entrada por Miled.  There are sev­er­al “social login” plu­gins, mas esta versão (ao contrário dos outros) keeps everything totally in-house. It is a bit more work to con­fig­ure, mas para o benefício de nossos visitantes privacidade só este vale a pena.

Em seguida foi descobrir como alterar a função built-in formulário de comentário wordpress (suficiente chamado comment_form diversão Nily()).  Eu vou dar mais detalhes posteriormente, se alguém o solicite, por agora basta encontrar a-ev-ant rel código abaixo ...

comments.php (na pasta do tema)

[php]
<!– You can start edit­ing here. –>

<?php if ( comments_open() ) : ?>

<sec­tion id=“respond” class=“respond-form”>
<?php comment_form(); ?>

<escrita>
document.getElementById(‘hidden-form-area’).style.display = ‘none’;
func­tion myFunction()
{
document.getElementById(‘hidden-form-area’).style.display = ‘block’;
}
</escrita>

</seção>

<?php endif; // se você excluir este o céu vai cair sobre sua cabeça?>
[/php]

functions.php (na pasta do tema)

[php]
func­tion my_fields($campos)
{
$campos[‘author’] = ‘<p class=“comment-form-author”><input type=“text” name=“author” id=“author” size=“22” tabindex=“1” placeholder=“Name (required)” /></p>’;
$campos[’email’] = ‘<p class=“comment-form-email”><input type=“text” name=“email” id=“email” size=“22” tabindex=“2” placeholder=“E‑mail (required — nev­er shared with any­one)” /></p>’;
$campos[‘url’] = ‘<p class=“comment-form-url”><input type=“text” name=“url” id=“url” size=“22” tabindex=“2” placeholder=“Website” /></p>’;
retornar $ fields;
}
add_filter(‘comment_form_default_fields’,‘my_fields’);

func­tion remove_notice($defaults)
{
$defaults[‘comment_notes_before’] = ”;
$defaults[‘comment_notes_after’] = ”;
retornar $ defaults;
}
add_filter( ‘comment_form_defaults’, ‘remove_notice’ );

func­tion remove_textarea($defaults)
{
$defaults[‘comment_field’] = ”;
retornar $ defaults;
}
add_filter( ‘comment_form_defaults’, ‘remove_textarea’ );

func­tion add_textarea()
{
echo ‘<p class=“comment-form-comment”><textarea id=“comment” name=“comment” placeholder=“Enter your com­ment here…” onfocus=“myFunction()”></textarea></p><div id=“hidden-form-area”>’;
}
add_action( ‘comment_form_top’, ‘add_textarea’, 1 );

func­tion add_hideend()
{
echo ‘</div>’;
}
add_action( ‘comment_form_after’, ‘add_hideend’ );
[/php]