Ajouter les commentaires à votre template WordPress

Pour ajouter des commentaires dans un thème WordPress, vous pouvez suivre ces étapes simples en éditant le fichier single.php (ou tout autre modèle de page de contenu unique) de votre thème :

1. Ouvrez le fichier single.php : vous pouvez accéder à ce fichier via le panneau d’administration de WordPress, en allant dans Apparence > Éditeur et en sélectionnant le fichier single.php dans la liste des fichiers du thème à droite. Assurez-vous de faire une sauvegarde du fichier avant de le modifier, au cas où vous feriez des erreurs.
2. Trouvez l’endroit où vous souhaitez afficher les commentaires : dans le fichier single.php, recherchez l’endroit où vous voulez afficher la section des commentaires. Cela peut être juste après le contenu de l’article ou à n’importe quel autre endroit de votre choix.
3. Insérez le code pour afficher les commentaires : utilisez la fonction comments_template() pour afficher la zone de commentaires. Cette fonction charge le modèle de commentaires de votre thème et l’affiche à l’endroit où vous l’avez insérée.
4. Sauvegardez les modifications : assurez-vous de sauvegarder les modifications apportées au fichier single.php.

Remarque : veuillez noter que l’utilisation de l’éditeur de thème dans le panneau d’administration peut être risquée, car toute erreur de code peut entraîner des problèmes sur votre site.

Si vous n’êtes pas à l’aise avec la modification du thème via l’éditeur, vous pouvez utiliser un éditeur de code hors ligne (par exemple, VSCode, Sublime Text, etc.) pour accéder aux fichiers du thème via FTP, effectuer les modifications et les charger ensuite sur votre serveur.

Attention ! Assurez-vous également de toujours sauvegarder vos fichiers avant de les modifier.

Exemple de code pour afficher les commentaires dans single.php :

<?php
// afficher le contenu de l'article
while (have_posts()) {
  the_post();
  // contenu de l'article
  the_content();
}

// afficher les commentaires
comments_template();
?>

Une fois que vous avez ajouté ce code, les commentaires devraient être visibles sur la page de contenu unique du thème.

Cependant, gardez à l’esprit que la façon dont les commentaires sont stylisés peut varier en fonction de votre thème.

Vous pouvez personnaliser leur apparence en éditant le fichier comments.php de votre thème.

Dans ce fichier comments.php, vous pouvez commencer à personnaliser le style et la structure des commentaires.

Voici un exemple de base pour vous aider à démarrer :

<?php
if (post_password_required()) {
    return;
}
?>

<div id="comments" class="comments-area">

    <?php if (have_comments()) : ?>
        <h2 class="comments-title">
            <?php

            $comments_number = get_comments_number();

            if ($comments_number === 1) {
                printf(__('One Comment', 'textdomain'), number_format_i18n($comments_number));
            } else {
                printf(
                    __('%s Comments', 'textdomain'),
                    number_format_i18n($comments_number)
                );
            }
            ?>
        </h2>

        <ol class="comment-list">
            <?php
            wp_list_comments(array(
                'style'      => 'ol',
                'short_ping' => true,
                'avatar_size' => 50,
            ));
            ?>
        </ol>

        <?php if (get_comment_pages_count() > 1 && get_option('page_comments')) : ?>
            <nav class="comment-navigation" role="navigation">
                <div class="nav-previous"><?php previous_comments_link(__('Older Comments', 'textdomain')); ?></div>
                <div class="nav-next"><?php next_comments_link(__('Newer Comments', 'textdomain')); ?></div>
            </nav>
        <?php endif; ?>

    <?php endif; ?>

    <?php
    if (!comments_open() && get_comments_number() && post_type_supports(get_post_type(), 'comments')) :
        ?>
        <p class="no-comments"><?php _e('Comments are closed.', 'textdomain'); ?></p>
    <?php endif; ?>

    <?php
    comment_form(array(
        'title_reply_before' => '<h2 id="reply-title" class="comment-reply-title">',
        'title_reply_after'  => '</h2>',
    ));
    ?>

</div><!-- #comments -->

La fonction get_comments_number() permet de récupérer le nombre de commentaires publiés.

La fonction wp_list_comments() permet de lister les commentaires publiés.

La fonction comments_open() permet de vérifier si les commentaires sont ouverts.

La fonction comment_form() permet d’afficher le formulaire de saisie de commentaires.

Remarque : vous trouverez le détail complet des paramètres et fonctions liés aux commentaires dans la documentation officielle WordPress.