1comentario de la burbujaComentarios 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 por MiledThere 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)

<!-- 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 (en la carpeta del 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' );

Por favor envíenos sus pensamientos al comentar a continuación! Si desea suscribirse por favor utilice el enlace de suscripción en el menú en la parte superior derecha. También puede compartir esto con tus amigos mediante el uso de los enlaces sociales inferiores. Aclamaciones.

Deja una respuesta

Uno Comentario