1Comentarios de estilo Jetpack Jetpack sin

Una de las mejores cosas de WordPress es el aspecto social incorporado que proporcionan los comentarios. Conseguir que su sección de comentarios sea correcta puede ser muy importante para cualquier sitio web, incluido el nuestro. A lo largo de los años, hemos experimentado con varios complementos de comentarios, incluidos Disqus y, más recientemente, Jetpack. Sin embargo, siempre hemos terminamos traer cosas de vuelta en casa para la gestión, Rendimiento y razones de privacidad. Cuando regresé de los comentarios de Jetpack, realmente extrañé algunas de las características ingeniosas proporcionadas por Jetpack, tanto los inicios de sesión en redes sociales como el estilo general pulido. Como sea, Para abreviar una larga historia, finalmente tuve tiempo hoy para echar un buen vistazo a cómo WordPress "hace" comentarios y encontrar una manera de construir un sistema interno que se vea bien y elegante como la interfaz de comentarios proporcionada por jetpack. Lo mejor de todo es sorprendentemente simple y hace las cosas de la manera "adecuada" ...

First — to deal with the “social” aspect, I’ve resor­ted to a plu­gin called Word­Press Social Login by Miled.  There are sev­er­al “social login” plu­gins, but this ver­sion (unlike the oth­ers) keeps everything totally in-house. It is a bit more work to con­fig­ure, but for the bene­fit to our vis­it­ors pri­vacy alone this is well worth it.

El siguiente paso fue encontrar la manera de cambiar la función incorporada en forma de comentario de WordPress (suficiente llamado comment_form diversión Nily()).  Voy a ofrecer más detalle más adelante, si alguien lo solicita, por ahora encontremos-ev ant-rel código de abajo ...

comments.php (en la carpeta del tema)

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

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

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

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

</sección>

<?php endif; // si se elimina este el cielo caerá sobre tu cabeza?>
[/php]

functions.php (en la carpeta del 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>’;
return $ campos;
}
add_filter(‘comment_form_default_fields’,‘my_fields’);

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

func­tion remove_textarea($incumplimientos)
{
$incumplimientos[‘comment_field’] = ”;
return $ impagos;
}
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]