1Commentaire bulleCommentaires Jetpack style sans Jetpack

Une des meilleures choses à propos de WordPress est l'aspect social intégré fourni par les commentaires. Obtenir votre section commentaire peut être très important droit à tout site Web, y compris le nôtre. Au fil des années, nous avons expérimenté avec différents plugins de commentaires, y compris Disqus et plus récemment Jetpack. Cependant, nous avons toujours fini par ramener les choses à l'interne pour la gestion, des raisons de performance et de confidentialité. Quand je suis revenue des commentaires Jetpack m'a vraiment manqué quelques-unes des caractéristiques slicks fournies par Jetpack, à la fois les connexions des réseaux sociaux et le grand style lisse. De toute façon, pour couper une longue histoire courte, j'ai finalement eu le temps aujourd'hui de prendre un bon regard sur la façon wordpress “Est-ce que” commentaires et trouver un moyen de construire un système interne qui semble belle et lisse comme l'interface commentaire fourni par jetpack. Le meilleur de tous ses étonnamment simple et fait des choses les “correct” façon…


Première – pour faire face à la “social” aspect, J'ai eu recours à un plugin appelé WordPress Social Connexion par Miled. Il y a plusieurs “connexion sociale” plugins, mais cette version (contrairement aux autres) garde tout entièrement en interne. Il est un peu plus de travail pour configurer, mais pour le bénéfice de nos visiteurs intimité seule c'est bien la peine.

La prochaine étape a été de déterminer comment modifier la fonction intégrée de formulaire de commentaires wordpress (assez comment_form appelé plaisamment()). Je vais fournir plus de détails plus tard si quelqu'un le demande, pour l'instant trouver juste le code correspondant ci-dessous…

comments.php (dans le dossier de thème)

[php]
<!– Vous pouvez commencer à éditer ici. –>

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

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

<scénario>
document.getElementById(‘hidden-form-area’).style.display = ‘none’;
function myFunction()
{
document.getElementById(‘hidden-form-area’).style.display = ‘block’;
}
</scénario>

</section>

<?php endif; // si vous supprimez ce le ciel va nous tomber sur la tête ?>
[/php]

functions.php (dans le dossier de thème)

[php]
my_fields de fonction($champs)
{
$champs[‘author’] = ‘<p class="comment-form-author"><input type="text" name="author" id="author" size="22" tabindex="1" placeholder="Name (Champs obligatoires)" /></p>»;
$champs[’email’] = ‘<p class="comment-form-email"><input type="text" name="email" id="email" size="22" tabindex="2" placeholder="E-mail (Champs obligatoires – jamais partagé avec personne)" /></p>»;
$champs[‘url’] = ‘<p class="comment-form-url"><input type="text" name="url" id="url" size="22" tabindex="2" placeholder="Website" /></p>»;
retourner les champs $;
}
add_filter(‘comment_form_default_fields’,’my_fields’);

fonction remove_notice($par défaut)
{
$par défaut[‘comment_notes_before’] = ”;
$par défaut[‘comment_notes_after’] = ”;
return $ par défaut;
}
add_filter( ‘comment_form_defaults’, ‘remove_notice’ );

fonction remove_textarea($par défaut)
{
$par défaut[‘comment_field’] = ”;
return $ par défaut;
}
add_filter( ‘comment_form_defaults’, ‘remove_textarea’ );

fonction 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 );

fonction add_hideend()
{
echo ‘</div>»;
}
add_action( ‘comment_form_after’, ‘add_hideend’ );
[/php]

S'il vous plaît envoyez-nous vos pensées en commentant ci-dessous! Si vous souhaitez vous abonner s'il vous plaît utiliser le lien d'abonnement dans le menu en haut à droite. Vous pouvez également partager avec vos amis en utilisant les liens sociaux ci-dessous. À votre santé.

Laisser un commentaire

Un Commentaire