ThéorieFonctionnalitésGestion

Les commentaires filetés imbriqués - Activation et guide de dépannage


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Les commentaires filetés imbriqués - Activation et guide de dépannage Depuis le 11 janvier 2012, Blogger a activé une nouvelle formule pour les commentaires : Les commentaires filetés qui permettent de répondre à un auteur d'un commentaire sur deux niveaux.

Activation et guide de dépannage.



Comment activer ?

L'activation est toute simple, il suffit de modifier un tout petit paramètre dans le tableau de bord :

Tableau de bordParamètresPublications et commentairesEmplacement des commentairesImbriqués

Vous sélectionnez "Imbriqués". Cela aura pour effet d'afficher les commentaires en-dessous des articles.


A savoir : Les flux des commentaires par article doivent être activés. Soit flux "Partiel" ou "Complet".


Tableau de bordParamètresAutresAutoriser les flux de blog

N'oubliez pas d'enregistrer ;)


Haut de page


Les commentaires ne sont pas filetés ?

La toute première chose a faire est de vérifier vos flux (voir plus haut ▲).


Vous avez effectué l'activation et malheureusement, les commentaires s'affichent toujours sous l'ancien format (en cumulés) ?
Il faut faire une petite vérification dans le code HTML de votre modèle.

Quels sont les modèles concernés ?

Principalement les anciens modèles, modèles ayant subi des petites ou grosses modifications dans le code HTML ou encore, des modèles importés, etc. En bref, tout dépend des antécédents de chaque modèle.

Pourquoi ça ne fonctionne pas ?

Parce que Blogger ne sait pas mettre à jour certaines sections dans le code HTML qui ne correspondent pas à leur modèle de gadget de référence (modifiés soit par l'utilisateur ou modèles anciens ou modèles importés, etc). En résumé, Blogger effectue une mise à jour que lorsque les séries de codes par défauts coïncident avec votre modèle. Ce qui signifie que si vous êtes dans cette situation, et si vous ne faites pas les modifications manuelles, vous n'obtiendrez jamais les commentaires filetés sur votre blog.

Est-il quand même possible d'activer les commentaires filetés ?

Oui ! Tous les modèles ont la possibilité d'afficher les commentaires filetés imbriqués. Les principaux éléments sont déjà intégrés. Il faut "raccorder la prise".
La section a remplacer dans le code HTML varie selon les antécédents des modèles et plusieurs solutions sont envisageables.

Tableau de bordModèleModifier le code HTML


Avec l'arrivée du module de commentaires Google+ en 2013, les solutions proposées ci-dessous ne peuvent pas forcément convenir aux modèles personnalisés.


Solution N°1
Convient pour les modèles récents et/ou "rafraichis" récemment.

Recopiez ce code :
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

A la place de :
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
Dernière version mise en ligne par Blogger avant l'arrivée des commentaires filetés

Solution N°2
Convient pour tous les modèles.

Remplacez toutes les balises :
<b:include data='post' name='comments'/>

Par :
<b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
<b:else/>
  <b:include data='post' name='comments'/>
</b:if>


Solution N°3
La solution radicale : Un "rafraîchissement" du gadget.

ATTENTION ! ! ! Cette méthode est irréversible. Toutes vos modifications personnelles dans le gadget "Blog" disparaîtront.

Tableau de bordModèleModifier le code HTMLRétablir les paramètres par défaut des modèles de gadgetsBlog1


Solution N°4
La solution chirurgicale : Un "rafraîchissement" ciblé.

Réinitialisez l'inclusion originelle du gadget Blog.
ATTENTION ! ! ! Cette méthode est irréversible. Toutes vos modifications personnelles dans cette section disparaîtront.

Tableau de bordModèleModifier le code HTML Gadget "blog1"

Développez le gadget "Blog1" et l'inclusion "main".

Supprimez l'inclusion "main":
<b:includable id='main' var='top'>...</b:includable>

Blogger se chargera de régénérer toute la section avec toutes les mises à jour.


Que vous utilisiez la solution N°3 ou N°4, vous bénéficierez aussi des nouvelles mises à jour concernant les modèles mobiles personnalisés qui étaient frappés du même syndrome.


Haut de page


Les heures ne coïncident pas - UPDATE 09/05/12

Les heures des commentaires filetés indiquent l'heure US (Google Mountain View). Pour l'instant, elles ne sont pas encore raccordées aux fonctionnalités du tableau de bord (fuseau horaire et format). Un peu de patience.


UPDATE : 2 février 2012 - Les ingénieurs ont ajouté l'hyperlien de chaque commentaire.
UPDATE : 9 mai 2012 - Le format de l'heure est désormais paramétrable depuis l'interface.


Haut de page


Le bouton "répondre" ne fonctionne pas

UPDATE 25/01/12

  1. L'auteur de l'article : Si le nom de l'auteur de l'article contient des apostrophes ou des caractères spéciaux, les boutons restent inactifs. Modifiez votre nom sur votre profil Blogger ou Google+ en utilisant des caractères normaux (a, b, c, d, 1, 2, 3, etc) ! ! ! - RESOLU
  2. Pour les autres cas, il peut s'agir d'un conflit avec des scripts de différents modules que vous avez insérés dans vos codes.
    Vérifiez-les un à un et supprimez ceux qui sont incompatibles avec les commentaires filetés.
    Un gadget non-officiel Blogger peut être aussi à l'origine de ce dysfonctionnement.


Haut de page


L'icône indiquant l'auteur de l'article n'apparaît pas.

UPDATE 24/01/12 : Ce problème a été résolu le 24/01/12 (voir chapitre : Comment changer la mise en forme des commentaires filetés ? ▼.
Si ce n'est pas le cas, ajoutez le CSS ci-dessous depuis l'éditeur de modèles :

Tableau de bordModèlePersonnaliserAvancéAjouter CSS

CSS a ajouter :
.icon.blog-author {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent !important;
}

Vous pouvez personnaliser en remplaçant l'url de l'icône (en rouge) par l'icône de votre choix (taille : 18px). ;)
Si vous utilisez un icône plus petit que 18px, remplacez 0 0 (en bleu), par center center.

Si vous souhaitez personnaliser les commentaires de l'auteur du blog, je vous conseille de lire l'article de Yoga : Highlight Author Comments in Blogger's New Threaded Comment System [en anglais].


Haut de page


Afficher plus de 200 commentaires

Par défaut, si un article contient plus de 200 commentaires, un lien intitulé "Charger la suite..." apparaîtra en bas de la liste.
Ce lien a pour mission d'afficher les commentaires suivants par tranche de 50 commentaires.
Il est possible de changer cette valeur.

Tableau de bordModèleModifier le code HTML (Gadgets développés)

Recherchez ces 2 codes et remplacez la valeur 50 par le nombre de votre choix. :
note: Blogger a fixé la valeur maximum à 200 !
// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;

          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null

Vous pouvez voir une démonstration de cette modification sur le blog de Romuald.
Un tout grand merci pour son partage.


UPDATE 11/02/12 :
Par défaut le lien "Charger la suite..." est placé en-dessous du formulaire de commentaire. Pour le replacer entre ce formulaire et le dernier commentaire, suivez les instructions de Yoga (de l'équipe du forum US) : Place 'Load More' link above Comment Form [EN].


Haut de page


Numéroter les commentaires

Il est possible de numéroter les commentaires grâce à l'élément "liste" présent dans le HTML. Un simple petit CSS peut suffire.

Tableau de bordModèlePersonnaliserAvancéAjouter CSS

Possibilité 1 : Numéroter tous les commentaires :
.comments .comment-thread li {
  list-style-type: decimal;
}

Possibilité 2 : Numéroter uniquement les commentaires de niveau 1 :
.comments .comment-thread li {
  list-style-type: decimal;
}
.comments .inline-thread li {
  list-style-type: none;
}

Possibilité 3 : Numéroter uniquement les réponses :
.comments .inline-thread li {
  list-style-type: decimal;
}

Le numéro s'affichera sous cette forme : 1., 2., 3., etc, à gauche de la vignette du commentateur.

Pour changer le format, vous pouvez changer la valeur "decimal" (en rouge) par :

Valeur Type
decimal1.,2.,3.,4. etc...
lower-romani.,ii.,iii.,iv. etc...
upper-romanI.,II.,III.,IV. etc...
lower-alphaa.,b.,c.,d. etc...
upper-alphaA.,B.,C.,D. etc...
lower-latina.,b.,c.,d. etc...
upper-latinA.,B.,C.,D. etc...


UPDATE : 10/02/2012
La numérotation s'affiche différemment selon le navigateur utilisé.
Vous pouvez privilégier l'un ou l'autre navigateur en ajoutant dans le css, l'élément "list-style-position" en dessous de l'élément "list-style-type".

Avec la mention "outside" (par défaut) :
Retrait à gauche de la numérotation
  list-style-position: outside;

Avec la mention "inside" :
Numérotation dans le corps de la liste
  list-style-position: inside;


Haut de page


Effacer les commentaires filetés

Si un lecteur efface son commentaire (niveau 1), les réponses (niveau 2) données à ce commentaire seront conservées.
Si un administrateur du blog efface définitivement un commentaire de niveau 1, toutes les réponses données à ce commentaire seront automatiquement effacées.


Haut de page


Comment changer la mise en forme des commentaires filetés ?

UPDATE 24/01/2012

Blogger a effectué une modification importante dans le code HTML pour faciliter l'insertion de vos propres styles que vous ajoutez depuis l'éditeur de modèles.

L'inclusion CSS qui figurait dans le gadget Blog va disparaître la prochaine fois que vous "rafraichirez" votre modèle.
L'appel de cette inclusion depuis l'inclusion principale des commentaires filetés disparaîtra également (voir mise à jour). Dorénavant, les styles par défaut seront gérés depuis la feuille externe générée par Blogger (comme pour les autres éléments de votre blog).


Pour ce qui est de la personnalisation pure, vous pouvez toujours modifier la mise en forme via l'éditeur de modèle (ongletAvancéAjouter CSS).


Petit exemple pour modifier le contenu des commentaires :
.comment-content {
  font: normal normal 12px verdana;
  text-align: left;
}


Haut de page


Comment tout changer ?

Vous êtes bidouilleur et vous voulez tout changer ? No souci, tout est dans votre modèle.

Tableau de bordModèleModifier le code HTML (Gadgets développés)



Update 11/02/12 :
Si vous souhaitez fabriquer vos propres commentaires filetés, je vous conseille de vous inspirer du travail de Felipe Nico (de l'équipe du forum espagnol) : Custom threaded comments in Blogger [EN] ou encore de cette démo : inReplyTo : Développer un module de commentaires avec réponses.
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire