1bolha comentárioComentá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 MiledThere 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)

<!-- You can start editing here. -->

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

<section id="respond" class="respond-form">
<?php comment_form(); ?>

<script>
document.getElementById('hidden-form-area').style.display = 'none';
function myFunction()
{
document.getElementById('hidden-form-area').style.display = 'block';
}
</script>

</section>

<?php endif; // if you delete this the sky will fall on your head ?>

functions.php (na pasta do tema)

function my_fields($fields)
{
    $fields['author'] = '<p class="comment-form-author"><input type="text" name="author" id="author" size="22" tabindex="1" placeholder="Name (required)" /></p>';
    $fields['email'] = '<p class="comment-form-email"><input type="text" name="email" id="email" size="22" tabindex="2" placeholder="E-mail (required - never shared with anyone)" /></p>';
    $fields['url'] = '<p class="comment-form-url"><input type="text" name="url" id="url" size="22" tabindex="2" placeholder="Website" /></p>';
    return $fields;
}
add_filter('comment_form_default_fields','my_fields');

function remove_notice($defaults)
{
    $defaults['comment_notes_before'] = '';
    $defaults['comment_notes_after'] = '';
    return $defaults;
}
add_filter( 'comment_form_defaults', 'remove_notice' );

function remove_textarea($defaults)
{
    $defaults['comment_field'] = '';
    return $defaults;
}
add_filter( 'comment_form_defaults', 'remove_textarea' );

function add_textarea()
{
    echo '<p class="comment-form-comment"><textarea id="comment" name="comment" placeholder="Enter your comment here..." onfocus="myFunction()"></textarea></p><div id="hidden-form-area">';
}
add_action( 'comment_form_top', 'add_textarea', 1 );

function add_hideend()
{
    echo '</div>';
}
add_action( 'comment_form_after', 'add_hideend' );

Tem alguns pensamentos de seu próprio? Mime-se abaixo comentando! Se você deseja se inscrever, use o link de inscrição no menu no canto superior direito. Você também pode compartilhar isso com seus amigos usando os links sociais abaixo. Felicidades.

Deixe uma resposta

1 Comente