Mettre en avant le dernier article

[Christophe Darmangeat]

Bonjour

Désolé de demander quelque chose d'aussi basique, mais je souhaiterais, su mon blog, mettre en avant l'article le plus récent. Le problème du widget qui propose cette fonction par défaut est qu'il n'offre guère de possibilités de personnalisation au niveau du rendu.

J'ai essayé de récupérer par ChatGTP,  j'ai tenté de copier-coller le code adéquat d'un autre thème, rien n'y fait : je me bats entre d'incessantes  erreurs de syntaxe et le fait qu'il ne se passe tout simplement rien.

J'aimerais donc pouvoir récupérer ce post le plus récent, avec son illustration, et en récupérant un résumé relativement long (disons, 1000 caractères). Existe-t-il un  moyen simple... et qui marche ?

Merci d'avance

[Christian DEHAIS]

Bonjour,

Je débarque ici et je vais essayer de vous aider mais sans garanties, quoique ce que vous demandez ne m'a pas l'air inaccessible.

Vous utilisez quoi comme thème Blogger (selon les versions de gadget 1 ou 2, les codes ne sont pas les mêmes) ?
Pourriez-vous mettre un lien vers votre blog ?

[Christian DEHAIS]

Je viens de farfouiller un peu, et voilà ce que je peux déjà dire :
- Si vous utilisez des gadgets version 1, il semble ne pas être possible d'avoir un résumé plus long dans le gadget 'FeaturedPost' (post épinglé). Pour y arriver, il faudrait pouvoir accéder au corps de l'article (post.body), et malheureusement dans la version 1 cette donnée n'est accessible que dans le gadget ' Blog'.
- Par contre si vous utilisez des gadgets version 2, cette donnée est accessible dans les gadgets 'Blog', 'FeaturedPost' et 'PopularPosts', donc votre demande serait réalisable.

Référence : https://bloggercode-blogconnexion.blogspot.com/1971/07/data-posts-body.html

[Christian DEHAIS]

J'ai continué mes recherches et fait quelques tests. Voici l'état de mes avancées :

1. Concernant la version 1 des gadgets, j'ai découvert la donnée 'postSummaryLong' disponible dans le gadget 'FeaturedPost'. Elle permet d'afficher un maximum théorique de 1 000 caractères (mes tests ont trouvé un peu moins à l'affichage, dans les 980).

Pour l'utiliser :
- Faites une sauvegarde du thème du blog (Thème -> Menu déroulant à côté de 'Personnaliser' -> Sauvegarder -> Télécharger)
- Ouvrez le code html du thème (Thème -> Menu déroulant à côté de 'Personnaliser' -> Modifier le code HTML)

- Recherchez postSummary : vous ne devriez trouver que 2 occurrences très rapprochées.
- Remplacez les 2 occurences de postSummary par postSummaryLong.
- Enregistrez le thème et testez.

Si vous souhaitez pouvoir ajuster le nombre de caractères du résumé à une valeur inférieure à 1 000 :
- Recherchez <data:postSummaryLong/>
- Remplacez <data:postSummaryLong/> par  <b:eval expr='data:postSummaryLong snippet { length: 1000 }'/>
- Modifiez la valeur de length à votre convenance.
- Enregistrez le thème et testez.

Inconvénient : le contenu situé au-delà du marqueur d'expansion est ignoré.

Source : https://bloggercode-blogconnexion.blogspot.com/2021/10/postSummaryLong.html

2. Concernant la version 2 des gadgets : d'après ce que j'ai compris, le résumé du post épinglé est limité par la hauteur en pixels du conteneur qui dans lequel il est. On peut régler cette hauteur, mais le problème est que c'est un paramètre d'affichage commun au post épinglé et aux autres posts du blog. Si on le modifie, on touche tous ces affichages. Heureusement on peut différencier ces affichages en ajoutant un peu de code :

- Faites une sauvegarde du thème du blog (Thème -> Menu déroulant à côté de 'Personnaliser' -> Sauvegarder -> Télécharger)
- Ouvrez le code html du thème (Thème -> Menu déroulant à côté de 'Personnaliser' -> Modifier le code HTML)

- Recherchez .post-snippet.snippet-container (avec le point au début. Il n'y a normalement qu'une seule occurrence) 
- Vous devriez voir ces lignes :
.post-snippet.snippet-container{
max-height:120px
}
- Juste après ces lignes ajoutez :
.FeaturedPost .post-snippet.snippet-container{
max-height:240px
}
- Enregistrez le thème et testez.

Explications, réglages et inconvénients : l'ajout de ces lignes permet de différencier l'affichage du résumé du post épinglé (FeaturedPost) dont le conteneur a maintenant sa propre hauteur, réglée à 240 pixels, ce qui permet d'afficher environ 940 caractères. Mes tests montrent qu'augmenter cette hauteur ne change rien, je n'ai pas encore cherché pourquoi. Par contre, la diminuer permet d'afficher moins de caractères. Par exemple dans mes tests, une hauteur de 170px affiche à peu près 670 caractères. On voit bien que l'inconvénient est qu'on ne règle pas un nombre de caractères mais une hauteur d'affichage.

Voilà, j'espère que ça va vous permettre d'avancer au moins sur cet aspect. Bonne chance et tenez-nous au courant !

[Christian DEHAIS]

J'ai oublié : dans la version 2 comme la version 1, le contenu situé au-delà du marqueur d'expansion est ignoré.