Vous souhaitez modifier le style du formulaire de commentaires WordPress sur votre site web ? Chez WPBeginner, nous avons passé des années à expérimenter différentes manières d'augmenter l'engagement des utilisateurs, et nous avons constaté qu'un formulaire de commentaires attrayant et convivial peut faire une énorme différence.
Les commentaires jouent un rôle important dans l'engagement des utilisateurs sur un site web. Lorsque vous facilitez et rendez visuellement attrayant pour les utilisateurs de laisser des commentaires, vous encouragez davantage de discussions et d'interactions sur votre site web.
Dans cet article, nous vous montrerons comment styliser facilement le formulaire de commentaires WordPress pour augmenter l'engagement sur votre site web.
Avant de commencer
Les thèmes WordPress contrôlent l'apparence de votre site web. Chaque thème WordPress est livré avec plusieurs fichiers, y compris des fichiers de modèle, un fichier functions.php, des scripts JavaScript et des feuilles de style.
Les feuilles de style contiennent les règles CSS pour tous les éléments utilisés par votre thème WordPress. Vous pouvez ajouter votre propre CSS personnalisé pour remplacer les règles de style de votre thème.
Si vous n'avez jamais fait cela auparavant, consultez notre article sur comment ajouter du CSS personnalisé dans WordPress pour les débutants.
En plus du CSS, vous devrez peut-être également ajouter des fonctions pour modifier l'apparence par défaut de votre formulaire de commentaires WordPress. Si vous ne l'avez jamais fait auparavant, consultez notre article sur comment copier et coller du code dans WordPress.
Cela dit, examinons comment styliser le formulaire de commentaires WordPress.
Comme il s'agit d'un guide assez complet, nous avons créé une table des matières pour faciliter la navigation :
- Styliser le formulaire de commentaires WordPress à l'aide du constructeur de thèmes SeedProd
- Change WordPress Comments with Default CSS Classes
- Ajouter la connexion sociale aux commentaires WordPress
- Ajouter un texte de politique de commentaires dans le formulaire de commentaires WordPress
- Déplacer le champ de texte des commentaires en bas
- Supprimer le champ Site Web (URL) du formulaire de commentaires WordPress
- Ajouter une case à cocher « S'abonner aux commentaires » dans WordPress
- Ajouter des champs personnalisés au formulaire de commentaires WordPress
Styliser le formulaire de commentaires WordPress à l'aide du constructeur de thèmes SeedProd
Cette méthode nécessite SeedProd, qui est le meilleur plugin de construction de pages et de thèmes WordPress du marché.
Il est recommandé aux débutants sans expérience en codage. Cependant, l'inconvénient de cette méthode est qu'elle remplacera votre thème WordPress existant par un thème personnalisé.
Tout d'abord, vous devez installer et activer le plugin SeedProd. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Note : Vous aurez besoin au minimum du plan PRO pour accéder à la fonctionnalité de création de thèmes.
Après activation, vous devrez créer des modèles pour votre thème WordPress personnalisé. SeedProd vous permet de générer facilement ces modèles en utilisant l'un de leurs thèmes intégrés.
Pour des instructions détaillées, consultez notre tutoriel sur comment créer un thème WordPress personnalisé sans coder.
Une fois que vous avez généré vos modèles de thème, vous devez cliquer sur le lien « Modifier le design » sous le modèle d'article unique.
Cela chargera l'aperçu de l'article unique dans l'interface de création de thèmes de SeedProd. Vous remarquerez le bloc de formulaire de commentaires en bas de l'aperçu.
Cliquez simplement sur le formulaire de commentaires et vous verrez ses propriétés dans le panneau de gauche.
À partir d'ici, vous pouvez ajouter une note de commentaire ou une politique de confidentialité, vous pouvez également passer à l'onglet « Avancé » pour modifier le style du formulaire de commentaires sans écrire de code CSS.
Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer » pour publier vos modifications.
SeedProd rend très facile la modification du style de n'importe quel élément de votre site Web sans écrire de code.
Cependant, il s'agit d'un constructeur de thème et vous utilisez peut-être déjà un thème WordPress que vous aimez. Dans ce cas, les conseils suivants vous aideront à modifier manuellement les styles du formulaire de commentaires dans WordPress.
Modifier le style du formulaire de commentaires dans WordPress
La plupart des thèmes WordPress contiennent un modèle appelé comments.php. Ce fichier est utilisé pour afficher les commentaires et les formulaires de commentaires sur vos articles de blog. Le formulaire de commentaires WordPress est généré à l'aide de la fonction : <?php comment_form(); ?>.
Par défaut, cette fonction génère votre formulaire de commentaires avec trois champs de texte (Nom, E-mail et Site Web), un champ de zone de texte pour le texte du commentaire, une case à cocher pour la conformité RGPD, et le bouton de soumission.
Vous pouvez facilement modifier chacun de ces champs en ajustant simplement les classes CSS par défaut. Ci-dessous une liste des classes CSS par défaut que WordPress ajoute à chaque formulaire de commentaires.
#respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
.comment-notes { }
.required { }
.comment-form-author { }
.comment-form-email { }
.comment-form-url { }
.comment-form-comment { }
.comment-form-cookies-consent { }
.form-allowed-tags { }
.form-submit
En ajustant simplement ces classes CSS, vous pouvez complètement changer l'apparence de votre formulaire de commentaires WordPress.
Allons-y et essayons de changer quelques éléments, afin que vous puissiez avoir une bonne idée de son fonctionnement.
Tout d'abord, nous allons commencer par mettre en surbrillance le champ de formulaire actif. La mise en surbrillance du champ actuellement actif rend votre formulaire plus accessible aux personnes ayant des besoins spéciaux, et il rend également votre formulaire de commentaires plus agréable sur les petits appareils.
#respond {
background: #fbfbfb;
padding:0 10px 0 10px;
}
/* Highlight active form field */
#respond input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}
#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 2px solid rgba(81, 203, 238, 1);
}
Voici à quoi ressemblait notre formulaire dans le thème WordPress Twenty Sixteen après les modifications :
En utilisant ces classes, vous pouvez modifier le comportement de l'affichage du texte dans les champs de saisie. Nous allons modifier le style du texte du nom de l'auteur et des champs d'URL.
#author, #email {
font-family: "Open Sans", "Droid Sans", Arial;
font-style:italic;
color:#1d1d1d;
letter-spacing:.1em;
}
#url {
color: #1d1d1d;
font-family: "Luicida Console", "Courier New", "Courier", monospace;
}
Si vous regardez attentivement la capture d'écran ci-dessous, la police du nom et du champ e-mail est différente de celle de l'URL du site web.
Vous pouvez également modifier le style du bouton de soumission du formulaire de commentaires WordPress. Au lieu d'utiliser le bouton de soumission par défaut, donnons-lui un dégradé CSS3 et une ombre portée.
#submit {
background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
#submit:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
background-color:#5cbf2a;
}
#submit:active {
position:relative;
top:1px;
}
Faire passer les formulaires de commentaires WordPress au niveau supérieur
Vous pensez peut-être que c'était trop basique. Eh bien, nous devons commencer par là pour que tout le monde puisse suivre.
Cependant, vous pouvez faire passer votre formulaire de commentaires WordPress au niveau supérieur en réorganisant les champs du formulaire, en ajoutant la connexion sociale, les abonnements aux commentaires, les directives de commentaires, les balises rapides, et plus encore.
Ajouter la connexion sociale aux commentaires WordPress
Commençons par ajouter la connexion sociale aux commentaires WordPress.
La première chose à faire est d'installer et d'activer le plugin Super Socializer. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Après l'activation, vous devez visiter Super Socializer » Connexion sociale, puis cocher la case qui dit « Activer la connexion sociale ».
Cela ouvre le panneau des options de connexion sociale. Tout d'abord, cliquez sur l'onglet « Configuration avancée ».
Ensuite, assurez-vous que la case « Activer sur le formulaire de commentaires » est cochée.
Ensuite, cliquez sur l'onglet « Configuration de base ». Ici, vous pouvez choisir les réseaux sociaux que vous souhaitez ajouter en cochant les cases dans la section « Sélectionner les réseaux sociaux ».
Ci-dessous, le plugin nécessitera des clés API afin de se connecter aux plateformes sociales. Cliquez simplement sur l'icône « Point d'interrogation » pour afficher les instructions sur la façon d'obtenir cela pour chaque plateforme.
Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres de connexion sociale.
Vous pouvez maintenant visiter votre site Web pour voir les boutons de connexion sociale au-dessus de votre formulaire de commentaires.
Ajout de texte de politique de commentaires avant ou après le formulaire de commentaires
Nous aimons tous nos utilisateurs, et nous apprécions vraiment qu'ils prennent quelques minutes pour laisser un commentaire sur notre site. Cependant, pour créer un environnement de discussion sain, il est important de modérer les commentaires.
Pour une transparence totale, nous avons créé une page de politique de commentaires, mais vous ne pouvez pas simplement mettre ce lien dans le pied de page.
Nous voulions que notre politique de commentaires soit visible et accessible à tous les utilisateurs qui laissent un commentaire. C'est pourquoi nous avons décidé d'ajouter la politique de commentaires dans notre formulaire de commentaires WordPress.
Si vous souhaitez ajouter une page de politique de commentaires, la première chose à faire est de créer une page WordPress et de définir votre politique de commentaires (vous pouvez voler la nôtre et la modifier pour répondre à vos besoins).
Après cela, vous pouvez ajouter le code suivant dans le fichier functions.php de votre thème ou un plugin d'extraits de code.
function wpbeginner_comment_text_before($arg) {
$arg['comment_notes_before'] .= '<p class="comment-policy"">We are glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our <a href="http://www.example.com/comment-policy-page/">comment policy</a>.</p>';
return $arg;
}
add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');
Le code ci-dessus remplacera les notes par défaut du formulaire de commentaires par ce texte. Nous avons également ajouté une classe CSS dans le code, afin que nous puissions mettre en évidence l'avis à l'aide de CSS. Voici un exemple de CSS que nous avons utilisé :
p.comment-policy {
border: 1px solid #ffd499;
background-color: #fff4e5;
border-radius: 5px;
padding: 10px;
margin: 10px 0px 10px 0px;
font-size: small;
font-style: italic;
}
Voici à quoi cela ressemblait sur notre site de test :
Si vous souhaitez afficher le lien après la zone de texte des commentaires, utilisez le code suivant.
function wpbeginner_comment_text_after($arg) {
$arg['comment_notes_after'] .= '<p class="comment-policy"">We are glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our <a href="http://www.example.com/comment-policy-page/">comment policy</a>.</p>';
return $arg;
}
add_filter('comment_form_defaults', 'wpbeginner_comment_text_after');
N'oubliez pas de modifier l'URL en conséquence, afin qu'elle pointe vers votre page de politique de commentaires plutôt que vers example.com.
Déplacer le champ de texte des commentaires en bas
Par défaut, le formulaire de commentaire WordPress affiche d'abord la zone de texte du commentaire, puis les champs nom, e-mail et site web. Ce changement a été introduit dans WordPress 4.4.
Avant cela, les sites WordPress affichaient d'abord les champs nom, e-mail et site web, puis la zone de texte du commentaire. Nous pensions que nos utilisateurs étaient habitués à voir le formulaire de commentaire dans cet ordre, nous utilisons donc toujours l'ancien ordre des champs sur WPBeginner.
Si vous souhaitez le faire, il vous suffit d'ajouter le code suivant au fichier functions.php de votre thème ou à un plugin d'extraits de code.
function wpb_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom');
Nous recommandons toujours d'ajouter du code dans WordPress à l'aide d'un plugin d'extraits de code comme WPCode. Cela permet d'ajouter facilement du code personnalisé sans modifier votre fichier functions.php, vous n'avez donc pas à vous soucier de casser votre site.
Pour commencer, vous devez installer et activer le plugin gratuit WPCode. Pour des instructions, consultez ce guide sur comment installer un plugin WordPress.
Après l'activation, allez dans Extraits de code » + Ajouter un extrait depuis le tableau de bord WordPress.
À partir de là, trouvez l'option « Ajouter votre code personnalisé (Nouveau snippet) » et cliquez sur le bouton « + Ajouter un snippet personnalisé » en dessous.
Après cela, vous devez sélectionner « Extrait PHP » comme type de code dans la liste des options qui apparaissent à l'écran.
Ensuite, ajoutez un titre pour votre extrait en haut de la page, cela peut être n'importe quoi pour vous aider à vous souvenir de l'utilité du code.
Ensuite, collez le code ci-dessus dans la zone « Aperçu du code ».
Enfin, basculez simplement le commutateur de « Inactif » à « Actif » et cliquez sur le bouton « Enregistrer le fragment ».
Ce code déplace simplement le champ de zone de texte de commentaire vers le bas.
Supprimer le champ Site Web (URL) du formulaire de commentaires WordPress
Le champ site web dans le formulaire de commentaire attire beaucoup de spammeurs. Bien que sa suppression n'arrête pas les spammeurs ni ne réduise les commentaires indésirables, elle vous évitera certainement d'approuver accidentellement un commentaire avec un mauvais lien de site web d'auteur.
Cela réduira également un champ du formulaire de commentaire, le rendant plus facile et plus convivial. Pour en savoir plus sur ce sujet, consultez notre article sur la suppression du champ URL du site Web du formulaire de commentaire WordPress.
Pour supprimer le champ URL du formulaire de commentaire, ajoutez simplement le code suivant à votre fichier functions.php ou à un plugin d'extraits de code.
function wpbeginner_remove_comment_url($arg) {
$arg['url'] = '';
return $arg;
}
add_filter('comment_form_default_fields', 'wpbeginner_remove_comment_url');
Vous pouvez suivre les mêmes étapes que dans la section précédente pour ajouter en toute sécurité ce code dans WordPress en utilisant le plugin WPCode.
Ajouter une case à cocher « S'abonner aux commentaires » dans WordPress
Lorsque les utilisateurs laissent un commentaire sur votre site Web, ils peuvent vouloir suivre ce fil pour voir si quelqu'un a répondu à leur commentaire. En ajoutant une case à cocher pour s'abonner aux commentaires, vous permettez aux utilisateurs de recevoir des notifications instantanées chaque fois qu'un nouveau commentaire apparaît sur la publication.
Pour ajouter cette case à cocher, la première chose à faire est d'installer et d'activer le plugin Subscribe to Comments Reloaded. Après l'activation, vous devez visiter la page StCR » Comment Form pour configurer les paramètres du plugin.
Pour des instructions détaillées étape par étape, consultez notre article sur la façon de permettre aux utilisateurs de s'abonner aux commentaires dans WordPress.
Ajouter des champs supplémentaires au formulaire de commentaire WordPress
Vous souhaitez ajouter des champs supplémentaires à votre formulaire de commentaire WordPress ? Par exemple, un champ facultatif où les utilisateurs peuvent ajouter leur identifiant Twitter ?
Installez et activez simplement le plugin Champs de commentaires WordPress . Après l'activation, allez à la page ‘Champs de commentaires’ et basculez vers l'onglet ‘Champs de commentaires’.
Faites simplement glisser et déposez un champ personnalisé et donnez-lui un titre, une description et un nom de données.
Une fois que vous avez terminé d'ajouter les champs, n'oubliez pas de cliquer sur le bouton ‘Enregistrer toutes les modifications’.
Vous pouvez maintenant afficher votre formulaire de commentaires pour voir les champs personnalisés en action.
Les champs personnalisés sont ensuite affichés dans la modération des commentaires et sous le contenu du commentaire.
Pour plus de détails, consultez notre tutoriel sur la façon d'ajouter des champs personnalisés au formulaire de commentaires dans WordPress.
Nous espérons que cet article vous a aidé à apprendre comment styliser le formulaire de commentaires WordPress pour le rendre plus agréable pour vos utilisateurs. Vous voudrez peut-être aussi consulter nos conseils pour obtenir plus de commentaires sur vos articles de blog WordPress et nos meilleurs choix de plugins de médias sociaux pour WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
tom
Excellent article ! Merci beaucoup
Support WPBeginner
You’re welcome
Admin
mobileninja
Merci beaucoup. C'est un article très utile.
Support WPBeginner
Glad it could be helpful
Admin
Emma
Salut. Excellent tutoriel. Je voulais empêcher mes utilisateurs d'ajouter l'URL de leur site Web dans la section des commentaires, car cela provoque des plantages pour certains utilisateurs (je ne sais pas pourquoi). J'ai réussi, mais maintenant il affiche toujours le message habituel « Mémorisez mon nom, mon adresse e-mail et mon site Web pour la prochaine fois que je laisserai un commentaire ». Savez-vous comment résoudre ce problème ?
Support WPBeginner
Vous voudrez peut-être contacter le support de votre thème et leur signaler les plantages et la modification de ce message.
Admin
Support WPBeginner
Glad our guide could help
Admin
Deepak Bharti
Merci de partager ce type d'article. Il m'est utile ainsi qu'à mon site Web.
Support WPBeginner
Glad our article could be helpful
Admin
Rubel Ahmed
Bonjour
Bel article et j'ai utilisé certaines de vos suggestions, mais j'ai trouvé une erreur de code qui doit être corrigée sous « Ajouter un texte de politique de commentaires avant ou après le formulaire de commentaires ».
Vous avez placé le filtre d'ajout à l'intérieur de la fonction, sinon il ne sera pas exécuté, il doit être déplacé à l'extérieur de la fonction.
Rubel
Support WPBeginner
Both filters should be outside the function but we will certainly take another look and update if we can see the error
Admin
suvo
évidemment comme votre site Web. Merci pour le partage. Je lis votre blog tous les jours. C'est très gênant de dire la vérité, mais je reviendrai certainement. Veuillez écrire davantage sur ces sujets.
Support WPBeginner
Glad you like our articles
Admin
ARPIT
Les informations que vous avez fournies ici sont très bonnes. Beau tutoriel. Merci de partager. Je cherchais cela depuis longtemps. Cela m'aide vraiment à me familiariser avec WordPress !
Support WPBeginner
Salut Arpit,
We are glad you found the tutorial helpful.
Admin
Hồ Ngọc Thanh
Je ne trouve pas #respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
dans mon thème wordpress ?
Support WPBeginner
Votre thème l'a peut-être stylisé différemment. Pour trouver ce qu'ils sont, vous voudrez consulter notre article : https://014.leahstevensyj.workers.dev/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Le # serait pour l'ID de l'objet, donc si quelque chose avait l'ID button, ce serait #button
Admin
Chintan
Comment ajouter un aperçu des commentaires en temps réel ?
Paulina
Bonjour, merci pour cet article très utile. Je souhaite ajouter un texte avant le bouton « soumettre ». Dans le code que vous fournissez ici : devrais-je changer les mots « wpbeginner » par autre chose lié à mon propre site ?
Akramul Hasan
Bonjour Paulina,
Vous pouvez ajouter du texte ou quoi que ce soit avant le bouton Soumettre en utilisant un simple hook de filtre qui fonctionne pour les champs du formulaire de commentaires.
Hena
wow !! C'est très bien
Woolker Cherenfant
Salut ! Excellent article comme d'habitude. Mais je me demande comment changer le mot « says » dans la section des commentaires. Je veux le traduire en créole haïtien « di ». Une aide avec ça ?
Merci d'avance.
—Woolker
Tisha
Is it possible to copy the code to blogger?. Because I want to make Wordpress style comment in my Blogger blog. Thanks for your help.
Mate Hodi
Salut !
Excellent article ! Je cherchais une solution pour changer la partie « Laisser un commentaire ». Avez-vous une idée de comment je peux la modifier ?
Neeraj
C'est un guide utile qui m'a donné des instructions complètes sur l'optimisation de la section des commentaires.
Kevin Byrnes
Excellent article. Je vais rencontrer certains de ces problèmes aussi..
JP
Salut
J'adore vos tutoriels ! J'ai quand même une question ; est-il courant de changer la couleur de fond grisâtre de l'ensemble du formulaire de commentaires en quelque chose d'autre ? Peut-être même en une image au lieu d'une couleur unie ?
Mahesh
J'adore vos tutoriels, ils sont très faciles à comprendre et plus utiles n'importe où.
Merci de partager, Monsieur.
Lisa Marten
Puis-je placer la boîte de commentaire à remplir au-dessus de la liste des commentaires postés au lieu d'en dessous ?
Support WPBeginner
Oui, vous pouvez.
Admin
SiRetu
Existe-t-il un tutoriel complet ? Je veux dire, commencer à partir de zéro, y compris la création du fichier comments.php dès le début. Merci, excellent tutoriel comme toujours
Luis Izquierdo
Je personnalise le thème enfant de mon thème wp et j'ai réussi à placer le texte de la politique au-dessus du formulaire de commentaire. Mais il ne s'affiche qu'aux utilisateurs déconnectés. Comment faire pour qu'il s'affiche aux utilisateurs connectés ?
Luca Morelli
Bonjour excellent tutoriel : merci !
Je continue d'améliorer mes connaissances sur WordPress grâce à vos leçons. J'ai une question (je ne connais pas grand-chose en php) : j'ai réussi à ajouter le texte de la politique de commentaires avant le bouton de soumission, mais j'ai remarqué que si je clique sur « répondre » et que je vois vos codes, la sortie php est à l'intérieur de la balise de paragraphe avec une classe nommée « commentpolicy ». Comment avez-vous fait cela (par exemple, comment styliser la sortie php sur une page web HTML avec une balise et une classe, qui peuvent ensuite être stylisées avec CSS) ?
J'espère avoir bien expliqué et que ma question a du sens.
Encore un grand merci pour tous vos tutoriels.
Luca
Support WPBeginner
Nous ne sommes pas sûrs de ce que vous essayez de demander. Pouvez-vous s'il vous plaît expliquer un peu plus ? Merci.
Admin
Jayanta
J'ai la même question. J'essaie de clarifier un peu.
J'ai ajouté votre extrait pour obtenir le texte de la politique de commentaires avant le champ de commentaire. Mais ce n'est que du texte, aucune classe div spéciale n'est ajoutée pour ce texte. Par conséquent, je ne peux pas le styliser avec CSS (je voudrais rendre le texte plus petit, ou peut-être y mettre une boîte bordée). S'il vous plaît, guidez-nous. J'espère que cela a maintenant du sens. Merci beaucoup.
Erick
Comment faites-vous pour que les commentaires ressemblent à ce site web ?
gift charles
Merci beaucoup pour cela, je cherchais depuis longtemps un moyen d'améliorer l'apparence des commentaires intégrés car je les préfère à d'autres services comme les commentaires Facebook ou Disqus
Adnan Bashir
Comme vous l'avez remarqué, la dernière version de WP (4.4) affiche le formulaire Nom et Email sous la zone de texte, avez-vous une idée de comment le rétablir à l'ancien style (zone Nom et Email au-dessus de la zone de texte) ?
Merci
Support WPBeginner
Veuillez consulter Comment déplacer le champ de texte des commentaires en bas dans WordPress 4.4
Admin
Adnan Bashir
Thank you, now the Comment form is looking better
mario
Bonjour, excellent tutoriel !
Mais j'aimerais savoir une chose de plus : est-il possible d'ajouter une case à cocher pour la politique de confidentialité ? Comme le système WordPress collecte l'adresse IP, je veux que mes utilisateurs cochent la case avant d'envoyer le message. Des suggestions ? Merci !
Support WPBeginner
Veuillez consulter notre article sur comment ajouter des champs personnalisés au formulaire de commentaires dans WordPress.
Admin
Ramon
Je voudrais que les champs de commentaires soient placés au-dessus des commentaires eux-mêmes, afin que mes clients puissent laisser un commentaire sans avoir à faire défiler toute la page.
Existe-t-il un moyen simple d'y parvenir ?
Merci.
dragons
Existe-t-il un moyen d'ajouter un bouton EDITER pour les commentateurs ? Pour qu'ils puissent corriger les fautes de frappe et autres ? Et si le site voulait permettre aux commentateurs de télécharger des images dans les commentaires ? Est-ce possible ?
Rick Hellewell
Bon tutoriel. Je l'ai utilisé pour développer mon propre plugin de formulaire de contact personnalisé, où je redéfinis les $args pour les champs du formulaire de commentaire.
Mais il s'avère, lors des tests, que certains thèmes créent leur propre champ 'textarea', qui s'ajoute à mon champ 'textarea', résultant en deux champs de texte de commentaire. Pas bon.
J'ai défini mon add_filter( ‘comment_form_default_fields’…. avec une priorité plus élevée (99) afin qu'il se produise plus tard dans la 'construction de la page' (après que le thème ait fait son comment_form_default_fields), mais les zones de texte de commentaire en double sont toujours là. J'ai aussi essayé une priorité de 8, et cela n'a pas non plus fonctionné.
Alors, pouvez-vous penser à une méthode générique (qui fonctionne pour n'importe quel thème) qui puisse déterminer si le champ de commentaire a déjà été défini ? Et, si le doublon est trouvé, supprimer celui du thème, afin que je puisse le remplacer par le mien ?
Je comprends que le problème est causé par de mauvaises pratiques de codage dans le thème, mais j'aimerais trouver une solution de contournement.
Merci... Rick...
Larisa Frolova
Merci !
J'ai cherché sur les forums et sur Google, mais je suis encore un peu confuse quant à ce qu'il faut faire. Si je veux juste changer l'EMPLACEMENT du lien de commentaire/réponse qui apparaît sur les articles, comment faire ? Ce n'est pas que je veuille le rendre invisible, ou changer le libellé – je veux juste qu'il soit en bas d'un article, pas en haut.
Comment puis-je faire cela pour le thème Twenty-Twelve ?
Mikael
J'aime cette mise en page !
lflier
Très utile !
J'aime beaucoup le système de commentaires Disqus que vous utilisez maintenant. Il est élégant et très attrayant. Je me retrouve à laisser plus de commentaires sur les sites utilisant Disqus.
Mais je suis découragé de l'utiliser sur mon propre site par le manque d'intégration avec le flux d'activité BuddyPress. Donc, plus je peux faire pour rationaliser le système de commentaires natif de WordPress et le rendre aussi attrayant que Disqus, mieux c'est. Merci encore pour votre tutoriel.
Therese
Merci beaucoup pour tout ça ! Cela m'aide vraiment à me familiariser avec WordPress !
J'ai les connexions aux réseaux sociaux, j'ai réglé la bordure, mais maintenant je suis complètement bloqué pour trouver *où* modifier la police des boîtes individuelles de la zone de commentaires.
I can’t figure it out.
Can you please tell me where exactly to find that? You don’t specify this clearly enough in the tutorial.
Support WPBeginner
Veuillez voir comment nous avons changé les polices pour les champs de saisie #author et #url dans l'article. Pour changer la police dans la boîte de commentaires, vous pouvez utiliser quelque chose comme ceci :
#comment { font-family: arial, verdana, sans-serif; font-size: 16px; }1-click Use in WordPress
Admin
JG
comment ajouter une case à cocher obligatoire que les gens doivent cocher avant que le formulaire ne soit soumis ? J'ai essayé d'ajouter le champ en ajoutant un champ sous add_filter('comment_form_default_fields,') alors que le champ s'affiche, le formulaire peut toujours être soumis sans cocher la case.
Jewel
Merci beaucoup...
Bhushan
J'essaie
Ann
J'ai lu votre tutoriel... et je me demandais s'il pouvait être appliqué à un site WordPress qui a un Genesis Framework et un thème enfant. J'utilise le thème enfant Epic au fait. Merci pour votre aide.
Support WPBeginner
Oui, certaines parties du tutoriel peuvent être directement appliquées à votre thème enfant. Pour le style CSS, vous devez remplacer le CSS de votre thème enfant.
Admin
Jonathan
Avez-vous une idée de comment placer ces cases à cocher pour S'abonner aux commentaires et autres plugins afin qu'elles apparaissent au-dessus du bouton Soumettre ? Y a-t-il un moyen de définir où WordPress inclurait normalement ces éléments ?
Support WPBeginner
si vous utilisez le plugin S'abonner aux commentaires, vous pouvez placer
<?php show_subscription_checkbox(); ?>dans vos modèles où vous souhaitez que la case à cocher d'abonnement apparaisse.Admin
Jeff Hilron
J'essaie de comprendre comment obtenir les avatars ronds.
Personnel éditorial
Voici un tutoriel pour vous :
https://014.leahstevensyj.workers.dev/wp-themes/how-to-display-round-gravatar-images-in-wordpress/
Admin
Ravinder
Super tutoriel. Les informations que vous avez fournies ici sont très bonnes. Je les cherchais depuis un moment. Merci de partager.
mohib
C'est un tutoriel merveilleux, « Cliquez ici pour annuler la réponse » je veux changer ce nom, mais je ne trouve aucun moyen, pourriez-vous m'aider s'il vous plaît ?
Mike Lee
Bonjour, votre tutoriel est si merveilleux et j'aimerais demander comment faire apparaître le formulaire de commentaire sous le commentaire spécifique en cliquant sur le mot « Répondre » de ce commentaire.
Merci
Personnel éditorial
Cela se produit par défaut dans le thème WordPress lorsque vous autorisez les commentaires imbriqués. WordPress charge comment-reply.min.js. Si votre thème ne charge pas cela, vous devez le charger.
Admin
Jae
J'ai le thème Elegant Tonight sur mon WordPress, et j'ai mes paramètres du tableau de bord - discussion réglés sur : Activer les commentaires imbriqués (en cascade) sur 3 niveaux de profondeur. Donc, je devrais voir des commentaires imbriqués, mais ce n'est pas le cas. WordPress ne semble pas charger comment-reply.min.js. Où dans le fichier comments.php de mon thème dois-je ajouter cela ? Et dois-je ajouter exactement cela, ou dans un autre format de code ? Merci pour tout conseil !
Personnel éditorial
Salut Jae,
Le personnel d'Elegant Themes est mieux équipé pour répondre à cette question car nous ne connaissons pas très bien ce thème. Lorsque vous payez pour Elegant Themes, vous avez également accès à leur support.
Robo Ek
Article utile une fois de plus de votre part. Peut-être devriez-vous changer de nom. Même les professionnels trouveraient votre tutoriel utile
Adrian Robertson
Encore un bon tutoriel de votre part, à chaque fois que je ne me souviens pas comment faire quelque chose, je finis sur votre site.
Excellent travail !
Mattia
Hi guys thanks a lot. Just a question: which is the difference between and . With this last one, your adivecs don’t work!
Mattia
sorry the output deleted my question: difference between “comment_form” and “comment_template”…
Personnel éditorial
Pas de problème. Donc comments_template est une fonction qui charge le modèle utilisé pour afficher les commentaires. Il charge le fichier comments.php par défaut, cependant vous pouvez utiliser un autre fichier si vous avez une version personnalisée. Le fichier comments.php contient généralement le code pour charger tous les commentaires, et il contient également la fonction comment_form. La fonction comment_form affiche le formulaire de commentaire réel (nom, e-mail, site web, message, bouton de soumission, etc).
Hope that helped clear things up
Admin
Mattia
It did. Thanks
Sue Kearney
J'adore toutes ces informations intéressantes, dont certaines que j'ai effrontément reprises de ce que vous faites. J'ai à peu près terminé. Regardez ici : http://goo.gl/8r9uO
Merci encore !
Ernice Gilbert
Bonjour, comment puis-je ajouter un bouton de réponse dans la zone de commentaires, comme le vôtre, sur mon site WordPress ? Est-ce un plugin ou une modification de code ?
Merci.
Personnel éditorial
Salut Ernice,
Ce n'est pas un plugin. Nous utilisons la même technique montrée dans cet article. Au lieu d'utiliser la couleur de fond, nous utilisons la propriété d'image de fond du CSS.
Admin
Rifat Bin Sharif
Dans mon thème WordPress, je viens de remarquer que dans la zone de commentaires, il y a un mot "dit" mais je ne l'ai pas trouvé dans le fichier comments.php. Comment supprimer ce texte ?
Merci
Colin Crawford
Salut, bel article et j'ai utilisé certaines de vos suggestions, mais j'ai trouvé une erreur de code qui doit être corrigée sous 'Ajouter un texte de politique de commentaires avant ou après le formulaire de commentaires'.
Vous avez placé le filtre d'ajout à l'intérieur de la fonction, sinon il ne sera pas exécuté, il doit être déplacé à l'extérieur de la fonction.
Colin
Personnel éditorial
Fixed it
Admin
Gaelyn
Toutes de merveilleuses suggestions. Maintenant, comment changer le mot "réponses" en "commentaire" et le rendre plus proéminent. Sur le thème Suffusion. Merci.
Personnel éditorial
Modifiez votre fichier comment.php dans le thème pour effectuer le changement.
Admin
Umer Rock
Je veux juste ajouter une image juste au-dessus de la boîte de commentaires, comment puis-je faire, par exemple, voici une capture d'écran de la boîte de commentaires : http://oi48.tinypic.com/2itrket.jpg
Personnel éditorial
Vous pourriez probablement utiliser les filtres montrés dans l'article et le CSS pour lui donner cet aspect.
Admin
Umer Rock
Ok. Merci, je vais reconsidérer l'article. Eh bien, je ne suis pas expert en CSS.