Création Thème Wordpress | Tutorial #16: Insertion des commentaires

Ce tutoriel est le seizième d’une série d’articles sur la création d’un thème pour Wordpress de A à Z. Si vous prenez le train en cours et si vous souhaitez créer votre propre thème de A à Z, je vous conseille fortement de commencer par le premier tutoriel de la série.

Si vous avez bien tout suivi, vous avez dû vous rendre compte qu’il manque quelque chose d’important à notre thème: les commentaires ! Aujourd’hui, nous allons les ajouter à nos articles. Sans commentaires, un billet et son blog ne sont plus les mêmes ! ;-)

Création du template comments.php

Nous allons devoir créer un nouveau template, comments.php et y insérer le contenu de ce document. Ici, et pour la première fois dans cette série de tutoriels, je ne vais pas trop vous expliquer le contenu de ce template. Ce serait trop long et trop compliqué. Ce qu’il faut savoir c’est que c’est le template par défaut pour les commentaires et celui utilisé le plus souvent sur les différents thèmes. Dans un prochain billet, je ferai une description détaillée du fichier mais ici, on n’en a pas vraiment besoin. Dès lors que l’on changera quelque chose, ce sera au niveau des feuilles de style, des CSS.

Donc, une fois votre template créé et le contenu du fichier copié, enregistrez le document et fermez-le.

Mise à jour du template single.php

Dans le tutoriel précédent on a créé le template single.php qui nous permet d’afficher les articles un par un, et surtout qui nous permettra de paramétrer différemment ces pages des autres pages du blog. Dans ce template, on va insérer une ligne de code qui va nous permettre d’aller chercher dans le template comments.php l’info dont a besoin pour afficher les commentaires. Cette ligne, on va l’insérer avant le “php endwhile”, et après le “php the_content” pour que les commentaires s’affichent directement sous le contenu des articles:

<div class="comments-template">
<?php comments_template(); ?>
</div>

Ici, on a ajouté une classe “comments-template” pour pouvoir modifier le style des commentaires par la suite.

Une fois le code inséré, enregistrez votre template et allez voir sur votre navigateur ce que ça donne. Si tout s’est bien passé, l’espace dédié aux commentaires devrait apparaître sous l’article. Laissez donc un commentaire pour voir ce que ça donne !

La suite avant la fin de la semaine ! Promis !

Tutoriel n°17: “navigation, page non trouvée et validation xhtml du theme”

Fran6

28 Commentaires pour “Création Thème Wordpress | Tutorial #16: Insertion des commentaires”


  1. 1

    merci et vivement la mise en forme css car j’ai mijoté une jolie interface sous photoshop !!!

  2. 2

    J’espère que tu nous en fera profiter !!! ;-)

    http://www.fran6art.com/
  3. 3

    [i]Laissez donc un article pour voir ce que ça donne ![/i]

    Ce ne serait pas plutôt : Laissez donc un commentaire pour voir ce que ça donne !

  4. 4

    Effectivement… Heureusement qu’y en a qui suivent !!! :D Merci !

    http://www.fran6art.com/
  5. 5

    Je voulais juste préciser, à ceux qui le souhaitent, qu’on peut mettre l’heure et la date au format jj/mm/aaaa ev remplaçant F jS, Y par j/m/Y ou tout simplement j m Y pour avoir 20 06 2007. On deviendra le, at : à et pour l’heure, dans la balise php comment_time() on mettra H:i entre parenthèses (donc php comment_time(H:i) qui donnera 20:42).

    Personnellement j’ai francisé la totalité de mon thème utilisé, c’est pas très compliqué.

    http://blog.entouteinnocence.fr
  6. 6

    hummm une petite demande de plus
    j’ai remaquer que ta costomisie avec un javascript les messages d’errere de ton formulaire et comme je le trouve super sympa je me demande si ce possible de me permetre de l’utilise ;) plus directement de me dire comme et quoi ajoute a la place de la mouchte de wp me sort :)

    delman , le 11 juil 2007 à 1:41
  7. 7

    delran > désolé mais je n’ai pas très bien compris ta demande…;-) Bien sûr tu peux utiliser le Javascript !

    http://www.fran6art.com/
  8. 8

    Bonjour,
    tout d’abord, merci Fran6 pour cette série de tutos sans laquel je ne me serai jamais lancé dans la création d’un thème.
    J’aimerais savoir comment faire pour afficher les trackbacks (pas le lien trackback, mais bien les trackback) en dessous des commentaires.
    Merci pour ton aide !
    Flavien

  9. 9

    Salut Flavien,

    Normalement, les trackbacks viennent se mettre automatiquement après les commentaires et sont considérés comme des commentaires. Je vais regarder ça de plus près et pondre un article. En tout cas, merci d’avoir relever l’info…

    PS: en fait, je crois que c’est plus les “pingbacks” que les “trackbacks”…;-)

    http://www.fran6art.com/
  10. 10

    OK, donc les pingbacks viennent se coller dans les commentaires mais les trackbacks ne sont pas visible.
    En effet, si tu fais un billet là dessus, cela m’intéresserais bien, car j’aimerais ne plus voir les pingbacks (je crois qu’ils suffit de les désactiver) par contre avoir un champ exprès pour les trackbacks.
    Merci de ton aide
    Flavien

  11. 11

    bonjour,

    je possède des blogs www.babotesto.com et autres hhtp://babotesto.wordpress.com
    ce tuto est trop bien fait… j’ai decide de me lancer à l’eau pour créer le mien propre…
    et jusque la je dirais que ca va…
    ( because le prof est bon pédagogue)
    mais petite truc qui m’embete, une phrase apparait en haut de mon site

    Warning: array_merge() [function.array-merge]: Argument #2 is not an array in C:\xampp\htdocs\wordpress\wp-includes\widgets.php on line 53

    ca veut dire quoi ? je le change comment ??

    merci d’avance !!

    http://www.bartv.fr
  12. 12

    Bonjour, petit problème le fichier est down http://www.fran6art.com/documents/comments.txt !! :s

    http://www.affinity-web.org
  13. 13

    ha bah non c’est bon, petit problème de DNS désolé !

    http://www.affinity-web.org
  14. 14

    Salut Fran6,
    tout dabord merci pour le travail que tu fournis. Il m’est très utile ;)
    Je poste ici car les commentaires de la partie 16 sont fermés.
    j’était en train de créer mon fichier archive.php et je me suis rendu compte qu’une seul ligne changeais.je me suis donc dit qu’une boucle pourrait surement s’imposé d’elle meme.
    j’ai pensé a ca:

    qu’en penses tu?
    y’a t-il une raison de le mettre dans un fichier séparé?

    TooGz , le 7 avr 2008 à 1:26
  15. 15

    Oups! Wordpress a mangé mon code (sûrement les balises php)

    if(is_category() || is_archive()) {
    the_excerpt();
    } else {
    the_content();
    }

    TooGz , le 7 avr 2008 à 1:27
  16. 16

    TooGz > Disons que c’est plus “sémantique”, même si c’est pas le terme exact !! :mrgreen:

    http://www.fran6art.com
  17. 17

    après mûres réflexions (si si ça m’arrive…)
    je vais garder le fichier séparé qui me permettras d’avoir plus de contrôle sur la page.

    Merci pour ta rapidité dans la réponse.

    @ Bientôt

    TooGz , le 7 avr 2008 à 11:08
  18. 18

    :( je t’écris ici car on ne pouvait plus poster de commentaires sur la leçon d’avant.

    Voilà mon problème :
    J’ai bien copié collé le contenu de index.php dans archive.php en changeant content en excerpt… Seulement mes articles ne sont pas écourtés! Au debut je pensais que c’etait dans ma session admin de wordpress, je suis allé éditer mes articles mais il n’y avait pas de Visual, j’ai du insérer à la main le . Dans ce cas ça marche, mais même si j’enlève archive.php… Ca veut dire qu’il ne le prend pas en compte? Qu’est-ce qui se passe?

    http://freestyleaddict.online.fr
  19. 19

    JeFF > Sûrement un problème de syntaxe dans ton fichier. Normalement, tu n’as pas à utiliser la balise more avec le the_excerpt… Vérifies une nouvelle fois le contenu de ton fichier archive.php…

    … ou alors, mets l’excerpt dans ton index.php pour voir ce que ça donne… ;-)

    http://www.fran6art.com
  20. 20

    Effectivement, quand je met l’exerpt dans index.php, ca écourte mes posts. Par contre il n’y a pas le lien “more” apres le texte, seulement […].
    Dois-je appeler archive dans l’index à l’aide d’un template tag, ou le parcours dans la hiérarchie se fait toute seule?

    http://freestyleaddict.online.fr
  21. 21

    JeFF > Donc le problème provient bien de ton fichier d’archives… revérifie tout ça. Laisses l’index de côté et recopie le code comme il faut, normalement ça devrait passer… Si tu n’y arrives toujours pas, va voir au tuto 23, je propose un lien pour récupérer les fichiers du thème !! ;-)

    http://www.fran6art.com
  22. 22

    Arf, je n’avais pas fermé la div “page” dans archive.php. Je vois par contre que tu l’as aussi fermée dans page.php mais ça a l’air de marcher quand même sans. Je n’ai pas encore terminé le tuto, peut-être qu’on le rajoute après… Merci en tout cas! A bientôt pour les futurs bugs :P

    http://freestyleaddict.online.fr
  23. 23

    Bonsoir,
    Très bon tuto je t’on félicite, mais j’ai un sousi il y a des nombres dans avec le commantairs ( 1. 2. 3. ex.. ) j’ai pas pu les supprimer puvez vous m’eder SVP :)

    hypnotiz , le 7 juil 2008 à 1:40
  1. 1 Créez votre thème Wordpress de A à Z ! Pingback on 6 juin, 2007 à 15:38
  2. 2 » Créer un thème pour son blog wordpress/dotclear || Web-hebergement.fr Pingback on 10 juin, 2007 à 12:43
  3. 3 Création Thème Wordpress | Tutoriel #22: CSS: customisation des commentaires Pingback on 3 juil, 2007 à 12:51
  4. 4 Créez votre thème Wordpress de A à Z Pingback on 27 sept, 2007 à 13:18
  5. 5 Création Thème Wordpress | Tutorial #15: Création des “sous-templates” Pingback on 16 oct, 2007 à 15:15

Laisser un commentaire