data:posts[i].thumbnailUrl - Blogger Data Documentation
![Blogger - Gadget Blog - data:posts[i].thumbnailUrl](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_rBQSYsQLONWUIuuNo_IZNZVQyOh2pf_SztXOqwvgjVQ3On_2o13IzVIiVHyIGJ8i1aN8NW6bOuuvLDV58QUdScRKRz0ob1ufWuDPDREewT4j9RB_b11y_C3kawVuQvaISdImKJzKUwwe/s600-rw/posts-thumbnailUrl.jpg)
- Description de la donnée
data:posts[i].thumbnailUrlest une donnée Blogger du gadget « Articles du blog » contenant l'url de la vignette de l'article ou de la page autonome.- Intégration dans le code XML
- Dans les nœuds enfants du gadget Blog.
- Directives d'usage et niveau de priorité de mise à jour
-
Thème Version 1Garantie d'usage : OuiPriorité faibleThème Version 2Garantie d'usage : OuiPriorité moyenneThème DynamiqueGarantie d'usage : AucuneAucune prioritéThème Version 3Garantie d'usage : AbandonnéPriorité indéfinie
- Disponibilité par défaut par type de pages
- Toutes les pages sauf les pages 404.
- Longueur maximum de la valeur
- Indéfini.
- Set de réglages XML
- Disponible.
- Condition additionnelle
- L'article doit contenir une image ou une vidéo.
- Données équivalentes Universelles
blog.postImageThumbnailUrlblog.postImageUrlview.featuredImagewidgets[i].posts[i].featuredImage
Ressources
Échantillonnage des ressources
widget:
type: Blog,
version: 1 | 2
,
this:
posts:
thumbnailUrl: string,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
Valeur
Attention !
Cette donnée n'est pas de type image !
Les URLs des vignettes des articles peuvent être obtenues sur les pages de type item, index et archive.
Tandis que les URLs des vignettes des pages autonomes peuvent être obtenues uniquement sur les pages de type static_page.
L'image originale est reconvertie en une vignette carrée de 72 pixels de côté.
Le paramètre de la taille est directement intégré dans l'url juste avant le nom du fichier.
https://///s72-c/image.jpg
Implémentation de la donnée
La donnée étant emboîtée dans plusieurs tableaux, le choix de la méthode d'implémentation dépendra du résultat que vous voulez obtenir.
Pour réduire le temps de réponse, limitez le nombre de boucles et privilégiez l'usage de filtres :
Syntaxe basique
<b:includable id='main'> <b:loop values='data:posts' var='post'> <!-- Tag --> <data:post.thumbnailUrl/> <!-- Attribute value --> <b:eval expr='data:post.thumbnailUrl'/> </b:loop> </b:includable>
Syntaxe d'uniformisation
<b:includable id='main' var='this'> <b:loop values='data:this.posts' var='post'> <!-- Tag --> <data:post.thumbnailUrl/> <!-- Attribute value --> <b:eval expr='data:post.thumbnailUrl'/> </b:loop> </b:includable>
La syntaxe d'uniformisation est une méthode qui consiste à inclure l'item dans un objet afin d'obtenir la formule object.item. Cette méthode permet de faciliter la réutilisation d'inclusions contenant les mêmes jeux de données, même si les items ne sont pas dans le même nœud ou dans le même dictionnaire.
Indice de l'item
<b:includable id='main'> <b:loop values='data:posts' var='post' index='i'> <!-- Index [i] --> <b:eval expr='data:posts[i].thumbnailUrl'/> <!-- Index [i+1] --> <b:with value='data:i + 1' var='next'> <b:eval expr='data:posts[next].thumbnailUrl'/> </b:with> <!-- Index [i-1] --> <b:if cond='data:i gt 0'> <b:with value='data:i - 1' var='prev'> <b:eval expr='data:posts[prev].thumbnailUrl'/> </b:with> </b:if> </b:loop> </b:includable>
L'indice est un nombre entier positif (0 compris) qui représente la position de l'élément dans un tableau. Il peut être intègré directement dans la donnée de cette manière : data:array[index].item. Quant à la donnée, elle doit obligatoirement être dans un attribut d'expression.
Dans notre exemple, nous utilisons l'indice pour retrouver l'élément courant [i], l'élément suivant [i+1] et l'élément précédant [i-1].
Premier et dernier item
<b:includable id='main'> <!-- First --> <b:eval expr='data:posts.first.thumbnailUrl'/> <!-- Last --> <b:eval expr='data:posts.last.thumbnailUrl'/> </b:includable>
first et last sont des filtres qui permettent d'obtenir respectivement le premier et dernier élément d'un tableau sans avoir à recourir à l'usage d'une boucle.
Mappage
<b:includable id='main'> <b:loop values='data:posts map (post => post.thumbnailUrl)' var='thumbnailUrl'> <!-- Tag --> <data:thumbnailUrl/> <!-- Attribute value --> <b:eval expr='data:thumbnailUrl'/> </b:loop> </b:includable>
Le mappage est une opération qui consiste à regrouper des items d'un ensemble dans un nouvel ensemble.
Dans ce cas-ci, nous utilisons l'opérateur lambda map.
Réglages de la donnée
Les réglages sont des items contenus dans l'objet de la donnée qui renvoient une nouvelle valeur. Ils s'ajoutent à la suite de la donnée.
Introduction aux réglages des données
Les réglages autorisés pour cette donnée sont :
Longueur de la chaîne de caractères
<b:includable id='main'> <b:loop values='data:posts' var='post'> <!-- WITH SIZE --> <data:post.thumbnailUrl.size/> <!-- WITH LENGTH --> <data:post.thumbnailUrl.length/> </b:loop> </b:includable>
Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.
Échappements de la chaîne de caractères
<b:includable id='main'> <b:loop values='data:posts' var='post'> <!-- HTML ESCAPED --> <data:post.thumbnailUrl.escaped/> <!-- JS ESCAPED --> <data:post.thumbnailUrl.jsEscaped/> <!-- JSON ESCAPED --> <data:post.thumbnailUrl.jsonEscaped/> <!-- CSS ESCAPED --> <data:post.thumbnailUrl.cssEscaped/> </b:loop> </b:includable>
La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.
Alias dans le modèle
Cette section permet d'identifier les emplacements dans le fichier XML où la donnée est implémentée sous différents alias. L’alias peut être identique à la clé d’origine ou être une adaptation spécifique à une ou plusieurs inclusions.
Dans le tableau ci-dessous, nous ne mentionnons que les assignations directes sans manipulation de la valeur, à l'exception des réglages appliqués par suffixe.
| Alias | ID Inclusion | Balisage |
|---|---|---|
post.thumbnailUrl |
mobile-index-post |
Original |
post.thumbnailUrl |
mobile-post |
Original |
Données dans le même ensemble
data:this.posts[i]...absoluteUrlabsoluteUrladdCommentOnclickaddCommentUrladminClassadNumberallowCommentsallowCommentsallowNewCommentsappRpcRelayPathauthorauthorauthorAboutMeauthorPhotoauthorProfileUrlavatarIndentClassbodybodycanonicalUrlcmtfpIframecommentConfigcommentFormIframeSrccommentHtmlcommentJsocommentLabelFullcommentMsgscommentPagingRequiredcommentRangeTextcommentscommentSourcecommentSourcecommentSrccommentsUrlcommentsUrlOnclickdatedatedateHeaderdummyTageditUrlemailPostUrlemailPostUrlembedCommentFormenclosuresfeaturedImagefeaturedImagefeedLinksfirstImageUrlgooglePlusShareTaghasJumpLinkhasJumpLinkhasNewerLinkshasOlderLinksididincludeAdisDateStartisFirstPostjumpTextlabelslabelslastUpdatedlastUpdatedISO8601linklocationlongSnippetnewerLinkTextnewerLinkUrlnewestLinkTextnewestLinkUrlnewLinkClassnoNewCommentsTextnumberOfCommentsnumCommentsolderLinkTextolderLinkUrloldestLinkTextoldestLinkUrloldLinkClasspostAuthorClasssharePostUrlshareUrlshowThreadedCommentssnippetsnippetsthumbnailUrltimestamptimestampISO8601titletitleurlurl
