data:widgets[i].posts[i].featuredImage
- Blogger Data Documentation
- 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 1Garantie d'usage : InexistantAucune prioritéThème Version 2Garantie d'usage : InexistantAucune prioritéThème DynamiqueGarantie d'usage : InexistantAucune prioritéThème Version 3Garantie d'usage : OuiPriorité 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
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 suffixessize
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 suffixesescaped
, 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 |