data:width - Blogger Data Documentation

Blogger - Gadgets Header/Image - data:width
Data Type Gadget Version 1 Gadget Version 2
number string Header Image Header Image
Description de la donnée
data:width est une donnée Blogger des gadgets « En-tête de la page » et « Image » qui renvoie la largeur d'affichage à appliquer à l'image associée au gadget.
Intégration dans le code XML
Dans les nœuds enfants des gadgets Header et Image.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Oui
Priorité faible
Thème Version 2
Garantie d'usage : Oui
Priorité moyenne
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.
Type de la donnée
string : Gadget Header Version 1.
number : Gadget Header Version 2.
number : Gadget Image Versions 1 et 2.
Valeurs min. et max.
Min. : 0 ou 0px
Max. : 300 ou 300px (à la discrétion de Blogger Team)
Set de réglages XML
Inexistant excepté dans le gadget Header Version 1.
Condition additionnelle
Aucune.
Donnée sœur
height

Ressources

Échantillonnage des ressources - Gadget Header Version 1


  widget: 
    type: Header,
    version: 1
  ,
  this: 
    width: string,
      
        size: number,
        length: number,
        escaped: string,
        jsEscaped: string,
        jsonEscaped: string,
        cssEscaped: string
      
  

Échantillonnage des ressources - Gadget Header Version 2


  widget: 
    type: Header,
    version: 2
  ,
  this: 
    width: number
  

Échantillonnage des ressources - Gadget Image Versions 12


  widget: 
    type: Image,
    version: 1 | 2
  ,
  this: 
    width: number
  

Parenté - Enfant de :

Implémentation de la donnée

Méthode de Référence Directe

<b:includable id='main'>

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

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

</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:width' 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.width/>

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

</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

Attention !

Ces réglages sont disponibles uniquement dans le gadget Header version 1.

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 de la chaîne de caractères

<b:includable id='main'>

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

  <!-- WITH LENGTH -->
  <data:width.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:width.escaped/>

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

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

  <!-- CSS ESCAPED -->
  <data:width.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
width main
Original
width image
Original
width main
Original
width content
Original
originalWidth responsiveImage
Original

Spotlight

La balise TITLE sur Blogger

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger