2017-07-20 2 views
2

Je me demande s'il est possible d'afficher le nombre de messages postés par l'éditeur J'ai un autre éditeur avec moi sur blogger donc je veux montrer sous chaque éditeur le nombre de messages postés. comme cette image ci-dessousRédacteur post counter blogger

xxx Post counter xxx

+0

Oui, c'est possible, en écrivant le nombre de messages en HTML à côté de l'image de l'affiche et en utilisant [CSS] (https://developer.mozilla.org/fr-fr/docs/Web/ CSS) pour déplacer ce texte sur l'image. Si vous voulez des réponses plus détaillées, vous devez nous montrer le code que vous avez essayé en premier. –

+0

Merci, mais ce que j'essaie de dire, c'est s'il y a un code ou une balise html ou d'autres choses comme le code jquery pour compter automatiquement les messages par éditeur. Alors est-ce possible? –

+0

Je vois, donc c'est principalement une question sur la façon de lire la bonne valeur de la plate-forme Blogger, pas comment l'afficher une fois que vous l'avez. Je ne peux pas aider avec cela, mais peut-être quelqu'un d'autre peut le faire. –

Répondre

2

Cela pourrait être une solution, vous pouvez ajouter un blog Widget et de calculer le poste comme dans cette démo. Dans cette solution, vous devez "coder en dur" les noms des auteurs (ici pour la démo Author1 et Author2).

<b:widget id='Blog2' locked='false' title='Blogposts' type='Blog' > 
    <b:includable id='main'> 
    <script> 
     <b:with var='firstAuthorPosts' value='data:posts filter (p =&gt; p.author.name == &quot;Author1&quot;)'> 
     var author1 = <data:firstAuthorPosts.size />; 
     </b:with>  
     <b:with var='secondAuthorPosts' value='data:posts filter (p =&gt; p.author.name == &quot;Author2&quot;)'> 
     var author2 = <data:secondAuthorPosts.size />; 
     </b:with>  
     window.addEventListener("load", function(){ 
     // here write this info into the HTML 
     alert(`Author 1 has: ${author1} Posts and Author 2 has: ${author2} Posts`); 
     }); 
    </script> 
    </b:includable> 
</b:widget> 

pour ajouter le message au code HTML que vous devez utiliser javascript, mais comment cela se fait dépend du HTML de votre modèle génère.

Voici une fonction lambda est utilisée pour filter messages de auhtor spécifiques et obtenir le montant avec le size Post - métadonnées Array.
(Il est fait deux fois depuis qu'il est à deux auteurs)
l'événement window.addEvnetListener est ajouté, pour écrire les données dans l'alerte (dans votre cas, alors le HTML DOM)

Des informations plus détaillées à Blogger utilisé une syntaxe peut être trouvée ici: Unofficial Documentation

Mise à jour: Javascript Détails

  • <b:with var='firstAuthorPosts' ... crée une variable avec le nom firstAuthorPosts
  • ... value='...'> ... la valeur est mis de la variable
  • data:posts ... Blog-widget-variable pour tous les messages.
  • filter ... est une fonction lambda pour les tableaux, qui renvoie uniquement des éléments, où le passé en fonction renvoie vrai
  • (p =&gt; p.author.name == &quot;Author1&quot;) ... est la fonction qui sera exécutée pour chaque élément du tableau, et retourne seulement

Alors <b:with var='firstAuthorPosts' value='data:posts filter (p =&gt; p.author.name == &quot;Author1&quot;)'> crée une variable et fixe la valeur à tous les postes de l'auteur avec le nom Author1.

  • <data:firstAuthorPosts.size /> ... retourne la taille/nombre de tous les postes dans le tableau firstAuthorPosts

Alors var author1 = <data:firstAuthorPosts.size />; crée une variable javascript, qui sera mis au compte de tous les postes de l'auteur Author1.

Les trois lignes, sont les mêmes pour la Author2

  • crée une eventHandler de charge, lorsque le site est chargé
    window.addEventHandler("load", function(){ alert(`Author 1 has: ${author1} Posts and Author 2 has: ${author2} Posts`); });

Comme les variables Javascript suivantes author1 et author2, sont globalement accessibles dans la fonction événement.

Cette ligne est juste pour montrer, comment accéder aux valeurs: alert(`Author 1 has: ${author1} Posts and Author 2 has: ${author2} Posts`);

Il utilise c'est pourquoi le interpolation ${author1} et ${author2}. (Documentation to Javascript interpolation)

+0

Pouvez-vous expliquer la dernière partie de javascript s'il vous plaît ?? –

+0

@YoussefMajbri est la partie javascript maintenant claire? Ou y a-t-il une partie que vous aimeriez savoir? –

+0

Tout est clair, mais comment puis-je mettre toutes les pièces ensemble dans le widget Blogger? –