data:sourceSet - Blogger Data Documentation

Data Type	Gadget Version 1	Gadget Version 2
string	Aucun gadget	Image

Description de la donnée

data:sourceSet est une donnée Blogger du gadget « Image » contenant la valeur de l'image réactive destinée à l'attribut srcset dans une balise <img>.

Intégration dans le code XML

Dans les nœuds enfants du gadget Image.

Directives d'usage et niveau de priorité de mise à jour

Thème Version 1

Garantie d'usage : Aucune

Aucune priorité

Thème Version 2

Garantie d'usage : Aucune

Aucune priorité

Thème Dynamique

Garantie d'usage : Aucune

Aucune priorité

Thème Version 3

Garantie d'usage : Oui

Priorité haute

Disponibilité par défaut par type de pages

Toutes les pages.

Longueur maximum de la valeur

Indéfini.

Set de réglages XML

Disponible.

Condition additionnelle

Aucune.

Donnée équivalente Gadget Version 1

Inexistante.

Ressources

Échantillonnage des ressources

  widget: 
    type: Image,
    version: 2
  ,
  this: 
    sourceSet: string,
      
        size: number,
        length: number,
        escaped: string,
        jsEscaped: string,
        jsonEscaped: string,
        cssEscaped: string
      
  

Parenté - Enfant de :

• Image
• this
• sourceSet

Contrôle de la valeur

Valeur

La valeur de la donnée est un set de dimensions de l'image.

Sa classification officielle est de type string et n'est pas de type image ou url !

• Set des dimensions : 72w, 128w, 220w, 400w, 640w, 800w, 1024w, 1280w, 1600w.

Syntaxe

https://blogger.googleusercontent.com/…/s72/image.webp 72w,
https://blogger.googleusercontent.com/…/s128/image.webp 128w,
https://blogger.googleusercontent.com/…/s220/image.webp 220w,
https://blogger.googleusercontent.com/…/s400/image.webp 400w,
https://blogger.googleusercontent.com/…/s640/image.webp 640w,
https://blogger.googleusercontent.com/…/s800/image.webp 800w,
https://blogger.googleusercontent.com/…/s1024/image.webp 1024w,
https://blogger.googleusercontent.com/…/s1280/image.webp 1280w,
https://blogger.googleusercontent.com/…/s1600/image.webp 1600w

Ajouter/Modifier/Supprimer

Le set de dimensions n'est pas personnalisable mais l'url de l'image peut être définie dans le panneau de configuration du gadget.

• UI
• Mise en page
• Modifier gadget Image
• Image

Implémentation de la donnée

• Référence Directe
• Aliasing de l'Item
• Aliasing de l’Instance du Gadget

Méthode de Référence Directe

<b:includable id='main'>

  <!-- Tag -->
  <data:sourceSet/>

  <!-- Attribute value -->
  <b:eval expr='data:sourceSet'/>

</b:includable>

La Direct Reference Method est la méthode la plus simple et la plus directe pour accéder à une donnée. Elle consiste à insérer la donnée telle quelle dans le code XML, sans alias ni encapsulation. Cette approche est adaptée aux données primitives du schéma de données, celles qui peuvent être appelées directement sans transformation ni boucle.

Méthode d’Aliasing de l’Item

<b:includable id='main'>

  <b:with value='data:sourceSet' var='element'>

    <!-- Tag -->
    <data:element/>

    <!-- Attribute value -->
    <b:eval expr='data:element'/>

  </b:with>

</b:includable>

L’Alias Item Method permet de stocker un item unique dans une variable temporaire à l’aide de <b:with>. Cette approche améliore la lisibilité du code et réduit la redondance lorsque la même valeur est utilisée plusieurs fois.

Méthode d’Aliasing de l’Instance du Gadget

<b:includable id='main' var='this'>

  <!-- Tag -->
  <data:this.sourceSet/>

  <!-- Attribute value -->
  <b:eval expr='data:this.sourceSet'/>

</b:includable>

La Gadget Instance Aliasing Method consiste à stocker l’instance du gadget en cours dans une variable temporaire définie dans la balise principale <b:includable>, afin de faciliter l’accès à ses données. Elle permet également de réutiliser les inclusions enfants (ou inclusions communes) qui partagent des jeux de données similaires, même lorsque les items ne sont pas situés 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 :

• Longueur
• Échappements

Longueur de la chaîne de caractères

<b:includable id='main'>

  <!-- WITH SIZE -->
  <data:sourceSet.size/>

  <!-- WITH LENGTH -->
  <data:sourceSet.length/>

</b:includable>

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

<b:includable id='main'>

  <!-- HTML ESCAPED -->
  <data:sourceSet.escaped/>

  <!-- JS ESCAPED -->
  <data:sourceSet.jsEscaped/>

  <!-- JSON ESCAPED -->
  <data:sourceSet.jsonEscaped/>

  <!-- CSS ESCAPED -->
  <data:sourceSet.cssEscaped/>

</b:includable>

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

Alias dans le modèle

Cette section permet d'identifier les emplacements dans le fichier XML où la donnée est implémentée sous différents alias. L’alias peut être identique à la clé d’origine ou être une adaptation spécifique à une ou plusieurs inclusions.

Dans le tableau ci-dessous, nous ne mentionnons que les assignations directes sans manipulation de la valeur, à l'exception des réglages appliqués par suffixe.

Alias	ID Inclusion	Balisage
sourceSet	content	Original

Données dans le même ensemble

data:this…

• caption
• height
• link
• sectionWidth
• shrinkToFit
• sourceSet
• sourceUrl
• title
• width

data:{Image}