data:posts[i].firstImageUrl - Blogger Data Documentation

Data Type	Gadget Version 1	Gadget Version 2
string	Blog	Aucun gadget

Description de la donnée

data:posts[i].firstImageUrl est une donnée Blogger du gadget « Articles du blog » contenant l'URL de la première image 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 1

Garantie d'usage : Oui

Priorité faible

Thème Version 2

Garantie d'usage : Oui

Priorité moyenne

Thème Dynamique

Garantie d'usage : Aucune

Aucune priorité

Thème Version 3

Garantie d'usage : Aucune

Aucune priorité

Disponibilité par défaut par type de pages

Toutes les pages sauf les pages 404.

Recadrage de l'image

Image : Taille définie dans l'éditeur d'article.

Vignette Vidéo : 480x360

Set de réglages XML

Disponible.

Condition additionnelle

L'article doit contenir une image ou une vidéo.

Donnée équivalente Gadget Version 2

posts[i].featuredImage
posts[i].featuredImage

Données équivalentes Universelles

blog.postImageThumbnailUrl

blog.postImageUrl

view.featuredImage

Ressources

Échantillonnage des ressources

  widget: 
    type: Blog,
    version: 1
  ,
  this: 
    posts: 
      firstImageUrl: string,
        
          size: number,
          length: number,
          escaped: string,
          jsEscaped: string,
          jsonEscaped: string,
          cssEscaped: string
        
    
  

Parenté - Enfant de :

• Blog
• this
• posts
• firstImageUrl

Valeur

Attention !

Cette donnée n'est pas de type image !

Les URLs des images des articles peuvent être obtenues sur les pages de type item, index et archive.
Tandis que les URLs des images des pages autonomes peuvent être obtenues uniquement sur les pages de type static_page.

L'image conserve les propriétés de dimensions qui lui ont été attribuées dans l'article ou la page autonome.

Implantation de la donnée

La donnée étant emboîtée dans plusieurs tableaux, le choix de la méthode d'implantation 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 :

Filtres premier et dernier set d'un tableau Les opérateurs de tableaux Les opérateurs Lambdas

• Syntaxe basique
• Syntaxe d'uniformisation
• Indice
• Premier/Dernier
• Mappage

Syntaxe basique

<b:includable id='main'>

  <b:loop values='data:posts' var='post'>

    <!-- Tag -->
    <data:post.firstImageUrl/>

    <!-- Attribute value -->
    <b:eval expr='data:post.firstImageUrl'/>

  </b:loop>

</b:includable>

Syntaxe d'uniformisation

<b:includable id='main' var='this'>

  <b:loop values='data:this.posts' var='post'>

    <!-- Tag -->
    <data:post.firstImageUrl/>

    <!-- Attribute value -->
    <b:eval expr='data:post.firstImageUrl'/>

  </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].firstImageUrl'/>

    <!-- Index [i+1] -->
    <b:with value='data:i + 1' var='next'>
      <b:eval expr='data:posts[next].firstImageUrl'/>
    </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].firstImageUrl'/>
      </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.firstImageUrl'/>

  <!-- Last -->
  <b:eval expr='data:posts.last.firstImageUrl'/>

</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.firstImageUrl)' var='firstImageUrl'>

    <!-- Tag -->
    <data:firstImageUrl/>

    <!-- Attribute value -->
    <b:eval expr='data:firstImageUrl'/>

  </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
• Échappements

Longueur de la chaîne de caractères

<b:includable id='main'>

  <b:loop values='data:posts' var='post'>

    <!-- WITH SIZE -->
    <data:post.firstImageUrl.size/>

    <!-- WITH LENGTH -->
    <data:post.firstImageUrl.length/>

  </b:loop>

</b:includable>

Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.

Longueur de la chaîne de caractères

Échappements de la chaîne de caractères

<b:includable id='main'>

  <b:loop values='data:posts' var='post'>

    <!-- HTML ESCAPED -->
    <data:post.firstImageUrl.escaped/>

    <!-- JS ESCAPED -->
    <data:post.firstImageUrl.jsEscaped/>

    <!-- JSON ESCAPED -->
    <data:post.firstImageUrl.jsonEscaped/>

    <!-- CSS ESCAPED -->
    <data:post.firstImageUrl.cssEscaped/>

  </b:loop>

</b:includable>

La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.

Échappements de la chaîne de caractères

Récipients dans le thème

Cette section répertorie les emplacements des récipients qui accueillent cette donnée.

ID Inclusion	Balisage
post	Original

Données dans le même ensemble

data:this.posts[i]...

• absoluteUrl
absoluteUrl
• addCommentOnclick
• addCommentUrl
• adminClass
• allowComments
allowComments
• allowNewComments
• appRpcRelayPath
• author
• authorAboutMe
• authorPhoto
• authorProfileUrl
• avatarIndentClass
• body
body
• canonicalUrl
• cmtfpIframe
• commentConfig
• commentFormIframeSrc
• commentHtml
• commentJso
• commentLabelFull
• commentMsgs
• commentPagingRequired
• commentRangeText
• comments
• commentSource
commentSource
• commentSrc
• date
date
• dateHeader
• dummyTag
• editUrl
• emailPostUrl
emailPostUrl
• embedCommentForm
• enclosures
• feedLinks
• firstImageUrl
• googlePlusShareTag
• hasJumpLink
hasJumpLink
• hasNewerLinks
• hasOlderLinks
• id
id
• includeAd
• isDateStart
• isFirstPost
• jumpText
• labels
labels
• lastUpdatedISO8601
• link
• location
• longSnippet
• newerLinkText
• newerLinkUrl
• newestLinkText
• newestLinkUrl
• newLinkClass
• noNewCommentsText
• numComments
• olderLinkText
• olderLinkUrl
• oldestLinkText
• oldestLinkUrl
• oldLinkClass
• sharePostUrl
• showThreadedComments
• snippet
• thumbnailUrl
• timestamp
• timestampISO8601
• title
title
• url
url

Retourner dans data:posts