data:posts[i].featuredImage

Data TypeGadget TypeGadget VersionLayouts Version
imageBlogFeaturedPostPopularPosts
2
3
Blogger - Gadgets Blog, FeaturedPost et PopularPosts - data:posts[i].featuredImage
data:posts[i].featuredImage est une donnée Blogger des gadgets Blog, FeaturedPost et PopularPosts contenant l'url de la première image de l'article.


Ressources

"data": {
  "widget": {
    "type": "Blog" | "FeaturedPost" | "PopularPosts",
    "version": 2
  },
  "posts": [{
    "featuredImage": image,
      {
        "isResizable": boolean,
        "isYoutube": boolean,
        "youtubeMaxResDefaultUrl": image,
        "width": number,
        "height": number,
        "size": number,
        "length": number,
        "escaped": string,
        "jsEscaped": string,
        "jsonEscaped": string,
        "cssEscaped": string
      }
  }]
}


Caractéristiques et valeurs

  • Ne peut être employée que dans le code XML des gadgets Blog, FeaturedPost et PopularPosts.
  • Donnée imbriquée dans le tableau posts.
  • Image image + Héritage string.
  • URL de l'image principale contenue dans l'article.
  • Taille: indéfini.
  • Hébergeur: indéfini.


Extraction explicite

La donnée étant emboîtée dans plusieurs tableaux, le choix de la méthode d'extraction 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
<b:loop values='data:posts' var='post' >

  <data:post.featuredImage/>

</b:loop>


Image redimensionnable

En ajoutant le paramètre .isResizable à la donnée, la donnée renvoie une valeur booléenne true ou false.
Si la valeur est true, la donnée pourra être traitée avec les opérateurs d'images.
En savoir plus
Exemple
<b:loop values='data:posts' var='post' >

  <b:if cond='data:post.featuredImage.isResizable'>
    <img expr:src='resizeImage(data:post.featuredImage,500,"1:1")'/>
  </b:if>

</b:loop>


Image YouTube

Les images en provenance de YouTube peuvent être détectées grâce au suffixe .isYoutube. Lorsque la valeur est vraie, l'url de l'image maxresdefault.jpg pourra être obtenue avec le suffixe .youtubeMaxResDefaultUrl.
Les images maxresdefault.jpg peuvent être également traitées avec les opérateurs d'images.
En savoir plus
Exemple
<b:loop values='data:posts' var='post' >

  <b:if cond='data:post.featuredImage.isYoutube'>
    <img expr:src='resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl,500,"16:9")'/>
  </b:if>

</b:loop>


Métadonnées de l'image

Si les dimensions de l'image ont été mentionnées explicitement, elles peuvent être extraites grâce aux suffixes .width (Largeur) et .height (Hauteur).
Lorsque ces informations ne sont pas disponibles, les suffixes peuvent renvoyer les valeurs 0, NULL ou vide.
En savoir plus
<b:loop values='data:posts' var='post' >

  <!-- WIDTH -->
  <data:post.featuredImage.width/>

  <!-- HEIGHT -->
  <data:post.featuredImage.height/>

</b:loop>


Longueur de la chaîne

Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.
En savoir plus
<b:loop values='data:posts' var='post' >

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

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

</b:loop>


Échappement de la chaîne

La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.
En savoir plus
<b:loop values='data:posts' var='post' >

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

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

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

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

</b:loop>


Implantation de la donnée dans les thèmes de gadgets

Gadget Type Inclusion Gadget Version Layouts Version Thème
Common
heroPost 2 3
Notable
Common
normalPost 2 3
Notable
Common
responsiveImage 2 3
Soho
Common
standardPostImageStyle 2 3
Emporio
Blog
post 2 3
Emporio
Soho
Blog
postBodySnippet 2 3
Contempo
Emporio
Blog
postMetadataJSON 2 3
Par défaut
Blog
FeaturedPost
postWrapperClasses 2 3
Emporio
FeaturedPost
PopularPosts
snippetedPostContent 2 3
Contempo
Emporio
Soho
FeaturedPost
PopularPosts
snippetedPostThumbnail 2 3
Par défaut
Blog
FeaturedPost
PopularPosts
snippetedPostThumbnail 2 3
Contempo
Emporio
Soho


Autres URLs d'image de posts

Gadget Type Data Gadget Version Layouts Version Data Type
Global
data:blog.postImageUrl 1 2 1 2 3 string
Global
data:blog.postImageThumbnailUrl 1 2 1 2 3 string
Global
data:view.featuredImage 1 2 1 2 3 image
Global
data:widgets[i].posts[i].featuredImage 2 3 image
Blog
data:posts[i].thumbnailUrl 1 2 1 2 3 string
Blog
data:posts[i].firstImageUrl 1 1 2 string
FeaturedPost
data:postFirstImage 1 1 2 string
PopularPosts
data:posts[i].featuredImage 1 1 2 image
PopularPosts
data:posts[i].thumbnail 1 1 2 image


Données dans le même tableau

Gadget Type Data Gadget Version Layouts Version Data Type
Blog
FeaturedPost
PopularPosts
data:posts[i].id 2 3 string number
Blog
FeaturedPost
PopularPosts
data:posts[i].title 2 3 string
Blog
FeaturedPost
PopularPosts
data:posts[i].body 2 3 string
Blog
FeaturedPost
PopularPosts
data:posts[i].snippets 2 3 object
Blog
FeaturedPost
PopularPosts
data:posts[i].url 2 3 url
Blog
FeaturedPost
PopularPosts
data:posts[i].shareUrl 2 3 string
Blog
FeaturedPost
PopularPosts
data:posts[i].emailPostUrl 2 3 string
Blog
FeaturedPost
PopularPosts
data:posts[i].commentsUrl 2 3 url
Blog
FeaturedPost
PopularPosts
data:posts[i].commentsUrlOnclick 2 3 string
Blog
FeaturedPost
PopularPosts
data:posts[i].numberOfComments 2 3 number
Blog
FeaturedPost
PopularPosts
data:posts[i].allowComments 2 3 boolean
Blog
FeaturedPost
PopularPosts
data:posts[i].hasJumpLink 2 3 boolean
Blog
FeaturedPost
PopularPosts
data:posts[i].date 2 3 date
Blog
FeaturedPost
PopularPosts
data:posts[i].lastUpdated 2 3 date
Blog
FeaturedPost
PopularPosts
data:posts[i].labels 2 3 array[Object]
Blog
FeaturedPost
PopularPosts
data:posts[i].author 2 3 array[Object]


Retourner dans le dictionnaire du gadget Blog Version 2 Retourner dans le dictionnaire des gadgets FeaturedPost et PopularPosts Version 2

Populaires cette semaine

Les gadgets officiels retirés