data:widgets[i].posts[i].featuredImage - Blogger Data Documentation

Blogger - data:widgets[i].posts[i].featuredImage
Data Type Gadget Version 1 Gadget Version 2
image Inexistant Global
Description de la donnée
data:widgets[i].posts[i].featuredImage est une donnée universelle Blogger contenant l'URL de l'image de l'article ou de la vignette de la vidéo YouTube disponible dans l'article/page de la page courante.
Intégration dans le code XML
Dans les nœuds enfants de la balise <html>, excepté à l'intérieur des marqueurs <![CDATA[ ]]>.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Inexistant
Aucune priorité
Thème Version 2
Garantie d'usage : Inexistant
Aucune priorité
Thème Dynamique
Garantie d'usage : Inexistant
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Disponibilité par défaut par type de pages
Toutes les pages, sauf les pages 404.
Disponibilité par type de gadgets
Gadget Blog.
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 de gadgets apparentée
posts[i].featuredImage
Données universelles similaires
blog.postImageThumbnailUrl
blog.postImageUrl
view.featuredImage
Données de gadgets similaires
posts[i].firstImageUrl
posts[i].thumbnailUrl


Ressources

Échantillonnage des ressources


  widgets: 
    posts: 
      featuredImage: image,
        
          isResizable: boolean,
          isYoutube: boolean,
          youtubeMaxResDefaultUrl: image,
          width: number,
          height: number,
          originalWidth: number,
          originalHeight: number,
          size: number,
          length: number,
          escaped: string,
          jsEscaped: string,
          jsonEscaped: string,
          cssEscaped: string
        
    
  

Parenté - Enfant de :



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 par type de gadget Filtres premier et dernier set d'un tableau Les opérateurs de tableaux Les opérateurs Lambdas
<b:loop values='data:widgets.Blog.first.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:widgets.Blog.first.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:widgets.Blog.first.posts' var='post'>

  <b:if cond='data:post.featuredImage.isYoutube'>
    <img expr:src='resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl,500,"1:1")'/>
  </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:widgets.Blog.first.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:widgets.Blog.first.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:widgets.Blog.first.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>


Récipients dans le thème

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

ID Inclusion Balisage
openGraphMetaData
Original
<body>
Emporio


Données dans le même ensemble

data:widgets[i].posts[i]...

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Ajouter des boutons à la barre de partage Blogger