data:view.featuredImage - Blogger Data Documentation

Blogger - data:view.featuredImage
Data Type Gadget Version 1 Gadget Version 2
image Global Global
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 1
Garantie d'usage : Abandonné
Priorité indéfinie
Thème Version 2
Garantie d'usage : Expérimental
Priorité indéfinie
Thème Dynamique
Garantie d'usage : Expérimental
Priorité indéfinie
Thème Version 3
Garantie d'usage : Oui
Priorité 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 redimensionnable

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.

Vignette vidéo YouTube

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.

Longueur de la chaîne de caractères

É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.

É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
all-head-content
Original
openGraphMetaData
Original


Spotlight

Populaires cette semaine

Introduction : Les types de données Blogger / Blogger data type