data:width
- Blogger Data Documentation

- 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 1Garantie d'usage : OuiPriorité faibleThème Version 2Garantie d'usage : OuiPriorité moyenneThème DynamiqueGarantie d'usage : AucuneAucune prioritéThème Version 3Garantie d'usage : OuiPriorité 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
ou0px
- Max. :
300
ou300px
(à 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
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
.
É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
.
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 |