data:view.featuredImage
- Blogger Data Documentation
- Description de la donnée
data:view.featuredImage
est une donnée universelle Blogger qui renvoie l'url de l'image principale ou l'url de la vignette de la vidéo YouTube de l'article ou de la page autonome.- 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 : AbandonnéPriorité indéfinieThème Version 2Garantie d'usage : ExpérimentalPriorité indéfinieThème DynamiqueGarantie d'usage : ExpérimentalPriorité indéfinieThème Version 3Garantie d'usage : OuiPriorité haute
- Disponibilité par défaut par type de pages
- Articles et pages autonomes.
- Recadrage de l'image
- Image : Taille définie dans l'éditeur d'article.
- Vignette Vidéo : 480x360
- Set de réglages XML
- Disponible, avec restriction.
- Condition additionnelle
- L'article doit contenir une image ou une vidéo.
- Données universelles similaires
blog.postImageThumbnailUrl
blog.postImageUrl
widgets[i].posts[i].featuredImage
- Données de gadgets similaires
posts[i].firstImageUrl
posts[i].thumbnailUrl
posts[i].featuredImage
Ressources
Échantillonnage des ressources
view:
featuredImage: image,
isResizable: boolean,
isYoutube: boolean,
youtubeMaxResDefaultUrl: image,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
Parenté - Enfant de :
- Global
view
featuredImage
Implantation de la donnée
Syntaxe basique
<!-- Tag --> <data:view.featuredImage/> <!-- Attribute value --> <b:eval expr='data:view.featuredImage'/>
Syntaxe d'uniformisation
<b:with value='data:view' var='this'> <!-- Tag --> <data:this.featuredImage/> <!-- Attribute value --> <b:eval expr='data:this.featuredImage'/> </b:with>
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.
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 :
L'image est redimensionnable ?
<!-- IS RESIZABLE ? --> <b:if cond='data:view.featuredImage.isResizable'> <img expr:src='resizeImage(data:view.featuredImage,500,"1:1")'/> </b:if>
En ajoutant le paramètre .isResizable
à la donnée, la donnée renvoie une valeur booléenne true
ou false
.
Lorsque la valeur est true
, la donnée principale pourra être traitée avec les opérateurs d'images.
Image YouTube
<!-- IS YOUTUBE ? --> <b:if cond='data:view.featuredImage.isYoutube'> <img expr:src='resizeImage(data:view.featuredImage.youtubeMaxResDefaultUrl,497,"16:9")'/> </b:if>
Les images en provenance de vidéos 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.
Longueur de la chaîne de caractères
<!-- WITH SIZE --> <data:view.featuredImage.size/> <!-- WITH LENGTH --> <data:view.featuredImage.length/>
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
<!-- HTML ESCAPED --> <data:view.featuredImage.escaped/> <!-- JS ESCAPED --> <data:view.featuredImage.jsEscaped/> <!-- JSON ESCAPED --> <data:view.featuredImage.jsonEscaped/> <!-- CSS ESCAPED --> <data:view.featuredImage.cssEscaped/>
La chaîne de caractères peut être échappée en utilisant les suffixes escaped
, jsEscaped
, jsonEscaped
et cssEscaped
.
Récipients dans le thème
Cette section répertorie les emplacements des récipients qui accueillent cette donnée.
ID Inclusion | Balisage |
---|---|
all-head-content |
Original |
openGraphMetaData |
Original |
Données dans le même ensemble
data:view...